.dev-shell{min-height:100dvh}.dev-layout{width:100%}.dev-layout>.main{padding:32px 32px 56px}.dev-layout>aside{flex-shrink:0}.dev-layout .main-inner{max-width:1180px}.dev-sidebar-nav .nav-label{padding:0 12px;font-size:10px;letter-spacing:.1em}.dev-sidebar-nav .nav-link{border:0;width:100%;text-align:left;font-weight:500;font-size:12px;padding:10px 12px;min-height:43px;border-radius:12px}.dev-sidebar-nav .nav-link>span:not(.count){flex:1}.dev-sidebar-nav .nav-link.active{background:var(--tint);color:var(--accent);font-weight:600}.dev-sidebar-nav .nav-link svg{width:17px;height:17px}.dev-sidebar-nav .count{background:var(--inset);color:var(--muted);border:0;min-width:28px;font-size:10px;margin-left:auto}.dev-sidebar-nav .sidebar-filter{background:transparent}.dev-sidebar-nav .sidebar-filter:hover{background:var(--inset)}.dev-sidebar-nav .sidebar-filter.active{background:var(--tint)}.reading-filters{display:flex;gap:3px;padding:4px;background:var(--inset);border:1px solid var(--line);border-radius:10px;margin:0 8px}.reading-filters button{flex:1;min-height:34px;border-radius:7px;font-size:10px;color:var(--muted)}.reading-filters button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:0 1px 3px #00000008}.guide-part-label{margin-top:24px!important;font-size:9px!important}.chapter-nav{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6;color:var(--muted);text-decoration:none;padding:9px 10px;border-radius:10px}.chapter-nav:hover{background:var(--inset)}.chapter-nav.active{color:var(--accent);background:var(--tint);font-weight:600}
.dark .dev-shell .text-coral{color:var(--accent)}.icon-well{width:42px;height:42px;border-radius:12px}.icon-well:has(img){background:#fff;border:1px solid #e8e5df}.icon-well img{width:26px;height:26px}.icon-well svg{width:21px;height:21px}
.home-hero{text-align:center;margin-bottom:28px;padding:38px 24px;background:var(--tint);border-radius:20px;border:1px solid var(--line)}.hero-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 16px;border-radius:14px;background:var(--surface);color:var(--accent)}.hero-mark svg{width:26px;height:26px}.home-hero .hero-heading{font-family:Manrope,system-ui,sans-serif;font-size:var(--ui-text-hero);font-weight:400;letter-spacing:-.8px;line-height:1.12;margin:0 0 16px}.hero-heading .accent{color:var(--accent);font-style:italic}.home-hero-sub{font-size:16px;color:var(--muted);margin:0;line-height:1.7}.home-hero-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-top:20px;color:var(--muted);font-size:11px}.home-hero-stats span{display:inline-flex;align-items:center;gap:6px}.home-hero-stats svg{width:15px;height:15px;color:var(--accent)}.home-hero .hero-actions{justify-content:center;margin-top:24px}.home-hero .button svg{width:17px;height:17px}.home-band{margin:32px 0 36px}.home-band-title{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.home-band-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 16px}.home-feature-card{align-items:flex-start;padding:22px;gap:14px;border-radius:16px}.home-feature-card h3{font-size:16px}.home-feature-card p{font-size:12px;line-height:1.7}.home-feature-card .count{font-size:11px;padding:3px 8px;background:var(--tint);color:var(--accent);border:0}.home-feature-card>svg{width:16px;height:16px;color:var(--muted)}.home-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-card{align-items:center;padding:18px;gap:12px;border-radius:16px}.compact-card h3{font-size:14px}.compact-card p{font-size:11px}.compact-card>svg{width:15px;height:15px}.platform-note{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font-size:11px}.platform-note>svg{color:var(--accent);width:17px;height:17px}
.web-search{position:relative;display:block;max-width:680px;margin-bottom:30px}.web-search>svg{position:absolute;left:20px;top:19px;color:var(--muted);width:20px;height:20px}.web-search input{width:100%;min-height:60px;padding:16px 20px 16px 54px;border:2px solid var(--line);border-radius:16px;color:var(--ink);background:var(--surface);font-size:15px;box-shadow:0 1px 3px #00000005}.web-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}.catalogue-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:28px}.catalogue-heading h1{margin:0 0 8px;font-size:var(--ui-text-title);font-weight:600;line-height:1.25}.collection-count{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.catalogue-controls{display:flex;align-items:center;gap:10px}.sort-control select{min-height:42px;max-width:160px;font-size:11px;padding:8px;background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:11px}.view-switch{display:inline-flex;background:var(--inset);padding:5px;gap:2px;border:1px solid var(--line);border-radius:12px}.view-switch button{display:flex;align-items:center;justify-content:center;width:35px;height:32px;border-radius:8px;color:var(--muted)}.view-switch button svg{width:16px;height:16px}.view-switch button.selected{color:var(--accent);background:var(--surface);box-shadow:0 1px 3px #00000008}.active-filters{display:flex;align-items:center;gap:14px;margin:-8px 0 24px;font-size:11px;color:var(--muted)}.active-filters button{display:flex;gap:5px;align-items:center;color:var(--accent);background:var(--tint);border-radius:8px;padding:6px 10px}.active-filters svg{width:13px;height:13px}.library-results{display:grid;gap:22px}.library-results.view-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-row{border-radius:16px;padding:22px;background:var(--surface);box-shadow:0 1px 3px #00000005;transition:border-color .16s,box-shadow .16s}.entry-row:hover{border-color:var(--accent);box-shadow:0 4px 18px #00000007}.entry-row h3{font-size:16px;line-height:1.5;letter-spacing:-.02em;overflow-wrap:anywhere}.entry-row p{line-height:1.8;font-size:12px}.view-grid .entry-row{display:grid;grid-template-columns:42px minmax(0,1fr) 36px;gap:15px;align-items:start}.view-grid .entry-row>.icon-well{grid-column:1;grid-row:1}.view-grid .entry-row>.entry-actions{grid-column:3;grid-row:1}.view-grid .entry-row>.entry-main{grid-column:1/-1;grid-row:2}.view-grid .entry-row p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.view-grid .entry-row .entry-meta{padding-top:14px;margin-top:16px;border-top:1px solid var(--line);font-size:10px}.entry-actions .icon-button{width:34px;height:34px;border:0;background:var(--inset);border-radius:10px}.entry-actions svg{width:16px;height:16px}.entry-actions .saved-icon{background:var(--tint);color:var(--accent)}.view-list{gap:10px}.view-list .entry-row{align-items:center;padding:18px 22px}.view-list .entry-row p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.catalogue-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.catalogue-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.catalogue-table th{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--inset);padding:14px}.catalogue-table td{border-top:1px solid var(--line);padding:13px 14px;vertical-align:middle}.catalogue-table td:first-child{width:40px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.catalogue-table td:last-child{width:65px;text-align:center}.catalogue-table td:nth-child(3){width:120px;color:var(--muted);font-size:11px}.catalogue-table a{font-weight:600;text-decoration:none;color:var(--ink)}.catalogue-table a:hover{color:var(--accent);text-decoration:underline}.catalogue-table small{display:block;color:var(--muted);font-size:10px;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.catalogue-table .icon-button{width:34px;height:34px;background:transparent;border:0}.catalogue-table .icon-button[aria-pressed=true]{color:var(--accent)}.web-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0;padding-top:22px;border-top:1px solid var(--line)}.web-pagination p{font-size:12px;margin:0;color:var(--muted)}.web-pagination>div{display:flex;align-items:center;gap:4px}.web-pagination button,.web-pagination>div>span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:8px;font-size:12px}.web-pagination button[aria-current=page]{color:var(--surface);background:var(--accent);font-weight:600}.web-pagination button:hover:not(:disabled){box-shadow:0 0 0 1px var(--line)}.web-pagination svg{width:16px;height:16px}.web-setup{display:flex;gap:14px;margin:34px 0 0;background:var(--surface);border-radius:12px}.web-setup>svg{color:var(--accent);margin-top:2px}.web-setup p{margin:4px 0}.web-setup a{margin:3px 18px 3px 0}.web-setup summary{min-height:36px;font-size:11px}.web-setup summary::before{content:'+'}.web-setup details[open]>summary::before{content:'−'}
.web-page-heading{display:flex;gap:18px;align-items:center;margin:0 0 24px}.web-page-heading h1{font-size:var(--ui-text-title);margin:3px 0 6px}.web-page-heading p{margin:0}.part-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:14px}.part-heading h2{margin:0;font-size:20px;font-weight:500;color:var(--ink)}.part-heading>.helper{margin-left:auto;font-size:11px}.part-number{color:var(--accent);font-size:11px;font-weight:600;background:var(--tint);border-radius:8px;padding:4px 8px}.guide-parts .chapter-group{margin:38px 0}.chapter-group>h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin:28px 0 16px}.chapter-label{font-size:10px;color:var(--accent)}.guide-parts .entry-row{align-items:center;padding:22px}.guide-parts .entry-row .entry-meta{margin-top:8px}.reader{max-width:800px}.reader-breadcrumb{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:11px;color:var(--muted);margin-bottom:12px}.reader-breadcrumb svg{width:14px;height:14px}.reader-breadcrumb:hover{color:var(--accent)}.reader-head{background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0 24px;margin:0 0 24px;align-items:flex-start;border-radius:0}.reader-head h1{font-size:var(--ui-text-title);line-height:1.3;letter-spacing:-.035em}.reader-head .icon-well{margin-top:6px}.reader-head .kicker{margin:0 0 8px}.reader-head>.icon-button{width:38px;height:38px;border:0;background:var(--inset);border-radius:10px;margin-top:6px}.reader p{font-size:14px;line-height:1.95}.reader .lead{font-size:16px;line-height:1.8}.reader .section-select{border:0;padding:0;margin:26px 0 34px}.reader .section-select select{max-width:450px;border-radius:10px;min-height:42px;font-size:12px;background:var(--bg)}.reader h2{font-size:23px;font-weight:500;margin:36px 0 16px}.reader .field input,.reader .field textarea,.reader .field select{border-radius:12px}.reader-actions .read-status{border-radius:10px}.reader-actions>.icon-button{border-radius:10px}.reader .note-block{border:1px solid var(--line);border-radius:12px}.skill-source{font-size:12px}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.practice-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px}.faq summary{padding:10px;font-size:13px}.faq p{padding:0 10px}.faq summary svg{width:16px;height:16px}.dev-shell footer a[aria-label=GitHub],.dev-shell footer a[aria-label=LinkedIn]{padding:10px}.web-catalogue{scroll-margin-top:88px}
@media(min-width:768px) and (max-width:1279px){.library-results.view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-heading{align-items:flex-start;flex-direction:column}.dev-layout>.main{padding:30px 24px 50px}.home-feature-card{flex-wrap:wrap}.home-quick-grid{grid-template-columns:1fr}}
@media(max-width:767px){.dev-layout>.main{padding:24px 18px 40px}.catalogue-heading{flex-direction:column;align-items:flex-start;gap:18px}.catalogue-heading h1,.web-page-heading h1{font-size:30px}.catalogue-controls{width:100%;justify-content:space-between}.sort-control select{max-width:none}.library-results.view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-row{padding:18px}.entry-row h3{font-size:14px}.web-search input{font-size:13px}.web-search{margin-bottom:26px}.web-pagination{align-items:center;flex-direction:column}.catalogue-table small{max-width:35ch}.home-hero{padding:28px 18px}.home-hero .hero-heading{font-size:var(--ui-text-hero)}.home-hero-stats{gap:10px 14px}.home-hero .hero-actions{gap:9px}.home-hero .button{padding:10px 14px;font-size:var(--ui-text-sm)}.home-quick-grid,.practice-grid{grid-template-columns:1fr}.home-band{margin:26px 0 30px}.reader-head h1{font-size:29px}.reader-head .icon-well{display:flex;width:38px;height:38px}.reader-head{gap:12px}.reader-head>.icon-button{width:34px;height:34px}.part-heading{flex-wrap:wrap}.part-heading h2{font-size:18px}.part-heading>.helper{margin-left:0}.dev-sidebar-nav .nav-link{font-size:12px}}
@media(max-width:520px){.library-results.view-grid{grid-template-columns:1fr}.reader-head .icon-well{display:none}.guide-parts .entry-row{padding:18px}.guide-parts .entry-row>.icon-well{display:none}.catalogue-table td:nth-child(3),.catalogue-table th:nth-child(3){display:none}.catalogue-table small{max-width:26ch}.home-feature-card{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.entry-row,.home-feature-card,.button{transition:none}}
@media print{.dev-shell header,.dev-layout>aside,.dev-shell footer,.reader-breadcrumb,.web-pagination,.catalogue-controls{display:none!important}.dev-layout{display:block}.dev-layout>.main{padding:0}.reader{max-width:none}}


.guide-start{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 32px}.guide-stage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-stage-nav button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;padding:16px 14px;font-size:12px;font-weight:600}.guide-stage-nav button>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.guide-stage-nav button>svg{color:var(--accent);width:18px;height:18px}.guide-stage-nav button>svg:last-child{margin-left:auto;width:14px;height:14px}.guide-stage-nav button:hover{border-color:var(--accent);background:var(--tint)}.guide-parts .chapter-group{scroll-margin-top:88px}
@media(max-width:1000px){.guide-stage-nav{grid-template-columns:1fr}.guide-stage-nav button{padding:14px 16px}.guide-start{gap:12px}.guide-start>.helper{font-size:11px}}

