main>section:not(.cta-banner):not(.sister):not(.paths):nth-of-type(odd){background:#fff}main>section:not(.cta-banner):not(.sister):not(.paths):nth-of-type(2n){background:var(--color-surface)}.sound-hero-grid{display:block;margin-top:8px}.sound-mega{font-family:var(--font-sans);font-weight:800;font-size:clamp(48px,8vw,96px);line-height:.95;letter-spacing:-.035em;color:#fff;margin:0;text-wrap:balance}.sound-mega .ipa-mega{font-family:var(--font-ipa);font-weight:800;background:#fff;color:var(--brand-ink);padding:0 .12em .04em;border-radius:.12em;display:inline-block;transform:rotate(-1.2deg);box-shadow:0 6px #0000001f;margin:0 .04em}.sound-mega em{font-style:italic;color:var(--brand-cream);font-weight:800}.sound-subhead{font-size:clamp(18px,2.2vw,22px);line-height:1.4;color:#fff4e5f2;font-weight:600;margin:20px 0 0;max-width:640px;text-wrap:pretty}.glyph-card{background:#fff;color:var(--brand-ink);border-radius:var(--radius-xl);padding:28px 36px;text-align:center;box-shadow:0 10px #4c1c002e,0 30px 60px -20px #4c1c0073;min-width:280px;position:relative}.glyph-card .glyph-ipa{font-family:var(--font-ipa);font-size:120px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--brand-ink);margin:8px 0 4px}.glyph-card .glyph-respell{font-size:32px;font-weight:800;color:var(--anno-change);letter-spacing:-.01em;margin-bottom:8px}.glyph-card .glyph-cat{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--fg2);font-weight:800}@media(max-width:820px){.glyph-card{min-width:0;padding:22px 24px}.glyph-card .glyph-ipa{font-size:88px}.glyph-card .glyph-respell{font-size:26px}}.sound-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.sound-meta-row .meta-pill{display:inline-flex;align-items:baseline;gap:8px;background:#0000002e;color:#fff;padding:8px 14px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;line-height:1.2}.sound-meta-row .meta-pill .lbl{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#fff4e5b3;font-weight:800;line-height:1.2}.sound-meta-row .meta-pill .val.ipa-text{font-family:var(--font-ipa)}.sound-playback-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.answer-block{background:var(--bg);padding-top:64px;padding-bottom:64px}.answer-card{background:var(--brand-cream);border:1px solid rgba(231,138,55,.35);border-left:4px solid var(--brand-orange);border-radius:var(--radius-xl);padding:32px 40px;position:relative;max-width:880px;margin:0 auto}.answer-card .answer-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-orange);color:#fff;padding:6px 14px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;position:absolute;top:-14px;left:28px}.answer-card p{font-size:19px;line-height:1.6;color:var(--brand-ink);font-weight:500;margin:8px 0 0;text-wrap:pretty}.answer-card p strong{font-weight:800}.answer-card .ipa-inline{font-family:var(--font-ipa);font-weight:700;background:#fff;padding:1px 8px;border-radius:var(--radius-sm);border:1px solid rgba(231,138,55,.3)}@media(max-width:600px){.answer-card{padding:28px 24px}.answer-card p{font-size:17px}}.howto{background:var(--surface)}.howto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}@media(max-width:820px){.howto-grid{grid-template-columns:minmax(0,1fr)}}.howto-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.howto-card:hover{transform:translateY(-2px);border-color:#e78a3773;box-shadow:0 10px 22px -14px #4c1c0038}.howto-card .howto-head{display:flex;align-items:center;gap:12px}.howto-card .howto-play,.howto-card .howto-decoration{width:40px;height:40px;border-radius:50%;background:var(--brand-cream);color:var(--brand-orange);display:grid;place-items:center;flex-shrink:0}.howto-card .howto-play{border:none;padding:0;cursor:pointer;font-size:22px;transition:background .14s ease,transform .14s ease}.howto-card .howto-play:hover{background:#e78a3747;transform:scale(1.04)}.howto-card .howto-play:focus-visible{outline:2px solid var(--color-brand-orange-deep);outline-offset:2px}.howto-card .play-controls--inline{display:inline-flex;flex-direction:row;gap:6px;align-items:center;flex-shrink:0}@media(max-width:480px){.howto-card .howto-play,.howto-card .howto-decoration{width:36px;height:36px;font-size:18px}.howto-card .play-controls--inline{gap:5px}}.howto-card .howto-decoration:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-orange);opacity:.55}.howto-card h4{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--fg2);font-weight:800;margin:0}.howto-card p{font-size:17px;font-weight:600;color:var(--brand-ink);line-height:1.4;margin:0;text-wrap:pretty}.howto .section-lead{font-size:18px;line-height:1.55;color:var(--brand-ink);max-width:780px;margin:24px 0 0;text-wrap:pretty}.phrases{background:var(--bg)}.phrase-pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:28px}.phrase-pair-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 18px;display:flex;flex-direction:column;gap:8px}.phrase-pair-card .pair-words{display:flex;align-items:baseline;gap:8px;font-size:18px;font-weight:700;color:var(--brand-ink)}.phrase-pair-card .plus{color:var(--fg2);font-weight:500}.phrase-pair-card .joined{font-size:20px;font-weight:800;color:var(--brand-orange);font-feature-settings:"ss01"}.phrase-pair-card .annotation{font-size:13px;color:var(--fg2);letter-spacing:.2px}.tips{background:var(--bg)}.tips-list{display:grid;gap:14px;margin-top:32px;max-width:840px}.tip-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.tip-row .check{width:32px;height:32px;border-radius:50%;background:var(--brand-orange);color:#fff;display:grid;place-items:center;font-size:18px}.tip-row p{font-size:17px;color:var(--fg1);line-height:1.5;margin:0;font-weight:500;text-wrap:pretty}.tip-row p .ipa-inline{font-family:var(--font-ipa);font-weight:800;color:var(--brand-ink)}.compare{background:var(--surface)}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}@media(max-width:720px){.compare-grid{grid-template-columns:minmax(0,1fr)}}.compare-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;text-decoration:none;color:inherit;position:relative;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;gap:14px}.compare-card:hover{transform:translateY(-2px);border-color:var(--primary-glow);box-shadow:0 12px 24px -10px #0000001f}.compare-vs{display:flex;align-items:center;gap:10px;font-family:var(--font-ipa)}.compare-vs .vs-glyph{font-size:36px;font-weight:800;color:var(--brand-ink);background:var(--brand-cream);padding:6px 16px;border-radius:var(--radius-md);border:1px solid rgba(231,138,55,.35);min-width:80px;text-align:center}.compare-vs .vs-glyph.this{background:#fff;border-color:var(--border);color:var(--fg2)}.compare-vs .vs-glyph.side-a{background:var(--cmp-a-glow, rgba(25, 118, 210, .1));color:var(--cmp-a, #1976D2);border:1px solid var(--cmp-a-soft, rgba(25, 118, 210, .3))}.compare-vs .vs-glyph.side-b{background:var(--cmp-b-glow, rgba(200, 96, 64, .1));color:var(--cmp-b, #C86040);border:1px solid var(--cmp-b-soft, rgba(200, 96, 64, .3))}.compare-vs .vs{font-family:var(--font-sans);font-weight:800;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--fg2)}.compare-card h4{font-size:18px;font-weight:800;color:var(--brand-ink);margin:0;letter-spacing:-.01em}.compare-card p{font-size:15px;color:var(--fg2);line-height:1.5;margin:0;text-wrap:pretty}.compare-card .arrow-cta{position:absolute;top:24px;right:24px;color:var(--fg2);opacity:0;transition:opacity .12s ease,transform .12s ease}.compare-card:hover .arrow-cta{opacity:1;transform:translate(2px)}.compare--involved .compare-card{padding:14px 18px;gap:0;flex-direction:row;align-items:center}.compare--involved .compare-vs{display:none}.compare--involved .compare-card h4{font-size:17px;font-family:var(--font-ipa),var(--font-sans);letter-spacing:0}.compare--involved .compare-card .arrow-cta{top:50%;right:16px;transform:translateY(-50%)}.compare--involved .compare-card:hover .arrow-cta{transform:translateY(-50%) translate(2px)}.in-words{background:var(--bg)}.word-chip-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.word-chip{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;width:max-content;min-width:170px;max-width:100%}.word-chip:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 16px -8px #6949ff40}.word-chip .word-chip-link{display:flex;flex-direction:column;gap:4px;padding:20px 48px 18px 22px;text-decoration:none;color:inherit}.word-chip .word-chip-link:hover .word-original{text-decoration:underline}.word-chip .word-original{font-size:22px;font-weight:800;color:var(--brand-ink);letter-spacing:-.01em;line-height:1.1}.word-chip .word-respell{font-size:13px;color:var(--fg2);font-weight:500;letter-spacing:.01em}.word-chip .word-respell--compact{display:block;font-size:inherit;color:var(--brand-ink);font-weight:inherit;padding-top:14px}.word-chip .word-respell--compact .word-respell-board{justify-content:center}.word-chip .word-respell--compact .word-respell-board .respell-syl .top{font-size:17px;font-weight:700;letter-spacing:.01em;text-transform:lowercase}.word-chip .play-controls--overlay{position:absolute;top:8px;right:8px;display:flex;flex-direction:row;gap:4px;z-index:1}.word-chip .word-chip-play,.word-chip .word-chip-slow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;color:var(--brand-orange);cursor:pointer;font-size:1rem;transition:background .12s;padding:0}.word-chip .word-chip-play,.word-chip .word-chip-slow{background:#e78a371f}.word-chip .word-chip-play:hover,.word-chip .word-chip-slow:hover{background:#e78a3740}.word-chip .word-chip-link{padding-right:96px}@media(max-width:480px){.word-chip .word-chip-play,.word-chip .word-chip-slow{width:28px;height:28px}.word-chip .word-chip-link{padding-right:92px}.word-chip .play-controls--overlay{gap:3px}}.in-sentences{background:var(--surface)}.sentence-list{display:grid;gap:14px;margin-top:32px}.sentence-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease}.sentence-row:hover{transform:translateY(-1px);border-color:var(--primary-glow)}.sentence-row .sentence-text{font-size:19px;font-weight:600;color:var(--brand-ink);font-style:italic;letter-spacing:-.01em;line-height:1.3;text-wrap:balance;margin:0 0 6px;display:flex;align-items:baseline;gap:6px}.sentence-row .sentence-text .sentence-quote{flex:0 0 auto;font-size:1.1em;color:#e78a37b3;align-self:baseline;transform:translateY(.18em)}.sentence-row .sentence-text .sentence-text-body{flex:1 1 auto;min-width:0}.sentence-row .sentence-respell-line{display:block;font-size:13px;color:var(--fg2);font-weight:500;letter-spacing:.02em;line-height:1.5;margin:0;word-spacing:.18em;text-wrap:pretty}.sentence-row .sentence-respell-line .syl{display:inline;letter-spacing:.02em}.sentence-row .sentence-respell-line .stress{display:inline;color:var(--brand-ink);font-weight:800}.sentence-row .sentence-respell-line .syl-sep{display:inline;color:#0000006b;font-weight:700;padding:0;margin:0 .08em}.sentence-row .sentence-respell-line .syl.rule-target,.sentence-row .sentence-respell-line .stress.rule-target{background:#e78a372e;color:var(--color-brand-orange-deep);border-radius:4px;padding:0 4px}.sentence-row .featured-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--brand-orange);background:#e78a371f;padding:4px 10px;border-radius:var(--radius-pill)}.sentence-row .featured-pill .ipa-text{font-family:var(--font-ipa);letter-spacing:0}.sentence-row .play-mini{width:48px;height:48px;border-radius:50%;background:var(--secondary);color:var(--primary);display:grid;place-items:center;font-size:22px;flex:0 0 auto;position:relative;transform:translateY(-2px);transition:transform 80ms ease}.sentence-row .play-mini:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 2px 0 var(--secondary-3d-edge);pointer-events:none}.sentence-row:hover .play-mini{transform:translateY(-3px)}.sentence-row:active .play-mini{transform:translateY(0)}.rules{background:var(--bg)}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}@media(max-width:720px){.rules-grid{grid-template-columns:minmax(0,1fr)}}.rule-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;text-decoration:none;color:inherit;position:relative;display:flex;flex-direction:column;gap:10px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;border-left:4px solid var(--anno-change)}.rule-card:hover{transform:translateY(-2px);border-color:var(--primary-glow);border-left-color:var(--anno-change);box-shadow:0 12px 24px -10px #0000001f}.rule-card .rule-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:var(--anno-change)}.rule-card h4{font-size:22px;font-weight:800;color:var(--brand-ink);margin:0;letter-spacing:-.01em}.rule-card p{font-size:15px;color:var(--fg2);line-height:1.5;margin:0;text-wrap:pretty}.rule-card p em{font-style:italic;font-weight:700;color:var(--brand-ink)}.rule-card .arrow-cta{position:absolute;top:24px;right:24px;color:var(--anno-change);opacity:0;transition:opacity .12s ease,transform .12s ease}.rule-card:hover .arrow-cta{opacity:1;transform:translate(2px)}.faq{background:var(--surface)}.faq-list{margin-top:32px;max-width:880px;display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;font-weight:800;color:var(--brand-ink);letter-spacing:-.01em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";width:28px;height:28px;border-radius:50%;background:var(--brand-cream);color:var(--brand-orange);display:grid;place-items:center;flex:0 0 auto;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E78A37' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(180deg)}.faq-item .faq-body{padding:0 28px 24px;font-size:16px;color:var(--fg2);line-height:1.6;text-wrap:pretty}.faq-item .faq-body em{font-style:italic;color:var(--brand-ink);font-weight:700}.faq-item .faq-body strong{font-weight:800;color:var(--brand-ink)}.faq-item .faq-body .ipa-inline{font-family:var(--font-ipa);font-weight:700;color:var(--brand-ink)}
