.central .shell{max-width:1200px}.central .topbar{gap:20px}.catalog-intro{padding:72px 0 52px;display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:end}.catalog-intro h1,.guide-intro h1{font-size:clamp(36px,4.6vw,60px);font-weight:750;line-height:1.06;letter-spacing:-.035em;margin:0;text-wrap:balance}.catalog-intro>p{margin:0;color:var(--muted);max-width:40ch}.catalog-tools{display:flex;justify-content:space-between;align-items:end;gap:32px}.catalog-tools h2{font-size:24px;letter-spacing:-.025em;margin:0}.search-field{width:360px;max-width:100%}.search-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.search-field input{width:100%;min-height:48px;border:1px solid #9ba99c;border-radius:8px;background:transparent;padding:10px 14px;font-size:13px;color:var(--ink);caret-color:var(--coral)}.search-field input::placeholder{color:var(--muted)}.filter-bar{display:flex;gap:8px;align-items:center;margin:24px 0 28px}.filter-bar button{border-radius:24px;min-height:40px;padding:8px 18px;font-size:13px}.filter-bar [aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}#result-count{margin-left:auto;color:var(--muted);font-size:12px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.resource[hidden]{display:none}.resource-art{display:flex;position:relative;height:300px;text-decoration:none;border-radius:14px;overflow:hidden;flex-direction:column;justify-content:center}.motion-art{background:#e7eade}.motion-art svg{display:block;width:100%;height:245px}.art-caption{font-size:12px;position:absolute;left:24px;bottom:20px;color:var(--muted)}.skill-art{background:var(--green);padding:32px;color:#f4f2ec}.skill-art .art-caption{color:#bfcfbe}.skill-command{font-family:ui-monospace,Consolas,monospace;font-size:34px;color:#e9b29f;letter-spacing:-.03em}.skill-lines{display:grid;gap:2px;font-size:23px;font-weight:600;line-height:1.45;margin:16px 0 28px}.resource-copy{padding:24px 0 30px;border-bottom:1px solid var(--border)}.resource-type{color:var(--coral);font-size:12px;font-weight:650;margin:0 0 10px}.resource-copy h3{font-size:30px;line-height:1.16;letter-spacing:-.03em;margin:0 0 16px}.resource-copy h3 a{text-decoration:none}.resource-copy>p:not(.resource-type){color:var(--muted);font-size:15px;max-width:48ch;margin:0 0 24px;min-height:72px}.resource-link{font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:8px 0;text-decoration:none}.resource-link:hover,.resource-copy h3 a:hover{text-decoration:underline}.resource-art:hover{outline:2px solid var(--coral);outline-offset:4px}.delivery-note{margin:48px 0 0;display:grid;grid-template-columns:1fr 2fr;gap:40px}.delivery-note h2{font-size:24px;letter-spacing:-.025em;margin:0}.delivery-note p{margin:0;color:var(--muted);max-width:70ch}.central-cta{margin-top:64px}.central .consultation{margin:0}.central footer{max-width:none}.guide-intro{padding:40px 0 48px;max-width:850px}.breadcrumb{display:inline-block;margin-bottom:28px;color:var(--muted);font-size:13px}.guide-intro>p{max-width:65ch;color:var(--muted);margin:24px 0}.guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button-link{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 18px;border:1px solid #9ba99c;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.button-link:hover{background:var(--selected)}.button-link.primary:hover{background:#284a38}.guide-intro .source-note{font-size:12px;margin-bottom:0}.guide-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:48px;align-items:start}.guide-toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#9ba99c var(--paper)}.guide-toc summary{font-weight:700;font-size:14px;margin-bottom:16px;cursor:pointer;min-height:36px}.guide-toc nav{gap:0}.guide-toc a{padding:8px 0;font-size:12px;text-decoration:none;line-height:1.5;color:var(--muted)}.guide-toc a:hover{color:var(--coral);text-decoration:underline}.guide-content{min-width:0;max-width:75ch}.guide-content p,.guide-content li{font-size:15px}.tool-jump{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0 28px}.tool-jump p{color:var(--muted);margin:8px 0 18px}.guide-chapter{padding:40px 0;border-bottom:1px solid var(--border);scroll-margin-top:24px}.guide-chapter h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}.guide-chapter h3{font-size:19px;line-height:1.4;margin:0 0 10px}.guide-chapter p{max-width:72ch}.guide-chapter .step{display:flex;align-items:baseline;gap:16px;margin:28px 0 12px}.step>b{color:var(--coral);font-size:14px;min-width:14px}.step p{margin:6px 0}.guide-chapter figure{margin:20px 0;position:relative;background:var(--green);color:#e8eee3;border-radius:12px;padding:18px 20px 20px;overflow:hidden}.guide-chapter figcaption{font-size:11px;color:#bfceba;min-height:36px;padding-right:75px;display:flex;align-items:center}.guide-chapter pre{margin:12px 0 0;font:12px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;scrollbar-width:thin;scrollbar-color:#849c87 var(--green);tab-size:2}.copy-snippet{position:absolute;top:16px;right:16px;min-height:36px;font-size:12px;padding:6px 12px;border-color:#849c87;color:#e8eee3}.copy-snippet:hover{background:#284a38}.guide-chapter aside{background:#e7ebe1;padding:20px;border-radius:12px;margin:24px 0;color:var(--green)}.guide-chapter aside p{font-size:13px;margin:8px 0 0}.guide-chapter code{font-size:.88em;overflow-wrap:anywhere}.guide-chapter table{width:100%;border-collapse:collapse;display:block;overflow:auto;font-size:13px}.guide-chapter td,.guide-chapter th{text-align:left;border-bottom:1px solid var(--border);padding:12px;vertical-align:top}.guide-chapter img{max-width:100%;height:auto}.guide-chapter ul,.guide-chapter ol{padding-left:24px}.guide-chapter li{margin-bottom:12px}.guide-chapter li::marker{color:var(--coral)}.guide-chapter .grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-chapter .card{padding:0}.guide-chapter a{overflow-wrap:anywhere}#copy-status:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 8px 28px #142b2129;z-index:10;max-width:90vw;font-size:13px}#manual-copy{position:fixed;inset:auto 20px 20px;background:var(--paper);padding:24px;box-shadow:0 8px 32px #142b2140;z-index:20;border-radius:12px;max-width:700px;margin:auto}#manual-copy[hidden]{display:none}#manual-copy textarea{display:block;width:100%;height:200px;margin-top:12px;font:12px/1.6 ui-monospace,monospace;padding:12px}#empty-state{padding:48px 0;color:var(--muted)}
@media(max-width:800px){.catalog-intro{grid-template-columns:1fr;gap:24px;padding:48px 0 40px}.catalog-intro>p{max-width:56ch}.catalog-tools{align-items:start;flex-direction:column;gap:20px}.search-field{width:100%}.resource-grid{gap:24px}.resource-art{height:260px}.skill-art{padding:24px}.skill-lines{font-size:19px}.resource-copy h3{font-size:26px}.guide-layout{grid-template-columns:1fr;gap:24px}.guide-toc{position:static;max-height:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0}.guide-toc nav{grid-template-columns:1fr 1fr;column-gap:20px}.guide-toc summary{margin-bottom:8px}.guide-content{max-width:none}}
@media(max-width:560px){.central .shell{padding:0 20px}.central .topbar{padding:20px 0}.central .author{gap:8px}.central .author strong{font-size:12px;gap:4px}.central .author small{font-size:10px}.central .help-link{font-size:11px;max-width:95px;text-align:right}.central .verified{width:16px;height:16px}.catalog-intro h1,.guide-intro h1{font-size:38px}.catalog-tools h2,.delivery-note h2{font-size:23px}.filter-bar{flex-wrap:wrap}.filter-bar button{padding:8px 14px}#result-count{font-size:11px}.resource-grid{grid-template-columns:1fr;gap:36px}.resource-art{height:280px}.skill-lines{font-size:23px}.resource-copy{padding-top:20px}.resource-copy h3{font-size:30px}.resource-copy>p:not(.resource-type){min-height:0}.delivery-note{grid-template-columns:1fr;gap:16px;margin-top:40px}.central-cta{margin-top:44px}.central .consultation{padding:28px 24px}.central .consultation h2{font-size:27px}.guide-intro{padding-top:28px;padding-bottom:32px}.guide-actions{gap:10px}.guide-actions .button-link{width:100%}.guide-toc nav{grid-template-columns:1fr 1fr;gap:4px 16px}.guide-toc a{font-size:11px}.guide-chapter{padding:32px 0}.guide-chapter h2{font-size:27px}.guide-chapter .grid2{grid-template-columns:1fr}.guide-chapter figure{padding:16px}.guide-chapter .step{gap:12px}.tool-jump .button-link{padding:10px 16px}.central footer{margin-top:44px}}
@media(prefers-reduced-motion:reduce){.central{scroll-behavior:auto}}
