.otome-main{width:min(68rem,calc(100% - 3rem));margin-inline:auto;padding:clamp(3rem,7vw,5.5rem) 0 4rem}.otome-hero{max-width:51rem}.otome-hero h1{font:500 clamp(2.5rem,5.4vw,4.4rem)/1.12 var(--serif);margin:1rem 0 1.5rem;text-wrap:balance}.otome-hero>p:not(.guides-eyebrow):not(.otome-caption){max-width:45rem;color:var(--tungsten-dim);font:1.1rem/1.85 var(--sans)}.otome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem}.otome-actions>a:not(.btn){display:inline-flex;align-items:center;min-height:2.75rem;font:.95rem/1.6 var(--sans);text-decoration:underline}.otome-caption{margin-top:1rem;color:var(--tungsten-dim);font:.8rem/1.7 var(--sans)}.otome-section{margin-top:clamp(2.5rem,5vw,4rem);padding-top:2rem;border-top:1px solid var(--edge);scroll-margin-top:1.5rem}.otome-section h2{margin:0 0 1rem;font:500 clamp(1.55rem,3vw,2rem)/1.3 var(--serif);text-wrap:balance}.otome-section>p,.otome-how li span,.otome-topic-grid p,.otome-faq p{color:var(--tungsten-dim);font:1rem/1.85 var(--sans)}.otome-section>p{max-width:49rem;margin:0 0 1.1rem}.otome-section>p a{color:var(--tungsten);text-decoration:underline}.otome-how ol{list-style:none;padding:0;margin:1.75rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;counter-reset:otome-step}.otome-how li{counter-increment:otome-step}.otome-how li:before{content:"0" counter(otome-step);display:block;color:var(--tally);margin-bottom:.75rem;font:.85rem/1.5 var(--mono)}.otome-how li strong{display:block;margin-bottom:.5rem;font:500 1rem/1.6 var(--sans)}.otome-how li span{display:block;font-size:.92rem}.otome-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:1.75rem 0 1rem}.otome-story{min-width:0}.otome-story h3{font:500 1rem/1.5 var(--sans);margin:1rem 0 .4rem}.otome-story>p{color:var(--tungsten-dim);font:.88rem/1.8 var(--sans);margin:0}.otome-story .hv-card{width:100%}.otome-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.otome-topic-grid>a{border:1px solid var(--edge);padding:1.3rem 1.5rem;border-radius:var(--panel-radius);background:var(--stage-lift);text-decoration:none}.otome-topic-grid>a:hover{border-color:var(--tungsten-dim)}.otome-topic-grid h3{margin:0 0 .5rem;font:500 1.05rem/1.6 var(--sans)}.otome-topic-grid p{margin:0;font-size:.9rem}.otome-inline-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font:.95rem/1.7 var(--sans)}.otome-inline-links a{min-height:2.75rem;display:inline-flex;align-items:center;text-decoration:underline}.otome-faq{max-width:49rem}.otome-faq details{border-bottom:1px solid var(--edge)}.otome-faq summary{cursor:pointer;padding:1.1rem .25rem;font:500 1rem/1.7 var(--sans)}.otome-faq summary:focus-visible{outline:2px solid var(--tally);outline-offset:4px}.otome-faq p{margin:0 .25rem 1.25rem}@media(max-width:1000px){.otome-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}}@media(max-width:640px){.otome-main{padding-top:2.5rem}.otome-how ol,.otome-topic-grid{grid-template-columns:minmax(0,1fr)}.otome-how ol{gap:1.25rem}.otome-how li:before{margin-bottom:.35rem}.otome-topic-grid>a{padding:1.2rem}}@media(max-width:420px){.otome-story-grid{grid-template-columns:minmax(0,1fr)}.otome-story .hv-card__cover{aspect-ratio:4 / 3}.otome-actions{align-items:flex-start;flex-direction:column;gap:.5rem}}
