:root{color-scheme:light;--navy:#103c59;--dark:#172f42;--paper:#fffaf1;--sea:#e6f0f1;--line:#c8d8dc;--coral:#a5402e;font:17px/1.58 system-ui,sans-serif;color:var(--dark);background:#f5f0e7;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}a{color:#075075}button,input,select{font:inherit}button,select,summary{cursor:pointer}button,.actions a{color:var(--navy);background:#fff;border:1px solid #9ab4bf;border-radius:.6rem;padding:.42rem .77rem;text-decoration:none;font-weight:650}button:hover,.actions a:hover{background:var(--sea)}button[aria-pressed=true],.actions a:first-child{background:var(--navy);color:#fff}:focus-visible{outline:3px solid #c65135;outline-offset:3px}
.brand{background:#23180f;text-align:center}.brand img{width:100%;height:auto}.brand a{display:inline-block;color:#ffe19c;padding:.4rem;font-weight:700}.voice{margin:0;background:#f7e8cc;text-align:center;padding:.8rem;font-size:clamp(1rem,2.6vw,1.42rem);font-weight:700;color:#52331a}
main{max-width:1240px;margin:auto;padding:1.1rem clamp(.65rem,3vw,2rem) 2rem}section{margin-bottom:1.35rem;padding:clamp(.9rem,3vw,2rem);background:var(--paper);border:1px solid #e8dfcd;border-radius:1.1rem;scroll-margin-top:1rem}h1,h2,h3{color:var(--navy);line-height:1.16}h1,h2{font-family:Georgia,serif;margin:.2em 0 .55em}h1{font-size:clamp(2.55rem,6.2vw,5rem)}h2{font-size:clamp(1.85rem,4vw,3rem)}h3{margin:.45em 0}p{margin:.4em 0 .8em}.eyebrow{color:var(--coral);letter-spacing:.1em;font-size:.78rem;font-weight:800}.eyebrow span{color:var(--navy)}
.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:1.5rem;background:#eaf1f1}.hero img{border-radius:.8rem;width:100%}.actions,.player,nav{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.player{margin:.8rem 0}.player audio{width:min(100%,30rem)}nav{padding:.3rem .4rem 1.1rem;gap:.55rem 1.2rem}nav a{font-weight:700}
.grid,.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.85rem}.product-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr))}.product-grid button{padding:.3rem;line-height:1.25}.product-grid img{width:100%;border-radius:.4rem;margin-bottom:.25rem}.product-detail,.note,.card,details,fieldset{padding:.85rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;margin:.65rem 0;min-width:0}.product-detail img,.card img{width:100%;max-width:320px;border-radius:.55rem}.scene{display:grid;grid-template-columns:minmax(0,160px) 1fr;gap:1rem;align-items:center;background:var(--sea);border-radius:.7rem;padding:.7rem;margin-top:1.4rem}.scene img{border-radius:.5rem}.card details{background:#f7f7f2;margin-bottom:0}.sheet{max-height:1000px;width:auto}.role{font-size:.76rem;letter-spacing:.08em;color:var(--coral);font-weight:800;text-transform:uppercase}.ipa{color:#31596a}.fr-line{font-size:1.17rem;font-weight:700}.active{background:#d7ecee!important;box-shadow:inset 4px 0 var(--navy)}#sync li{padding:.4rem;border-radius:.4rem}#sync button{margin:.25rem}.choices label{display:block}.feedback{min-height:1.55em;color:#155340}.feedback.bad{color:#9b3323}.q-input{width:min(100%,31rem);padding:.35rem;border:1px solid #879ba3;border-radius:.3rem}footer{text-align:center;padding:1.35rem;background:var(--navy);color:white}
@media(max-width:680px){.hero{grid-template-columns:1fr}.scene{grid-template-columns:minmax(0,100px) 1fr}#sync{padding-left:1.45rem}}