.page{max-width:68rem}.project-head{max-width:42rem;padding:2rem 0 3rem}.project-head>a{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3.5rem;font-size:.7rem;text-decoration:none;display:inline-block}.project-head .section-label{margin:0 0 .65rem}.project-head h1{letter-spacing:-.045em;margin:0 0 .8rem;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:500}.project-head>p:last-child{max-width:34rem;color:var(--text-muted);margin:0;font-size:1rem}.linguistics-tool section{border-top:1px solid var(--rule);padding:clamp(2.5rem,6vw,5rem) 0}.lesson-intro{grid-template-columns:3rem minmax(12rem,17rem) minmax(16rem,28rem);align-items:start;gap:1.5rem;margin-bottom:2.5rem;display:grid}.section-number,.stage-count{color:var(--accent);letter-spacing:.12em;margin:0;font-size:.67rem;font-weight:500}.lesson-intro h2{margin:-.15rem 0 0;font-size:1.35rem;font-weight:500}.lesson-intro>p:last-child{color:var(--text-muted);margin:-.15rem 0 0;font-size:.88rem}.compare-tabs,.sentence-tabs{border-bottom:1px solid var(--rule);gap:1.5rem;margin-bottom:2rem;display:flex}.compare-tabs button,.sentence-tabs button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 .65rem;font-size:.76rem}.compare-tabs button:hover,.compare-tabs button[aria-pressed=true],.sentence-tabs button:hover,.sentence-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--text-bright)}.comparison{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.language-case{padding:1.5rem 1.75rem 1.6rem 0}.language-case+.language-case{border-left:1px solid var(--rule);padding-left:1.75rem}.language-case h3{letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.78rem;font-weight:500}.sound-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;display:grid}.sound-pair span:not(.pair-mark){border-top:2px solid var(--accent);flex-direction:column;justify-content:center;min-height:5rem;display:flex}.sound-pair b{color:var(--text-bright);font-size:1.65rem;font-weight:500}.sound-pair small{color:var(--text-muted);font-size:.68rem}.pair-mark{color:var(--text-muted)}.language-case>p{color:var(--text);margin:1.2rem 0 0;font-size:.82rem}.lesson-point{margin:1.5rem 0 0;font-size:.84rem}.lesson-point b{color:var(--text-bright);font-weight:500}.sentence-tabs{justify-content:space-between}.explorer{grid-template-columns:minmax(20rem,.9fr) minmax(22rem,1.1fr);align-items:center;gap:clamp(3rem,8vw,7rem);display:grid}.small-circle{aspect-ratio:1;width:min(100%,25rem);margin:1.5rem auto;position:relative}.ring{border:1px solid var(--rule);border-radius:50%;position:absolute;inset:13%}.ring:after{content:"→";color:var(--accent);background:var(--void);font-size:.9rem;position:absolute;bottom:9%;right:4%;transform:rotate(125deg)}.circle-label{text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-label span{color:var(--accent);letter-spacing:.1em;font-size:.62rem}.circle-label b{color:var(--text-bright);font-size:1rem;font-weight:500}.small-circle>button{z-index:1;color:var(--text-muted);background:var(--void);font:inherit;cursor:pointer;white-space:nowrap;border:0;align-items:baseline;gap:.35rem;padding:.25rem;font-size:.69rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.small-circle>button span{color:var(--text-muted);font-size:.54rem}.small-circle>button:hover,.small-circle>button.active{color:var(--text-bright)}.small-circle>button.active span{color:var(--accent)}.stage-copy{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:2rem 0}.stage-copy h3{letter-spacing:-.03em;margin:.3rem 0 .25rem;font-size:1.8rem;font-weight:500}.stage-question{color:var(--accent);margin:0 0 1rem;font-size:.88rem;font-weight:500}.stage-definition{color:var(--text-muted);margin:0;font-size:.84rem}.example-note{border-top:1px solid var(--rule);margin-top:1.75rem;padding-top:1.4rem}.example-note small,.example-note b{display:block}.example-note small{color:var(--text-muted);margin-bottom:.65rem;font-size:.68rem}.example-note b{color:var(--text-bright);margin-bottom:.45rem;font-size:1rem;font-weight:500}.example-note p{margin:0;font-size:.82rem}.next-row{justify-content:space-between;margin-top:1.5rem;display:flex}.next-row button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem}.next-row button:hover{color:var(--accent)}.project-foot{border-top:1px solid var(--rule);color:var(--text-muted);gap:1rem;padding:2rem 0 1rem;font-size:.67rem;display:flex}.project-foot p{margin:0}.project-foot a{color:var(--text-muted)}@media (width<=760px){.lesson-intro{grid-template-columns:2rem 1fr}.lesson-intro>p:last-child{grid-column:2}.explorer{grid-template-columns:1fr;gap:2rem}.small-circle{width:min(88vw,23rem)}}@media (width<=560px){.project-head>a{margin-bottom:2.5rem}.comparison{grid-template-columns:1fr}.language-case{padding:1.3rem 0}.language-case+.language-case{border-top:1px solid var(--rule);border-left:0;padding-left:0}.sentence-tabs{border-bottom:0;flex-direction:column;gap:0}.sentence-tabs button{border-bottom:1px solid var(--rule);text-align:left;padding:.65rem 0}.small-circle>button{font-size:.6rem}.project-foot{flex-wrap:wrap}.project-foot p{width:100%}}
