/* Calm, goal-first entry points. Existing lesson visuals and themes are retained. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.friendly-home{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:center;gap:clamp(28px,5vw,70px);padding:54px 0 40px;background:none;max-width:none}
.friendly-home h1{font-size:clamp(2.4rem,4.7vw,4.4rem);line-height:1.1;max-width:16ch}.friendly-home-copy>p{max-width:60ch;color:var(--muted)}.friendly-search{margin-top:28px;width:100%}.friendly-search input{width:100%}
.friendly-first{padding:30px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 100% 0,#6e94d522,transparent 80%),var(--surface);box-shadow:0 16px 44px var(--ui-shadow)}.friendly-first h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25}.friendly-first p{font-size:.95rem;color:var(--muted)}.friendly-first>small{display:block;margin-top:14px;color:var(--muted)}.friendly-signin{display:flex;align-items:center;gap:9px;margin:25px 0}.friendly-signin>span:not(.friendly-connector){display:grid;justify-items:center;gap:8px;flex:1;padding:15px 8px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:.8rem}.friendly-signin svg{color:var(--teal);width:22px;height:22px}.friendly-connector{color:var(--muted)}
.friendly-facts{display:flex;gap:12px 26px;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--line);color:var(--muted);font-size:.85rem}.friendly-facts span::before{content:'✓';color:var(--teal);margin-right:8px}
.friendly-section{padding:45px 0 15px}.friendly-section>p{max-width:65ch;color:var(--muted)}.friendly-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.friendly-goal{display:flex;flex-direction:column;min-width:0;position:relative;padding:26px;border:1px solid var(--line);border-top:3px solid #669dcb;border-radius:16px;background:var(--surface)}.friendly-goal:nth-child(2){border-top-color:#9b8ad5}.friendly-goal:nth-child(3){border-top-color:#b79451}.friendly-number{display:flex;justify-content:space-between;align-items:center;color:var(--teal);font-size:.8rem;margin-bottom:24px}.friendly-number svg{width:24px;height:24px}.friendly-goal h3{font-size:1.4rem;line-height:1.25}.friendly-goal p{color:var(--muted);font-size:.95rem}.friendly-goal small{display:block;color:var(--muted);margin-top:auto;margin-bottom:18px}.friendly-go{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:650;color:var(--teal)}.friendly-go:hover{text-decoration:underline;text-underline-offset:5px}.friendly-all{display:flex;gap:16px 28px;flex-wrap:wrap;margin-top:24px;font-size:.92rem}.friendly-all a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.friendly-method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:32px;margin:30px 0;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.friendly-method h2{font-size:2rem}.friendly-method p{color:var(--muted);margin:0}.friendly-method ol{display:grid;gap:20px;list-style:none;counter-reset:learning;margin:0;padding:0}.friendly-method li{counter-increment:learning;display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px}.friendly-method li::before{content:counter(learning);grid-row:1/3;display:grid;place-items:center;align-self:start;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--teal);font-size:.85rem}.friendly-method li span{color:var(--muted);font-size:.9rem}
.friendly-lesson-route{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.friendly-lesson-route a{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:.85rem;min-height:44px}.friendly-lesson-route a span{color:var(--teal);font-variant-numeric:tabular-nums}.friendly-lesson-route a:hover{background:var(--accentbg)}
.study-next{padding:24px}.study-next p:last-child{margin-bottom:0}[data-continue]{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center}[data-continue]>h2{grid-column:1;font-size:1.1rem;margin:0;color:var(--muted)}[data-continue]>.lesson-row{grid-column:1;display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-weight:650;font-size:1.1rem;min-height:36px;color:var(--teal)}[data-continue]>p{grid-column:1;margin:0;font-size:.85rem;color:var(--muted)}[data-continue]>a:last-child{grid-column:2;grid-row:1/4;padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-size:.85rem}
.main-nav{max-height:calc(100dvh - 80px);overscroll-behavior:contain}.query-filter{min-width:0!important}.filters{align-items:end}.friendly-search-reset{min-height:44px;padding:10px 16px}.friendly-search-examples{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.friendly-search-examples a{padding:7px 12px;border:1px solid var(--line);border-radius:99px;font-size:.85rem}.depth-caption{color:var(--muted);font-size:.85rem}.lesson-content,.friendly-home>*{min-width:0}
@media(max-width:1000px){.friendly-home{gap:28px}.friendly-first{padding:24px}.friendly-goal{padding:22px}.friendly-goal h3{font-size:1.25rem}.head-inner{position:relative}.main-nav{top:100%;border-radius:0 0 16px 16px}.main-nav.open{overflow-y:auto!important;overflow-x:hidden!important}.nav-group>div{position:static;box-shadow:none}.nav-group{width:100%}}
@media(max-width:760px){.friendly-home{grid-template-columns:minmax(0,1fr);padding-top:30px}.friendly-home h1{font-size:clamp(2.2rem,9vw,3.3rem)}.friendly-first{max-width:none}.friendly-goals{grid-template-columns:minmax(0,1fr)}.friendly-number{margin-bottom:16px}.friendly-method{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.friendly-facts{font-size:.8rem;gap:10px 18px}.friendly-section{padding-top:32px}.friendly-lesson-route{display:grid;grid-template-columns:minmax(0,1fr)}.main-nav.open{overflow-y:auto}.head-inner{position:relative}.main-nav{border-radius:0 0 16px 16px}.friendly-search button{padding-inline:12px}.friendly-search input{font-size:16px}.lesson-aside{top:76px}}
@media(prefers-reduced-motion:no-preference) and (hover:hover){.friendly-goal{transition:transform .18s,border-color .18s,box-shadow .18s}.friendly-goal:has(a:hover){transform:translateY(-3px);box-shadow:0 12px 24px var(--ui-shadow)}}
@media(max-width:600px){[data-continue]{grid-template-columns:minmax(0,1fr);padding:20px}[data-continue]>a:last-child{grid-column:1;grid-row:auto;justify-self:start}.study-next{padding:20px}}