.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;background:var(--surface)}.code-toolbar button{display:flex;align-items:center;gap:6px;min-height:32px;color:var(--accent);font-size:11px}.code-toolbar svg{width:14px;height:14px}.guide-code{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:18px 0 24px}.guide-code pre{border:0;border-radius:0;margin:0;font-size:12px;padding:18px}


.chapter-nav{display:grid;grid-template-columns:18px minmax(0,1fr) 13px;gap:10px;min-height:44px}.chapter-title{min-width:0}.chapter-topic-icon{display:flex;align-items:center;justify-content:center;margin-top:2px}.chapter-topic-icon svg{width:17px;height:17px;stroke-width:1.7}.chapter-read{display:flex;align-items:center;justify-content:center;margin-top:3px;opacity:.75}.chapter-read svg{width:13px;height:13px;stroke-width:1.8}

.reader-actions{gap:16px;padding-top:24px}.chapter-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.chapter-actions .button{min-height:44px;gap:8px}.chapter-actions svg{width:17px;height:17px}.chapter-actions .continuation{margin:0}.reader .reader-related{display:grid;gap:16px;margin:36px 0 0}.reader .reader-related h2{margin:0;font-size:18px;line-height:1.5}.reader-related .list{gap:12px}.reader-related .card{padding:18px 20px;gap:14px;border-radius:14px;font-size:13px;line-height:1.7}.reader-related .card>svg{width:19px;height:19px;color:var(--accent)}.reader-related .card>svg:last-child{width:16px;height:16px;color:var(--muted)}.reader-save{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;margin:6px 0 0 auto;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--inset);font-size:11px;color:var(--muted)}.reader-save svg{width:17px;height:17px}.reader-save.saved-icon{color:var(--accent);background:var(--tint)}.reader-save:hover{border-color:var(--accent)}.saved-storage-note{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 24px}.saved-storage-note a{color:var(--accent);text-underline-offset:3px}
@media(max-width:767px){.reader-actions{align-items:stretch}.chapter-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;margin-left:0}.chapter-actions .button{font-size:11px;padding:10px 12px;line-height:1.5}.reader .reader-related{margin-top:28px}.reader-related .card{padding:16px;gap:12px}.reader-save{padding:8px 10px}.reader-head{flex-wrap:wrap}.reader-head>div:not(.icon-well){flex:1;min-width:0}.reader-head h1{overflow-wrap:anywhere}}
@media(max-width:380px){.reader-save{margin-left:0}.reader-head>div:not(.icon-well){flex-basis:100%}}


