.inner-page{min-height:65vh}.page-intro{padding-block:3.5rem 2.5rem}.page-intro h1{margin-top:1rem;max-width:19ch}.page-intro p{max-width:58ch;margin-top:1.3rem;color:var(--muted)}.page-intro-art{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:2rem}.page-art{width:100%;height:auto;border-radius:16px;border:1px solid var(--soft-rule)}.page-content{padding-bottom:4rem}.page-content>*+*{margin-top:2rem}.page-content p+p{margin-top:1rem}.page-content ul,.page-content ol{padding-left:1.3rem}.page-content li+li{margin-top:.7rem}.page-content a:not(.button):not(.guide-card){color:var(--ink)}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.page-card{border:1px solid var(--soft-rule);border-radius:12px;padding:1.75rem;background:var(--panel)}.page-card h2,.page-card h3{margin-bottom:1rem}.page-card p,.page-card li{color:var(--muted)}.page-card .t-price{color:var(--accent);margin-block:1.3rem .6rem;font-weight:500}.page-card-highlight{background:linear-gradient(140deg,var(--raised),var(--panel));border-color:var(--rule)}.status-label{display:inline-block;color:var(--accent);border:1px solid var(--soft-rule);padding:.25rem .6rem;border-radius:5px}.planned-line{color:var(--muted)}.page-note{padding:1.2rem 1.5rem;border-left:3px solid var(--accent);background:var(--panel);border-radius:0 8px 8px 0}.page-section{max-width:78ch;padding-block:1.5rem;border-top:1px solid var(--soft-rule)}.page-section>h2{margin-bottom:1rem}.page-section>h3{margin-block:1.5rem .75rem}.page-section p,.page-section li{color:var(--muted)}.page-section strong{color:var(--ink)}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:3rem}.contents{align-self:start;position:sticky;top:calc(var(--header-height) + 1rem)}.contents a{display:block;padding:.7rem 0;min-height:44px;border-bottom:1px solid var(--soft-rule);text-decoration:none}.page-faq{border-bottom:1px solid var(--soft-rule);padding:.65rem 0}.page-faq summary{font-weight:500}.page-faq p{padding-block:.75rem;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-card{display:block;border:1px solid var(--soft-rule);border-radius:10px;padding:1.3rem;text-decoration:none;background:var(--panel);transition:transform var(--dur-control) var(--ease-out),border-color var(--dur-control) var(--ease-out)}.guide-card h2{margin-block:.8rem}.guide-card p{color:var(--muted)}.guide-card:hover{border-color:var(--accent);transform:translateY(-3px)}.guide-card{transition:border-color var(--dur-control) var(--ease-out)}.guide-card:hover{transform:none}.guide-card{position:relative}.guide-card a{color:var(--ink)!important;text-decoration:none}.guide-card a:after{content:"";position:absolute;inset:0;border-radius:10px}.guide-card:has(:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.guide-card[hidden]{display:none}.guide-search label{display:block;margin-bottom:.6rem}.guide-search input{width:100%;max-width:38rem;border:1px solid var(--rule);background:var(--panel);border-radius:7px;padding:.85rem 1rem;color:var(--ink);font:inherit}.guide-menu{padding:1rem 1.3rem;border:1px solid var(--soft-rule);border-radius:8px;background:var(--panel);margin-bottom:1.5rem}.guide-menu nav{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin-top:1rem}.guide-menu a{display:inline-flex;align-items:center;min-height:44px}.guide-prose{max-width:48ch}.guide-prose h2{margin-block:2rem 1rem}.guide-prose h3{margin-block:2.25rem .7rem;color:var(--ink);font-weight:650}.guide-prose p,.guide-prose li{color:var(--muted)}.guide-prose strong{color:var(--ink)}.guide-prose code{color:var(--ink);overflow-wrap:anywhere}.guide-panel-copy{padding:1.5rem;border-radius:10px;background:var(--panel);border:1px solid var(--soft-rule)}.guide-panel-copy+.guide-panel-copy{margin-top:1.5rem}.guide-neighbours{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;border-top:1px solid var(--soft-rule);padding-top:1.5rem}.tutorial-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:3rem}.tutorial-outline{position:sticky;top:1rem;align-self:start}.tutorial-outline nav{display:flex;flex-direction:column;gap:0}.tutorial-outline nav a{gap:.7rem;padding:.55rem .35rem;text-decoration:none;color:var(--muted)!important}.tutorial-outline nav a[aria-current]{color:var(--accent)!important;background:var(--raised);border-radius:4px}.tutorial-outline nav a span{font-family:var(--mono)}.tutorial-outline .guide-menu{padding:.8rem}.lesson-intro{padding:1.5rem;background:var(--panel);border:1px solid var(--soft-rule);border-radius:10px}.lesson-intro h2{margin-top:.7rem}.lesson-steps{list-style:none;padding:0!important}.lesson-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:1rem;padding-block:1rem;margin:0!important;border-bottom:1px solid var(--soft-rule)}.lesson-step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--rule);color:var(--muted);border-radius:50%}.lesson-reference .guide-panel-copy{border:0;padding:1rem 0}.lesson-next{margin-block:2rem;border:1px solid var(--rule);border-radius:10px;background:linear-gradient(110deg,var(--raised),var(--panel))}.lesson-next a{display:flex;flex-direction:column;gap:.8rem;padding:1.5rem;text-decoration:none}.lesson-next strong{font-weight:500}.lesson-next a>span:last-child{color:var(--muted)}@media(min-width:1001px){.tutorial-outline details::details-content{content-visibility:visible;display:block}.tutorial-outline summary{pointer-events:none;list-style:none}}@media(max-width:1000px){.tutorial-layout{grid-template-columns:1fr;gap:1rem}.tutorial-outline{position:static}.lesson-intro{padding:1.2rem}}.guide-diagram{display:flex;flex-wrap:wrap;gap:.65rem;padding:1.25rem;border:1px solid var(--soft-rule);border-radius:10px;background:var(--panel);list-style:none}.guide-diagram li{flex:1;min-width:120px;margin:0!important;padding:.9rem;border:1px solid var(--rule);border-radius:6px}.guide-diagram strong{display:block;color:var(--accent);margin-bottom:.45rem}.guide-pipeline{padding:1.5rem;border:1px solid var(--soft-rule);background:var(--panel);border-radius:10px}.guide-pipeline summary{margin-bottom:1rem}.release-list{display:grid;gap:1rem}.release-platform{padding-block:1.2rem;border-top:1px solid var(--soft-rule)}.release-platform code{display:block;overflow-wrap:anywhere;color:var(--muted)}.empty-state{padding:2rem;border:1px solid var(--soft-rule);border-radius:12px;background:var(--panel)}.empty-state p{max-width:58ch;margin-top:1rem;color:var(--muted)}.holding{min-height:85vh;display:grid;align-content:center;max-width:56rem;padding-block:4rem}.holding h1{color:var(--accent);margin-bottom:2rem}.holding p{max-width:40ch;margin-bottom:1rem}.holding-mark{width:160px;margin-bottom:2rem}@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:1fr;gap:1rem}.contents{position:static;display:flex;flex-wrap:wrap;gap:.2rem 1rem}}@media(max-width:700px){.page-intro{padding-block:2rem}.page-intro-art{grid-template-columns:1fr}.page-art{max-width:320px}.page-grid,.guide-grid{grid-template-columns:1fr}.page-card{padding:1.3rem}.page-content{padding-bottom:2.5rem}.guide-panel-copy{padding:1.1rem}.guide-pipeline{padding:1rem}}.outline-desktop{padding:.8rem;border:1px solid var(--soft-rule);border-radius:8px;background:var(--panel)}.outline-desktop h2{margin-bottom:.5rem}.outline-mobile{display:none}.lesson-reference{margin-block:2rem}.lesson-reference>h2{margin-bottom:1.5rem}@media(max-width:1000px){.outline-desktop{display:none}.outline-mobile{display:block}}.guide-front-door>p{max-width:46ch;color:var(--muted);margin-top:1rem}.page-content .guide-start-path{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.guide-start-path .guide-card{border:0;border-radius:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:.8rem;margin:0;background:var(--panel)}.guide-path-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;color:var(--muted)}.guide-groups{margin-block:3rem;display:grid;gap:3rem}.guide-topic-group>h2{margin-bottom:1.25rem}.guide-topic-group .guide-card h3{margin-top:0}.troubleshooting-list{display:grid;gap:1rem;margin-block:2rem}@media(max-width:800px){.page-content .guide-start-path{grid-template-columns:1fr}}.guide-front-door{position:relative;background:radial-gradient(ellipse at 90% 0,#9fae6340,transparent 65%),linear-gradient(125deg,#293c2d,#132119);border-color:#7e90605c;padding:2.25rem}.guide-front-door>h2{margin-top:1rem}.guide-front-door>h2{margin-inline-start:7px}.guide-pipeline>h2{margin-inline-start:3px}.guide-topic-group>.guide-group-heading{position:relative;margin-inline-start:44px}.guide-topic-group>.guide-group-heading>svg{position:absolute;inset-inline-start:-44px;top:.25em}@media(max-width:700px){.guide-front-door>h2,.guide-pipeline>h2{margin-inline-start:19px}}.guide-groups{gap:3.5rem;margin-block:3.5rem}.guide-topic-group>.guide-group-heading{display:flex;align-items:center;gap:1rem;padding:0 0 1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--soft-rule);font-size:var(--text-section);cursor:default}.guide-group-heading>svg{width:28px;height:28px;color:var(--speaking);flex-shrink:0}.guide-grid .guide-card{padding:1.5rem;background:linear-gradient(130deg,#24342688,var(--panel))}.guide-card{transition:transform var(--dur-reveal) var(--ease-out),border-color var(--dur-reveal),background var(--dur-reveal),box-shadow var(--dur-reveal)}.guide-card:hover,.guide-card:focus-within{transform:translateY(-4px);background:var(--raised);border-color:#8ba074;box-shadow:0 15px 28px -16px #0008}.guide-card h3{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem}.guide-card h3>svg{width:21px;height:21px;flex-shrink:0;color:var(--listening)}.guide-card h3>svg:last-child{width:16px;height:16px;margin-left:auto;color:var(--muted);transition:transform var(--dur-reveal) var(--ease-out),color var(--dur-reveal)}.guide-card:hover h3>svg:last-child{transform:translate(2px,-2px);color:var(--listening)}.guide-start-path .guide-card{padding:1.25rem}.guide-start-path .guide-card h3>svg:first-child{display:none}.guide-search{padding-block:1rem}.guide-search input{max-width:none;background:linear-gradient(130deg,#1c291e,var(--panel));padding:1rem 1.25rem}.guide-search input:focus{border-color:var(--listening)}.guide-pipeline{position:relative;padding:2.5rem;background:radial-gradient(ellipse at 95% 50%,#55704644,transparent 65%),var(--panel);border-color:#7d8b6755}.guide-pipeline>h2{margin-bottom:1.25rem}.guide-pipeline>.button{margin-block:1.75rem}.guide-pipeline>p{color:var(--muted);max-width:60ch}@media(max-width:700px){.guide-front-door,.guide-pipeline{padding:1.5rem}.guide-grid .guide-card{padding:1.25rem}.guide-topic-group>.guide-group-heading{gap:.8rem}.guide-groups{gap:2.5rem}}@media(prefers-reduced-motion:reduce){.guide-card:hover,.guide-card:focus-within,.guide-card:hover h3>svg:last-child{transform:none}}.reading-layout>.contents{grid-column:2;grid-row:1;max-height:calc(100dvh - var(--header-height) - 2rem);overflow:auto}.reading-layout>.legal-copy{grid-column:1;grid-row:1}.page-intro-scene{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:3rem}@media(max-width:900px){.reading-layout>.contents,.reading-layout>.legal-copy{grid-column:1;grid-row:auto}.reading-layout>.contents{max-height:none}}@media(max-width:700px){.page-intro-scene{grid-template-columns:1fr;gap:1.25rem}}