*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{font-family:var(--font-family);color:var(--text-dark);background:var(--off-white-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--blue-secondary);text-underline-offset:2px}a:hover{color:var(--blue-800)}:focus-visible{outline:3px solid var(--orange-primary);outline-offset:2px}.icon{vertical-align:-.15em;flex:none}.skip{background:var(--white);z-index:100;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.layout{grid-template-columns:var(--toc-width) minmax(0, 1fr);min-height:100vh;display:grid}.topbar{display:none}.toc{background:var(--white);border-right:1px solid var(--border-color);height:100vh;padding:var(--spacing-md) var(--spacing-sm);gap:var(--spacing-md);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.toc-brand{align-items:center;gap:var(--spacing-sm);color:var(--text-dark);padding:0 var(--spacing-xs);text-decoration:none;display:flex}.toc-brand strong{color:var(--blue-secondary);font-size:1.05rem;display:block}.toc-brand small{color:var(--text-gray)}.toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc-link{border-radius:var(--radius-sm);color:var(--text-dark);border-left:3px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:.92rem;line-height:1.35;text-decoration:none;display:flex}.toc-link .icon{color:var(--blue-secondary)}.toc-num{font-variant-numeric:tabular-nums;color:var(--text-gray);min-width:1.4em;font-size:.8rem}.toc-link:hover{background:var(--off-white-bg)}.toc-link.active{background:var(--off-white-bg);border-left-color:var(--orange-primary);font-weight:600}.toc-agent{color:var(--text-gray);padding:var(--spacing-sm) var(--spacing-xs) 0;border-top:1px solid var(--border-color);gap:8px;margin-top:auto;font-size:.8rem;display:flex}main{min-width:0;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl)}main>*{max-width:var(--max-content-width);margin-left:auto;margin-right:auto}.hero{justify-content:space-between;align-items:center;gap:var(--spacing-lg);background:linear-gradient(135deg, var(--blue-secondary) 0%, var(--blue-700) 50%, var(--blue-800) 100%);color:var(--white);padding:var(--spacing-xl) var(--spacing-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);border-radius:16px;display:flex}.hero h1{color:var(--white);margin:0 0 var(--spacing-sm);font-size:2.5rem;font-weight:700;line-height:1.2}.eyebrow{margin:0 0 var(--spacing-xs);letter-spacing:.02em;color:var(--white);border-left:3px solid var(--orange-primary);padding-left:10px;font-weight:600}.hero-sub{margin:0 0 var(--spacing-sm);max-width:34em;font-size:1.1rem}.hero-meta{opacity:.85;margin:0;font-size:.9rem}.hero-logo img{width:150px}.chapter{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:box-shadow .3s}.chapter:hover{box-shadow:var(--shadow-md)}.section-title{margin:0 0 var(--spacing-xs);text-transform:uppercase;letter-spacing:.01em;color:var(--blue-secondary);border-bottom:3px solid var(--orange-primary);align-items:center;gap:12px;padding-bottom:10px;font-size:1.5rem;font-weight:700;line-height:1.3;display:flex}.section-title .icon{color:var(--blue-secondary)}.chapter-summary{color:var(--text-gray);margin:var(--spacing-sm) 0 var(--spacing-md);font-size:1.02rem}.chapter-md{margin:var(--spacing-lg) 0 0;font-size:.85rem}.prose h3{color:var(--blue-secondary);margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:1.25rem;font-weight:600;line-height:1.3}.prose h4{color:var(--text-dark);margin:var(--spacing-md) 0 var(--spacing-xs);font-size:1.05rem;font-weight:600}.prose p{margin:0 0 var(--spacing-sm)}.prose ul,.prose ol{margin:0 0 var(--spacing-sm);padding-left:1.4em}.prose li{margin-bottom:4px;line-height:1.7}.prose strong{color:var(--text-dark);font-weight:600}.prose code{background:var(--off-white-bg);border:1px solid var(--border-color);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.prose pre{color:#e8eef5;padding:var(--spacing-md);border-radius:var(--radius-md);background:#1a2433;font-size:.86rem;line-height:1.55;overflow-x:auto}.prose pre code{color:inherit;background:0 0;border:0;padding:0}.prose hr{border:0;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0}.prose table{border-collapse:collapse;width:100%;margin:var(--spacing-sm) 0 var(--spacing-md);font-size:.92rem;display:block;overflow-x:auto}.prose th{background:var(--blue-secondary);color:var(--white);text-align:left;padding:10px 12px;font-weight:600}.prose td{border-bottom:1px solid var(--border-color);vertical-align:top;padding:10px 12px}.prose tr:nth-child(2n) td{background:#fafbfc}.prose blockquote{margin:var(--spacing-sm) 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--off-white-bg);border-left:4px solid var(--blue-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose blockquote p:last-child{margin-bottom:0}.prose blockquote:has(>p:first-child>strong:first-child){border-left-color:var(--blue-secondary)}.swatches{gap:var(--spacing-md);margin:var(--spacing-sm) 0 var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.swatch-card{gap:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex}.swatch-card p{color:var(--text-gray);margin:6px 0 0;font-size:.88rem}.swatch{border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:copy;flex:none;width:64px;height:64px}.swatch:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.downloads{gap:var(--spacing-md);margin:var(--spacing-sm) 0 var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.download-card{color:var(--text-dark);border:1px solid var(--border-color);padding:var(--spacing-sm);border-radius:12px;flex-direction:column;gap:4px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}.download-card:hover{box-shadow:var(--shadow-lg);color:var(--text-dark);transform:translateY(-4px)}.download-card span{color:var(--text-gray);font-size:.85rem}.download-card small{color:var(--text-gray);font-size:.8rem}.logo-preview{background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border-color);place-items:center;height:120px;margin-bottom:6px;display:grid}.logo-preview img{width:auto;max-height:104px}.logo-preview.dark{background:var(--blue-800)}.logo-preview.file{color:var(--blue-secondary);background:var(--off-white-bg);font-size:1.4rem;font-weight:700}.site-footer{text-align:center;color:var(--text-gray);padding:var(--spacing-lg) 0;font-size:.9rem}.site-footer p{margin:4px 0}.back-to-top{background:var(--blue-secondary);width:44px;height:44px;color:var(--white);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;border:0;border-radius:50%;place-items:center;transition:opacity .3s;display:grid;position:fixed;bottom:20px;right:20px}.back-to-top.show{opacity:1;pointer-events:auto}.toast{background:var(--text-dark);color:var(--white);opacity:0;pointer-events:none;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}@media (width<=1024px){main{padding:var(--spacing-md)}.chapter{padding:var(--spacing-lg) var(--spacing-md)}}@media (width<=768px){.layout{grid-template-columns:1fr}.topbar{align-items:center;gap:var(--spacing-sm);z-index:20;background:var(--white);border-bottom:1px solid var(--border-color);padding:10px var(--spacing-sm);display:flex;position:sticky;top:0}.menu-toggle{border:1px solid var(--border-color);background:var(--white);border-radius:var(--radius-sm);font:inherit;color:var(--text-dark);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.topbar-title{color:var(--blue-secondary);font-weight:600}.toc{z-index:30;width:min(86vw,320px);box-shadow:var(--shadow-lg);transition:transform .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.toc.open{transform:none}.hero{padding:var(--spacing-lg) var(--spacing-md);flex-direction:column-reverse;align-items:flex-start}.hero h1{font-size:2rem}.section-title{font-size:1.25rem}}@media (width<=480px){body{font-size:14px}.hero h1{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.toc,.topbar,.back-to-top,.toast,.chapter-md{display:none!important}.layout{display:block}main{padding:0}.chapter{box-shadow:none;break-inside:avoid-page;padding:0 0 var(--spacing-md)}.hero{color:var(--text-dark);box-shadow:none;background:0 0;padding:0}.hero h1,.eyebrow{color:var(--text-dark)}.hero-logo{display:none}}