.learning-visual{margin:24px 0 30px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.learning-visual-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.learning-visual-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--tint);color:var(--accent)}.learning-visual-icon svg{width:20px;height:20px}.reader .learning-visual h3{margin:0 0 5px;font-size:15px;line-height:1.5}.reader .learning-visual-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.learning-choices{display:grid;gap:8px;margin-bottom:18px}.anatomy-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.case-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-choices button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:11px;line-height:1.5;color:var(--muted)}.learning-choices svg{width:17px;height:17px}.learning-choices button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--tint);font-weight:600}.learning-choices button:hover{border-color:var(--accent)}.anatomy-code{margin:0 0 16px}.reader .anatomy-code pre{padding:12px 0;margin:0;font-size:12px;line-height:1.9}.anatomy-code code{display:block}.skill-code-line{display:block;position:relative;padding:2px 14px 2px 44px;border-left:2px solid transparent;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.skill-code-line::before{content:attr(data-line-number);position:absolute;left:12px;top:3px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.skill-code-line.is-highlighted{border-left-color:var(--accent);background:var(--tint);color:var(--ink)}.reader .learning-note{min-height:4em;margin:0;font-size:12px;line-height:1.8;color:var(--muted)}.learning-eyebrow{display:block;margin-bottom:8px;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.04em}.skill-example-request{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.reader .skill-example-request p,.reader .skill-example-outcome p{margin:0;font-size:13px;line-height:1.85}.skill-example-outcome{margin-top:12px;padding:18px;border-radius:12px;background:var(--tint)}.skill-example-outcome h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;line-height:1.5;font-weight:600}.skill-example-outcome h4 svg{width:19px;height:19px;color:var(--accent)}
@media(max-width:640px){.learning-visual{padding:16px}.anatomy-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.case-choices{grid-template-columns:1fr}.case-choices button{justify-content:flex-start}.reader .anatomy-code pre{font-size:11px}.skill-code-line{padding-right:10px;padding-left:36px}.skill-code-line::before{left:9px}.learning-visual-heading{gap:10px}.skill-example-request,.skill-example-outcome{padding:15px}}
@media print{.learning-choices{display:none}.skill-code-line{color:inherit}.skill-code-line.is-highlighted{background:none;border-left-color:transparent}}


.learning-visual>*{min-width:0}.explorer-choices{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.explorer-choices button{justify-content:flex-start;text-align:left}.explorer-choices button svg{flex-shrink:0}.explorer-detail{padding:18px;border-radius:12px;background:var(--tint);overflow-wrap:anywhere}.reader .explorer-detail h4{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;font-size:14px;line-height:1.6;font-weight:600}.explorer-detail h4 svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;color:var(--accent)}.reader .explorer-detail p{margin:0;font-size:13px;line-height:1.85;white-space:pre-line}.explorer-detail+.learning-note,.capability-list+.learning-note{margin-top:16px}.reader .explorer-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.7;margin-top:16px;min-height:44px}.explorer-link svg{width:17px;height:17px;flex-shrink:0}.learning-visual .guide-code{margin:12px 0 0}.learning-visual .code-toolbar{flex-wrap:wrap;gap:6px 12px}.learning-visual .code-toolbar button{min-height:44px}.skill-source-explorer .skill-source{max-height:480px;overflow:auto;overscroll-behavior:contain}.stage-focus-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}.stage-focus-rail{display:flex;flex-direction:column;gap:8px}.stage-focus-rail button{display:flex;align-items:flex-start;gap:10px;text-align:left;border:1px solid var(--line);background:var(--bg);padding:12px;border-radius:10px;min-height:46px;font-size:11px;line-height:1.8;color:var(--muted)}.stage-focus-rail button>span:first-child{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:7px;background:var(--inset);font-variant-numeric:tabular-nums}.stage-focus-rail button>span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.stage-focus-rail button[aria-pressed=true]{border-color:var(--accent);background:var(--tint);color:var(--accent)}.stage-focus-current{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:var(--tint);border-radius:12px;min-width:0}.reader .stage-focus-current p{margin:0 0 18px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.stage-focus-current .button{margin-top:auto;font-size:11px;min-height:44px}.connection-map{display:grid;grid-template-columns:minmax(0,.7fr) 20px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:20px}.connection-map>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:12px;overflow-wrap:anywhere}.connection-map svg{width:21px;height:21px;color:var(--accent)}.connection-map small{color:var(--muted);font-size:10px}.context-budget-controls{display:grid;gap:16px}.context-budget-controls label{display:block;font-size:12px}.context-budget-controls label>span{display:flex;justify-content:space-between;gap:12px}.context-budget-controls strong{color:var(--accent);font-variant-numeric:tabular-nums}.context-budget-controls input{display:block;width:100%;min-height:36px;margin:4px 0 0;padding:0;accent-color:var(--accent);cursor:pointer}.context-capacity{display:flex;height:16px;border-radius:6px;background:var(--inset);margin-top:20px;overflow:hidden;outline:1px solid var(--line);outline-offset:3px}.context-capacity span{background:var(--accent)}.context-capacity span:nth-child(2){opacity:.65}.context-capacity span:nth-child(3){opacity:.35}.context-capacity.is-over{outline:2px solid var(--accent);outline-offset:3px}.reader .context-budget-result{margin:14px 0 0;font-size:12px;line-height:1.8}.context-budget-result strong{font-variant-numeric:tabular-nums}.tool-picker-results{display:grid;gap:10px}.tool-picker-results a{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:var(--bg)}.tool-picker-results a:hover{border-color:var(--accent)}.tool-picker-results img{width:30px;height:30px;flex-shrink:0}.tool-picker-results a>span{flex:1;min-width:0}.tool-picker-results strong{display:block;font-size:13px;font-weight:600}.tool-picker-results small{display:block;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.7}.tool-picker-results svg{width:17px;height:17px;flex-shrink:0;color:var(--muted)}.tool-picker-results+.learning-note{margin-top:16px}.project-file-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.project-file-list{display:grid;gap:6px}.project-file-list button{display:flex;align-items:flex-start;gap:8px;min-height:46px;padding:12px 10px;border:1px solid var(--line);border-radius:9px;text-align:left;font-family:monospace;font-size:11px;line-height:1.8;overflow-wrap:anywhere;background:var(--bg)}.project-file-list button>span{min-width:0}.project-file-list button svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:var(--muted)}.project-file-list button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}.project-file-list button[aria-pressed=true] svg{color:var(--accent)}.project-file-detail{min-width:0}.reader .project-file-detail h4{margin:0 0 10px;font-family:monospace;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.reader .project-file-detail p{margin:0;font-size:12px;line-height:1.9}.project-file-detail pre{white-space:pre;overflow:auto;max-height:400px}.design-state{position:relative;display:grid;justify-items:start;gap:12px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.design-state>svg{width:30px;height:30px;color:var(--accent)}.design-state-number{position:absolute;right:20px;top:18px;color:var(--muted);font-size:11px}.reader .design-state h4{margin:0;font-size:17px;font-weight:500}.reader .design-state p{margin:0;font-size:13px;line-height:1.85}.protocol-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px}.protocol-nodes>div{display:flex;align-items:center;gap:8px;min-width:0}.protocol-nodes>div>svg{width:16px;height:16px;flex-shrink:0;color:var(--muted)}.protocol-nodes span{display:flex;align-items:center;flex:1;gap:8px;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:11px;line-height:1.7}.protocol-nodes span svg{width:22px;height:22px;flex-shrink:0;color:var(--accent)}.setup-example-fields{margin:0 0 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.setup-example-fields>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:14px 16px;background:var(--bg);font-size:12px;line-height:1.8}.setup-example-fields>div+div{border-top:1px solid var(--line)}.setup-example-fields dt{font-size:11px;color:var(--muted)}.setup-example-fields dd{margin:0;overflow-wrap:anywhere}.setup-example-fields code{font-size:11px}.reader .capability-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}.capability-list li{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:12px;line-height:1.8}.capability-list li>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.capability-list svg{width:19px;height:19px;color:var(--accent);flex-shrink:0}.evidence-choices{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.learning-visual button:focus-visible,.learning-visual a:focus-visible,.learning-visual input:focus-visible,.learning-visual pre:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:640px){.explorer-choices,.journey-choices,.evidence-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-choices button{padding:10px;font-size:11px}.stage-focus-layout,.project-file-layout{grid-template-columns:1fr;gap:14px}.stage-focus-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stage-focus-rail button{justify-content:center;padding:10px 8px}.stage-focus-rail button>span:last-child{display:none}.stage-focus-current{padding:16px}.project-file-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-file-list button{font-size:10px}.project-file-list button:first-child{grid-column:1/-1}.protocol-nodes{grid-template-columns:1fr;gap:6px}.protocol-nodes>div{align-items:center}.protocol-nodes>div>svg{transform:rotate(90deg)}.protocol-nodes>div:first-child{padding-left:24px}.protocol-nodes span{min-height:54px}.connection-map{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:7px}.connection-map>div{padding:12px;font-size:10px}.connection-map>svg{width:16px;height:16px}.setup-example-fields>div{grid-template-columns:1fr;gap:3px;padding:12px}.reader .explorer-detail p{font-size:12px}.tool-picker-results a{padding:12px}.tool-picker-results img{width:25px;height:25px}.explorer-detail{padding:15px}.context-budget-controls label{font-size:11px}.design-state{padding:18px}.reader .learning-note{min-height:0}}
@media print{.explorer-choices,.stage-focus-rail,.project-file-list,.context-budget-controls,.learning-visual .code-toolbar button{display:none}.stage-focus-layout,.project-file-layout{display:block}.skill-source-explorer .skill-source{max-height:none}.learning-visual{break-inside:avoid}}
.catalogue-filter-button{display:none}.reader .skill-source{font-size:13px}.entry-row p{font-size:13px}.entry-row .entry-meta{font-size:11px}.view-switch button{width:44px;height:44px}.entry-actions .icon-button{width:44px;height:44px}.view-grid .entry-row{grid-template-columns:42px minmax(0,1fr) 44px}.reader .task-start h2{font-size:18px;margin:0 0 6px}.reader .task-start p{font-size:13px}.home-page>.task-start{margin-top:0}
@media(max-width:767px){.catalogue-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--accent);font-size:12px}.catalogue-filter-button svg{width:17px;height:17px}.catalogue-controls{flex-wrap:wrap;gap:10px}.sort-control{margin-left:auto}.view-switch{margin-left:auto}.entry-row p{font-size:14px}.entry-row h3{font-size:15px}.entry-row .entry-meta{font-size:12px}.view-grid .entry-row .entry-meta{font-size:12px}.entry-row .entry-meta>span:first-child{overflow-wrap:anywhere}}


.practice-card h2 { font-size:20px;line-height:1.5;margin:0 0 16px;font-weight:600; }
.practice-card .practice-chapters { flex:1;list-style:none;margin:0 0 20px;padding:0; }
.practice-chapters li { margin:0;padding:0; }
.practice-chapter { display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 0;font-size:13px;line-height:1.7;text-decoration:none;color:var(--muted); }
.practice-chapter svg { width:18px;height:18px;flex-shrink:0;color:var(--accent); }
.practice-chapter:hover { color:var(--accent); }
.practice-chapter:focus-visible { outline:2px solid var(--accent);outline-offset:3px;border-radius:6px; }
.practice-card .button { align-self:flex-start;margin-top:auto; }
@media(max-width:640px) { .practice-card h2 { font-size:18px; }.practice-chapter { font-size:14px;align-items:flex-start; }.practice-chapter svg { margin-top:3px; } }