/* Classic Mp3Juice shell, with compact premium cards. */
:root{--purple:#765b9d;--deep:#513a71;--ink:#2d223b;--muted:#746982;--line:#ffffff30;--paper:#fff;--soft:#f5f1fa}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--purple);color:#fff;font:14px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,input{font:inherit}button,summary{cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #d1bdf4;outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.02em}h1{font-size:24px;font-weight:600}h2{font-size:24px;font-weight:650}h3{font-size:17px;font-weight:650}p{color:#f2edf8;margin-bottom:18px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:12px;z-index:50;background:#fff;color:var(--ink);padding:10px}
.site-header,.hero,.landing-content,.site-footer{width:min(600px,calc(100% - 32px));margin-inline:auto}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:18px}.site-header nav{display:flex;align-items:center;gap:22px;font-size:12px}.site-header nav a{padding-block:12px}.language-menu{position:relative;font-size:11px}.language-menu summary{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;list-style:none;white-space:nowrap}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary span:nth-child(2){max-width:110px;overflow:hidden;text-overflow:ellipsis}.language-list{position:absolute;inset-inline-end:0;top:40px;width:320px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:10px;background:var(--paper);color:var(--ink);border-radius:12px;box-shadow:0 15px 50px #21113240}.language-list a{padding:9px 10px;border-radius:6px}.language-list a:hover,.language-list a[aria-current]{background:var(--soft);color:var(--deep)}
.hero-inner{padding:26px 0 0;text-align:center}.brand{display:block;width:207px;margin:0 auto 19px}.brand img{width:207px;height:74px;object-fit:contain}.hero h1{margin-bottom:17px;font-size:22px}.search-panel{scroll-margin-top:24px;position:relative;z-index:5}.search-panel form{position:relative;background:#fff;border:1px solid #ffffffb3;border-radius:6px;padding:4px;box-shadow:0 7px 22px #35214422}.search-row{display:flex;align-items:center;gap:3px}.search-icon{display:none}#query{width:100%;min-width:0;height:44px;border:0;background:transparent;padding:0 11px;color:var(--ink);font-size:14px}#query::placeholder{color:#80758a}#button,.button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:5px;background:#372843;color:#fff;padding:12px 22px;font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;transition:background .15s}#button:hover,.button:hover{background:#21182a;text-decoration:none}.form-note{font-size:10px;line-height:1.5;margin:10px 0 0;color:#eee7f7}.form-note a{text-decoration:underline;text-underline-offset:3px}.hero-description{font-size:13px;max-width:510px;margin:17px auto 0;color:#f4effa}#suggestions{display:none;position:absolute;inset-inline:0;top:calc(100% + 5px);padding:7px;background:#fff;color:var(--ink);border-radius:8px;text-align:start;box-shadow:0 10px 35px #31213e38;max-height:280px;overflow-y:auto;z-index:10}#suggestions span{display:block;padding:8px 10px;border-radius:4px;cursor:pointer}
.section{padding:35px 0;border-bottom:1px solid var(--line)}.section-heading{margin-bottom:22px}.section-heading h2{margin-bottom:12px}.section-heading p:last-child{margin-bottom:0}.section-kicker{font-size:10px;font-weight:650;letter-spacing:.09em;margin-bottom:10px;color:#e0d2ef}.split-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.split-heading h2{margin-bottom:0}.text-cta{font-size:12px;font-weight:600;white-space:nowrap}.text-cta span{margin-inline-start:5px}
.trending{margin-top:27px;padding:20px;background:#50396c59;border:1px solid #ffffff3b;border-radius:14px;box-shadow:0 12px 30px #3520431c}.trending .split-heading{align-items:flex-start;margin-bottom:17px}.trending h2{font-size:23px}.trending .split-heading p{font-size:12px;margin:5px 0 0;color:#e9dff3}.feed-tag{font-size:10px;line-height:1.4;font-weight:750;padding:7px 9px;background:#fff;color:var(--deep);border-radius:6px}.track-grid{display:grid;grid-template-columns:1fr;list-style:none;padding:0;margin:0;gap:8px}.track-grid li{min-width:0}.track-grid a{display:flex;align-items:center;gap:13px;padding:10px 13px;background:#fff;border:1px solid #ece5f4;border-radius:9px;color:var(--ink);min-height:68px;text-decoration:none;transition:transform .15s,box-shadow .15s}.track-grid a:hover{transform:translateY(-1px);box-shadow:0 5px 15px #2f1b422b}.track-rank{width:21px;font-size:12px;font-weight:700;color:var(--purple);font-variant-numeric:tabular-nums;flex-shrink:0}.track-grid img{width:46px;height:46px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--soft)}.track-copy{min-width:0}.track-copy strong,.track-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy strong{font-size:13px;line-height:1.5;font-weight:650}.track-copy small{font-size:11px;color:var(--muted)}.track-arrow{margin-inline-start:auto;color:var(--purple);font-size:18px;flex-shrink:0}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.benefit{border:1px solid #ffffff30;background:#ffffff0b;border-radius:11px;padding:18px 15px}.card-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;color:#f1e7ff;font-size:11px;font-weight:700;margin-bottom:14px}.benefit h3{font-size:15px;margin-bottom:10px;line-height:1.4}.benefit p{font-size:12px;line-height:1.75;margin:0;color:#f0e8f7}
.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:18px}.steps li{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:auto auto 1fr;column-gap:25px;align-items:start;padding:22px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff08}.steps li>span{display:block;grid-column:1;font-size:11px;color:#e7d7f7;margin-bottom:13px;font-weight:700}.steps h3{grid-column:1;font-size:18px;margin-bottom:12px}.steps li>p{grid-column:1;font-size:13px;line-height:1.8;margin:0}.step-figure{grid-column:2;grid-row:1/4;margin:0;width:100%;max-width:200px;justify-self:center}.phone-frame{background:#251f2f;border:5px solid #251f2f;border-radius:26px;box-shadow:0 10px 24px #28163633;overflow:hidden;direction:ltr}.phone-chrome{background:#f6f2fa;color:#524260;height:39px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:650}.phone-chrome b{display:block;width:44px;height:5px;border-radius:5px;background:#251f2f}.phone-screen{position:relative;aspect-ratio:390/610;overflow:hidden;background:var(--purple)}.phone-screen img{width:100%;max-width:none;height:auto}.phone-screen-2 img,.phone-screen-3 img{margin-top:-42.3076923%}.red-highlight{position:absolute;border:2px solid #e22929;border-radius:3px;box-shadow:0 0 0 1px #ffffff65;pointer-events:none}.highlight-1{left:3.6%;top:32.8%;width:92.8%;height:9.5%}.highlight-2{left:48.5%;top:30%;width:21%;height:5.5%}.highlight-3{left:17.5%;top:55%;width:60%;height:6%}.phone-bottom{height:17px;background:#f5f1f8;display:flex;align-items:center;justify-content:center}.phone-bottom span{height:3px;width:60px;border-radius:3px;background:#312837}.step-figure figcaption{color:#ab1b1b;background:#fff4f3;border:1px solid #f2c6c2;border-radius:6px;padding:8px;font-size:11px;line-height:1.5;text-align:center;display:flex;justify-content:center;align-items:flex-start;gap:6px;margin-top:11px;font-weight:600}.annotation-number{border:1px solid #b92323;font-size:9px;border-radius:3px;min-width:16px;line-height:14px;margin-top:1px}
.guide-grid{display:grid;gap:12px}.guide-grid article{padding:20px;border:1px solid #ffffff25;border-radius:10px;background:#4a325c20}.guide h3{margin-bottom:10px}.guide p{font-size:13px;margin:0}.table-scroll{overflow:auto;border:1px solid #e4dbea;border-radius:11px;background:#fff;color:var(--ink)}.table-scroll table{width:100%;min-width:540px;border-collapse:collapse;text-align:start;font-size:12px;line-height:1.65}.table-scroll th,.table-scroll td{text-align:start;padding:15px 13px;border-bottom:1px solid #eae3f0}.table-scroll thead{background:#ece5f5;font-size:10px;color:var(--deep)}.table-scroll tbody th{font-size:13px;white-space:nowrap}.table-scroll td{color:#6b5f76}.table-scroll tbody tr:last-child>*{border-bottom:0}.featured-service{background:#f5effa}.featured-service th{color:var(--deep)}.comparison-note{font-size:11px;color:#e8deef;line-height:1.7;margin:13px 0 0}
.faq-list{display:grid;gap:9px}.faq-list details{background:#ffffff0c;border:1px solid #ffffff30;border-radius:9px;overflow:hidden}.faq-list summary{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.5;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span[aria-hidden="true"]{color:#e6d5f7;flex-shrink:0;font-size:20px;font-weight:400;line-height:1;transition:transform .15s}.faq-list details[open] summary{background:#ffffff08}.faq-list details[open] summary span[aria-hidden="true"]{transform:rotate(45deg)}.faq-list p{padding:0 18px;font-size:13px;margin:13px 0 18px;color:#f0e8f7}.latest .split-heading{margin-bottom:20px}.latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.latest-grid article{overflow:hidden;border:1px solid #ffffff30;border-radius:10px;background:#ffffff0b}.latest-grid picture{display:block;aspect-ratio:16/9}.latest-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.latest-grid article>div{padding:14px}.latest-grid article span{font-size:9px;color:#e5d6f2;letter-spacing:.02em}.latest-grid h3{font-size:14px;line-height:1.5;margin:7px 0 0}.language-note{font-size:11px;color:#e5daee;margin:13px 0 0}.closing-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0;padding:24px;background:#f5f0fa;border:1px solid #ffffff80;border-radius:12px;color:var(--ink)}.closing-cta h2{font-size:22px;margin-bottom:8px}.closing-cta p{font-size:13px;color:var(--muted);margin:0}.closing-cta .button{white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:20px 0 25px;text-align:center}.footer-brand{font-size:16px;font-weight:650}.site-footer p{font-size:10px;color:#e2d6ed;margin:3px 0 15px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:11px;color:#f1eaf8}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .section-kicker{letter-spacing:0}
@media(max-width:580px){.site-header nav{gap:16px}.hero h1{font-size:20px}.benefits-grid{grid-template-columns:1fr}.benefit{padding:18px;display:grid;grid-template-columns:32px 1fr;column-gap:12px}.card-number{grid-row:1/3;margin:0}.benefit h3{font-size:16px;margin-bottom:7px}.benefit p{grid-column:2;font-size:13px}.steps li{grid-template-columns:minmax(0,1fr);padding:20px}.steps li>span,.steps h3,.steps li>p{grid-column:1}.steps li>p{margin-bottom:22px}.step-figure{grid-column:1;grid-row:auto;max-width:245px}.split-heading{align-items:flex-start;flex-direction:column;gap:12px}.trending .split-heading{flex-direction:row}.latest-grid{grid-template-columns:1fr}.latest-grid article{display:grid;grid-template-columns:120px 1fr;align-items:center}.latest-grid article>div{padding:13px}.latest-grid h3{font-size:14px}.latest-grid picture,.latest-grid img{height:100%;aspect-ratio:1;object-fit:cover}.latest-grid article>a{height:100%}.closing-cta{align-items:flex-start;flex-direction:column;gap:18px}.section{padding-block:29px}.trending{padding:16px}.trending h2{font-size:22px}.header-inner{gap:12px}.language-menu summary span:nth-child(2){max-width:85px}.hero-inner{padding-top:23px}.site-header nav{font-size:11px}.brand{margin-bottom:16px}.hero-description{font-size:12px}.hero h1{margin-bottom:14px}#button{padding:12px 16px}.section-heading h2{font-size:23px}}
@media(max-width:360px){.site-header,.hero,.landing-content,.site-footer{width:calc(100% - 24px)}.site-header nav{gap:11px;font-size:10px}.language-menu summary{padding:5px 6px}.language-menu summary span:nth-child(2){max-width:68px}.language-menu summary>span:first-child{display:none}.brand,.brand img{width:185px}.hero h1{font-size:19px}#query{font-size:13px;padding-inline:8px}.trending{padding:13px}.track-grid a{padding:9px;gap:9px}.track-rank{width:17px}.track-grid img{width:40px;height:40px}.track-copy strong{font-size:12px}.track-copy small{font-size:10px}.steps li{padding:16px}.latest-grid article{grid-template-columns:98px 1fr}.closing-cta{padding:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.welcome-message{margin:25px 0 0;font-size:14px;line-height:1.8}.welcome-message a{font-weight:650;text-decoration:underline;text-underline-offset:3px}

/* Journal cards: images have their own ratio; text stays in normal document flow. */
.latest-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.latest-grid .journal-card{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:stretch;border:1px solid #ffffff38;border-radius:16px;background:linear-gradient(135deg,#ffffff16,#ffffff08);box-shadow:0 8px 24px #291a4417;overflow:hidden}
.latest-grid .journal-image{display:block;width:100%;height:auto;align-self:start;aspect-ratio:16/9;margin:18px 0 18px 18px;max-width:calc(100% - 18px);overflow:hidden;border-radius:10px;background:#513775}
.latest-grid .journal-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.latest-grid .journal-copy{padding:18px 20px;min-width:0;display:flex;flex-direction:column;gap:9px}
.latest-grid .journal-category{font-size:10px;font-weight:600;letter-spacing:.04em;color:#ece0f9}
.latest-grid h3{margin:0;font-size:18px;line-height:1.35;letter-spacing:-.015em;color:#fff}
.latest-grid h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.latest-grid .journal-excerpt{font-size:12px;line-height:1.7;margin:0;color:#eee5f5}
.latest-grid .journal-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;padding-top:11px;margin-top:auto}
.latest-grid .journal-meta span,.latest-grid .journal-meta a{font-size:10px;color:#eee2f8;letter-spacing:0}
.latest-grid .journal-meta a{font-weight:650;color:white}
.tool-navigation{margin-block:30px;padding:22px;border:1px solid #ffffff30;border-radius:14px;background:#ffffff09}
.tool-navigation h2{font-size:20px;margin:0 0 15px}.tool-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-links a{padding:10px 12px;background:#ffffff0d;border-radius:8px;font-size:12px;border:1px solid #ffffff20}.tool-links a:hover{background:#ffffff20}.tool-links a[aria-current]{background:#ffffff23}
.landing-breadcrumb{font-size:11px;margin-bottom:14px;color:#eadff4}.landing-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.editorial-section h2{font-size:26px}.editorial-section p{font-size:14px;line-height:1.9;color:#eee6f5}.editorial-section p:last-child{margin-bottom:0}.landing-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-checks article{padding:20px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff0c}.landing-checks h3{font-size:17px}.landing-checks p{font-size:12px;margin:0;line-height:1.8}.landing-date{font-size:10px;color:#eee3f7;margin:12px 0 0}.mh-classic input#query{font-size:16px}
@media(max-width:600px){.latest-grid .journal-card{grid-template-columns:1fr}.latest-grid .journal-image{max-width:none;margin:0;border-radius:0;width:100%;aspect-ratio:16/9}.latest-grid .journal-copy{padding:20px;gap:12px}.latest-grid h3{font-size:20px}.latest-grid .journal-excerpt{font-size:13px}.latest-grid .journal-meta span,.latest-grid .journal-meta a{font-size:11px}.landing-checks{grid-template-columns:1fr}.tool-links a{font-size:11px;padding:10px}.tool-navigation{padding:18px}.editorial-section h2{font-size:23px}}

.mh-landing .hero h1{font-size:34px;line-height:1.2;margin-bottom:22px}.mh-landing .hero-description{font-size:14px;line-height:1.7}.brand-intro{font-size:14px;line-height:1.85;color:#f0e8f7;margin:3px 0 25px}.mh-landing .landing-checks{grid-template-columns:repeat(3,minmax(0,1fr))}.mh-landing .landing-checks article{padding:18px 15px}.mh-landing .landing-checks h3{font-size:16px}.mh-landing .landing-breadcrumb{margin-bottom:22px}.mh-landing .tool-links a{overflow-wrap:anywhere}.tool-links{gap:9px}
@media(max-width:600px){.mh-landing .hero h1{font-size:28px}.mh-landing .landing-checks{grid-template-columns:1fr}.mh-landing .landing-checks article{padding:21px}.brand-intro{font-size:13px}.mh-landing .landing-checks h3{font-size:18px}.mh-landing .landing-checks p{font-size:13px}}