@charset "UTF-8";:root{--radius-s:8px;--radius-m:12px;--radius-l:16px;--shadow-s:0 2px 8px rgba(0,0,0,.06);--shadow-m:0 6px 18px rgba(0,0,0,.10);--container-w:1100px;--header-offset:96px;--min-base:#FAFAFA;--min-text:#111111;--min-subtext:#555555;--min-accent:#5B8DEF;--min-border:#E9EAEE;--soft-base:#FFFFFF;--soft-text:#2F3A3D;--soft-ac1:#8FB59C;--soft-ac2:#E7D9C9;--soft-border:#EDEAE6;--amber:#F2A65A;--amber-light:#FFF0E0;--paper:#FFFBF6;--paper-border:#E9E1DA;--dark-bg:#0F1220;--dark-surface:#151A2D;--dark-text:#E6E8EE;--dark-ac:#7B61FF;--dark-border:#2A2F48;--warmd-bg:#141210;--warmd-surface:#1C1816;--warmd-text:#EDE7E3;--warmd-ac:#F4A259;--warmd-border:rgba(255,255,255,.08);--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px;--space-7:40px;--lh-base:1.8;--lh-tight:1.5;--lh-loose:1.95;--fs-xxl:40px;--fs-xl:28px;--fs-lg:20px;--fs-md:16px;--fs-sm:14px}:root{--radius-s:8px;--radius-m:12px;--radius-l:16px;--shadow-s:0 2px 8px rgba(0,0,0,.06);--shadow-m:0 6px 18px rgba(0,0,0,.10);--container-w:1100px;--header-offset:96px;--min-base:#FAFAFA;--min-text:#111111;--min-subtext:#555555;--min-accent:#5B8DEF;--min-border:#E9EAEE;--soft-base:#FFFFFF;--soft-text:#2F3A3D;--soft-ac1:#8FB59C;--soft-ac2:#E7D9C9;--soft-border:#EDEAE6;--amber:#F2A65A;--amber-light:#FFF0E0;--paper:#FFFBF6;--paper-border:#E9E1DA;--dark-bg:#0F1220;--dark-surface:#151A2D;--dark-text:#E6E8EE;--dark-ac:#7B61FF;--dark-border:#2A2F48;--warmd-bg:#141210;--warmd-surface:#1C1816;--warmd-text:#EDE7E3;--warmd-ac:#F4A259;--warmd-border:rgba(255,255,255,.08);--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px;--space-7:40px;--lh-base:1.8;--lh-tight:1.5;--lh-loose:1.95;--fs-xxl:40px;--fs-xl:28px;--fs-lg:20px;--fs-md:16px;--fs-sm:14px}body{line-height:var(--lh-base)}.amber-article,.amber-archive,.amber-posts{font-synthesis-weight:none;font-synthesis-style:none}.amber-article .article{--gap-p:var(--space-3);--gap-h2:var(--space-6);--gap-h3:var(--space-4)}.amber-article .article p{margin:0 0 var(--gap-p)}.amber-article .article ul,.amber-article .article ol{margin:0 0 var(--space-4);padding-left:1.25em}.amber-article .article li+li{margin-top:var(--space-1)}.amber-article .article h1{font-size:var(--fs-xxl);line-height:1.2;margin:var(--space-3) 0 var(--space-2);letter-spacing:0.2px;font-weight:800;line-break:strict}.amber-article .article h2{font-size:var(--fs-xl);line-height:var(--lh-tight);margin:var(--gap-h2) 0 var(--space-2);font-weight:700;letter-spacing:0.1px}.amber-article .article h3{font-size:var(--fs-lg);line-height:var(--lh-tight);margin:var(--gap-h3) 0 var(--space-2);font-weight:700;letter-spacing:0.1px}.amber-article .article h2+p,.amber-article .article h3+p{margin-top:var(--space-2)}.amber-article .article :not(pre)>code{background:#FFF0E0;color:#5A4639;border:1px solid var(--paper-border);padding:2px 6px;border-radius:8px;font-size:0.95em}.amber-article .article kbd{background:#F3F6FA;border:1px solid #E2E8F0;border-bottom-width:2px;padding:2px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.amber-article .article blockquote{border-left:4px solid var(--amber);background:#FFF7EE;border-radius:0 10px 10px 0;padding:10px 14px;color:#5A4639;margin:var(--space-3) 0}.amber-article .article table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--space-4) 0;border:1px solid var(--paper-border);border-radius:12px;overflow:hidden}.amber-article .article thead th{background:#FFF4E8;font-weight:700}.amber-article .article th,.amber-article .article td{padding:10px 12px;border-bottom:1px solid var(--paper-border)}.amber-article .article tbody tr:last-child th,.amber-article .article tbody tr:last-child td{border-bottom:none}.amber-article .article hr{border:0;border-top:1px solid var(--paper-border);margin:var(--space-6) 0 var(--space-4)}.btn,.pc-more,.amber-posts .more{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer;transition:filter 0.15s ease,transform 0.15s ease}.btn:active,.pc-more:active,.amber-posts .more:active{transform:translateY(1px)}.btn--primary,.pc-more,.amber-posts .more,.btn-primary{background:var(--amber);color:#2A1C12;box-shadow:0 4px 12px rgba(40,20,0,0.18)}.btn--ghost,.btn-ghost{background:#FFFFFF;color:#3A2F2A;border:1px solid var(--paper-border)}.btn--outline{background:transparent;color:#2A1C12;border:1px solid rgba(0,0,0,0.1)}.btn--soft{background:#FFF0E0;color:#3A2F2A;border:1px solid var(--paper-border)}.amber-article .chip{background:#FFF0E0;color:#5A4639;border:1px solid #E8913E;border-radius:999px;padding:6px 10px;font-size:12px}.sidebar .widget{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-s)}.sidebar .widget+.widget{margin-top:var(--space-3)}.sidebar .widget h2{font-size:16px;margin:0 0 var(--space-2)}.sidebar .widget ul{margin:0;padding-left:1.1em}.sidebar .widget li+li{margin-top:var(--space-1)}.toc a{text-decoration:none;color:inherit}.toc a:hover{color:var(--amber);text-decoration:underline;text-underline-offset:2px}.toc a.is-active{color:var(--amber);text-decoration:underline;text-underline-offset:2px}.toc-collapsible{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:8px 10px}.toc-collapsible[open]>summary{margin-bottom:var(--space-2)}pre[class*=language-]{position:relative}pre[class*=language-] .prism-toolbar{position:absolute;right:8px;top:8px}.amber-archive .item p,.amber-posts .item p{margin:0 0 var(--space-2)}.amber-article .article a{color:var(--amber);text-decoration:none}.amber-article .article a:hover{color:#E8913E}.container{max-width:var(--container-w);margin:0 auto;padding:0 20px}.design-compare{padding:40px 0 24px}.design-compare .compare-title{font-size:24px;margin:0 0 16px}.design-compare .compare-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}@media (min-width:576px){.design-compare .compare-grid{grid-template-columns:repeat(3,1fr)}}.design-compare .compare-card{display:block;border:1px solid var(--min-border);border-radius:var(--radius-m);padding:20px;background:#fff;box-shadow:var(--shadow-s);text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease}.design-compare .compare-card .compare-label{display:block;font-weight:600;color:#111}.design-compare .compare-card .compare-cta{margin-top:6px;display:inline-block;color:var(--min-accent)}.design-compare .compare-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}.section-title{font-size:22px;margin:0 0 8px}.fallback-list{padding-left:1.2em}.list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}.list--principles li{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(40,20,0,0.06);position:relative}.list--principles .label{font-weight:700;margin:0 0 4px;position:relative;padding-left:28px}.list--principles .label::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:6px;background:#FFF0E0;border:1px solid var(--paper-border);box-shadow:inset 0 0 0 2px rgba(242,166,90,0.35)}.list--principles .desc{color:#6B625C}.steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;position:relative;counter-reset:step}.steps li{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:12px 14px 12px 44px;box-shadow:0 2px 8px rgba(40,20,0,0.06);position:relative}.steps li::before{content:counter(step);counter-increment:step;position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:999px;background:var(--amber);color:#2A1C12;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(40,20,0,0.12)}.btn,.pc-more,.amber-posts .more{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;text-decoration:none;cursor:pointer;border-radius:12px;padding:10px 16px;font-weight:700;transition:filter 0.15s ease,transform 0.15s ease}.btn:focus-visible,.pc-more:focus-visible,.amber-posts .more:focus-visible{outline:2px solid rgba(242,166,90,0.6);outline-offset:2px}.btn:active,.pc-more:active,.amber-posts .more:active{transform:translateY(1px)}.btn--primary,.pc-more,.amber-posts .more{background:#F2A65A;color:#2A1C12;box-shadow:0 4px 12px rgba(40,20,0,0.18)}.btn--soft{background:#FFF0E0;color:#3A2F2A;border:1px solid #E9E1DA}.theme-demo .demo-hero{padding:56px 0 24px;background:linear-gradient(180deg,#FFF6ED,#FFFFFF);border-bottom:1px solid #E9E1DA}.theme-demo .demo-title{font-size:40px;margin:0 0 8px;color:#1E1A18}.theme-demo .demo-lead{color:#6B625C}.theme-demo .demo-posts{padding:24px 0 40px}.theme-demo .demo-cards{margin-top:12px}.demo-features .features-grid,.demo-experience .exp-grid,.demo-benefits .benefits-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:576px){.demo-features .features-grid,.demo-experience .exp-grid,.demo-benefits .benefits-grid{grid-template-columns:repeat(3,1fr)}}.demo-features .feature-item,.demo-experience .exp-card,.demo-benefits .benefit{background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius-m);padding:20px;box-shadow:var(--shadow-s)}.theme-demo--dark .demo-benefits .benefit{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}.demo-features .feature-emoji{font-size:20px}.demo-typography{padding:8px 0 16px}.demo-typography blockquote{border-left:4px solid var(--min-accent);margin:12px 0;padding:8px 12px;color:var(--min-subtext);background:#fff;border-radius:0 8px 8px 0}.theme-demo--dark .demo-typography blockquote{background:var(--dark-surface);color:var(--dark-text);border-left-color:var(--dark-ac)}.demo-cta{padding:24px 0 56px}.demo-cta .cta-inner{border:1px dashed var(--soft-border);border-radius:var(--radius-l);padding:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#fff}.theme-demo--minimal .demo-cta .cta-inner{background:#fff}.theme-demo--soft .demo-cta .cta-inner{background:#fff}.theme-demo--dark .demo-cta .cta-inner{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}.theme-demo--warmdark .demo-cta .cta-inner{background:var(--warmd-surface);border-color:var(--warmd-border);color:var(--warmd-text)}.demo-newsletter{padding:8px 0 40px}.newsletter-inner{background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius-l);padding:20px;box-shadow:var(--shadow-s)}.nl-form{display:flex;gap:8px;flex-wrap:wrap}.nl-form input[type=email]{flex:1 1 260px;padding:10px 12px;border:1px solid var(--soft-border);border-radius:10px}.theme-demo--minimal{background:var(--min-base);color:var(--min-text)}.theme-demo--minimal a{color:#7C6AE6}.theme-demo--minimal a:hover{color:#F2A65A}.theme-demo--minimal .vk_posts .card{border-radius:12px;box-shadow:var(--shadow-s)}.theme-demo--soft{background:var(--soft-base);color:var(--soft-text)}.theme-demo--soft .demo-hero{background:linear-gradient(180deg,#FFF9F1,#FFFFFF);border-bottom:1px solid var(--soft-border)}.theme-demo--soft .vk_posts .card{border-radius:12px;box-shadow:var(--shadow-s)}.theme-demo--dark{background:var(--dark-bg);color:var(--dark-text)}.theme-demo--dark a{color:var(--dark-ac)}.theme-demo--dark .demo-hero{background:var(--dark-surface);border-bottom:1px solid var(--dark-border)}.theme-demo--dark .vk_posts .card{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}.theme-demo--warmdark{background:var(--warmd-bg);color:var(--warmd-text)}.theme-demo--warmdark a{color:var(--warmd-ac)}.theme-demo--warmdark .demo-hero{background:linear-gradient(180deg,#1b1715,#161311);border-bottom:1px solid var(--warmd-border)}.theme-demo--warmdark .vk_posts .card{background:var(--warmd-surface);border-color:var(--warmd-border);color:var(--warmd-text);border-radius:16px}.theme-demo--warmdark .demo-cta .cta-inner{background:var(--warmd-surface);border-color:var(--warmd-border);color:var(--warmd-text)}.amber-hero{padding:64px 0 28px;background:linear-gradient(180deg,#FFF6ED,#FFFFFF);border-bottom:1px solid var(--paper-border)}.amber-hero .container{max-width:1100px;margin:0 auto;padding:0 20px}.amber-hero .title{font-size:44px;line-height:1.15;margin:0 0 8px;color:#1E1A18;text-wrap:balance;line-break:strict}@media (min-width:992px){.amber-hero .title{font-size:52px}}.amber-hero .lead{color:#6B625C;margin:0 0 14px}.amber-hero .cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.amber-hero .btn-primary{background:linear-gradient(180deg,#F2A65A 0%,#EFA55A 100%);color:#2A1C12;border:1px solid rgba(0,0,0,0.04);border-radius:12px;padding:12px 16px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(40,20,0,0.18)}.amber-hero .btn-ghost{background:#FFFFFF;color:#3A2F2A;border:1px solid var(--paper-border);border-radius:12px;padding:12px 16px;font-weight:700;text-decoration:none}.amber-hero .hero-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:center}@media (min-width:992px){.amber-hero .hero-grid{grid-template-columns:1.4fr 1fr}}.amber-hero .hero-copy{min-width:0}.amber-hero .hero-figure{margin:0;display:block}.amber-hero .hero-figure img{width:100%;height:auto;border:1px solid var(--paper-border);border-radius:16px;box-shadow:0 6px 18px rgba(40,20,0,0.08);background:#fff}.ambient-amber{position:relative;overflow:hidden}.ambient-amber::before{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 10% 0%,rgba(242,166,90,0.12),transparent 60%),radial-gradient(900px 500px at 100% 20%,rgba(242,166,90,0.1),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(242,166,90,0.08),transparent 60%);-webkit-animation:amber-float 18s ease-in-out infinite alternate;animation:amber-float 18s ease-in-out infinite alternate}.ambient-amber>*{position:relative;z-index:1}@-webkit-keyframes amber-float{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-2%,0)}}@keyframes amber-float{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-2%,0)}}@media (prefers-reduced-motion:reduce){.ambient-amber::before{-webkit-animation:none;animation:none}}.amber-posts{padding:20px 0 56px}.amber-posts .container{max-width:1100px;margin:0 auto;padding:0 20px}.amber-posts .grid{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.amber-posts .grid{grid-template-columns:repeat(2,1fr)}}.amber-posts .item{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(40,20,0,0.06)}.amber-posts .item h3{margin:0 0 6px;font-size:20px}.amber-posts .meta{font-size:12px;color:#6B625C;margin-bottom:6px}.amber-posts .item .topic-icon{width:28px;height:28px;display:block;margin:0 0 6px;border-radius:8px}.topic-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#FFF0E0;border:1px solid var(--paper-border);box-shadow:inset 0 0 0 2px rgba(242,166,90,0.25)}.topic-icon img{width:18px;height:18px;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.amber-posts .more{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-weight:700;text-decoration:none;background:var(--amber);color:#2A1C12;box-shadow:0 2px 8px rgba(40,20,0,0.12)}.amber-posts .more:hover{filter:brightness(0.95)}.amber-posts .all{margin-top:12px}.amber-posts .all a{color:#7C6AE6;text-decoration:none}.amber-posts .all a:hover{color:var(--amber)}.amber-posts .list--wide{grid-template-columns:1fr;gap:12px}@media (min-width:768px){.amber-posts .list--wide{grid-template-columns:1fr}}.post-card{display:grid;grid-template-columns:1fr;align-items:start;gap:12px;padding:12px 14px}@media (min-width:768px){.post-card{grid-template-columns:1fr auto}}.post-card.has-thumb{grid-template-columns:120px 1fr auto}@media (min-width:992px){.post-card.has-thumb{grid-template-columns:180px 1fr auto}}.pc-thumb img{width:100%;height:auto;border-radius:10px;border:1px solid var(--paper-border);display:block}.pc-body{min-width:0}.pc-title{margin:0 0 6px;font-size:20px;line-height:1.35}.pc-excerpt{margin:0;color:#5A4639}.pc-meta{margin-bottom:6px}.pc-cta{align-self:center}.pc-more{border-radius:999px;padding:8px 12px;box-shadow:0 2px 8px rgba(40,20,0,0.12)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--paper-border);background:#fff;box-shadow:var(--shadow-s);margin:0 0 6px}.badge .topic-icon{width:20px;height:20px;border-radius:5px}.badge--gh{background:#F0F6FF;border-color:#D6E4FF}.badge--wp{background:#F4F8FF;border-color:#DDE7FF}.badge--fe{background:#FFF6ED;border-color:#F4D8B6}.badge--ai{background:#F3F6FA;border-color:#E2E8F0}@media (prefers-reduced-motion:no-preference){.reveal-init{opacity:0;transform:translateY(12px);transition:opacity 0.28s ease,transform 0.28s ease}.reveal-init.is-visible{opacity:1;transform:none}.amber-hero .title{background-image:linear-gradient(90deg,rgba(242,166,90,0.32),rgba(242,166,90,0.32));background-repeat:no-repeat;background-position:0 100%;background-size:0 12px}.animate-underline .amber-hero .title{transition:background-size 0.7s ease 0.05s;background-size:100% 12px}.amber-posts .item{transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.amber-posts .item:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(40,20,0,0.1);border-color:rgba(242,166,90,0.45)}}.amber-article{--base-bg:var(--paper);--border:var(--paper-border);--text:#2A211C;--accent:var(--amber);--accent-hover:#E8913E;--radius:12px;--shadow:0 6px 18px rgba(40,20,0,.08)}.amber-article .article{width:100%;max-width:none;margin:24px 0;padding:16px 20px 24px;background:var(--base-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text)}.amber-article .article a{color:var(--accent);text-decoration:none;transition:color 0.15s ease}.amber-article .article a:hover{color:var(--accent-hover)}.amber-article .meta{font-size:12px;color:#6B625C;margin:0 0 10px}.amber-article .lead{color:#5A4639;font-size:var(--fs-md);line-height:var(--lh-base);margin:6px 0 12px}.amber-article .toc{border:1px solid var(--border);border-radius:12px;padding:12px 16px;background:#fff}.amber-article .toc h2{font-size:16px;margin:0 0 6px;color:#3A2F2A}.amber-article .note{border-left:4px solid var(--accent-hover);background:#FFF6ED;border-radius:8px;padding:10px 12px;margin:14px 0;color:#5A4639}.amber-article .chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.amber-article .chip{background:#FFF0E0;color:#5A4639;border:1px solid var(--accent-hover);border-radius:999px;padding:6px 10px;font-size:12px}.amber-article .codeblock{position:relative}.amber-article .copy-btn{position:absolute;right:10px;top:10px;background:var(--accent);color:#2A1C12;border:none;border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(40,20,0,0.12)}.amber-article .copy-btn:hover{filter:brightness(0.95)}.amber-article pre{background:#1B1715;color:#EDE7E3;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:14px 16px;overflow:auto;box-shadow:0 6px 18px rgba(0,0,0,0.15);margin-top:8px}.amber-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.amber-archive{padding:20px 0 56px}.amber-archive .container{max-width:1100px;margin:0 auto;padding:0 20px}.amber-archive .grid{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.amber-archive .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.amber-archive .grid{grid-template-columns:repeat(3,1fr)}}.amber-archive .item{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(40,20,0,0.06);display:flex;flex-direction:column}.amber-archive .item h3{margin:0 0 6px;font-size:18px}.amber-archive .meta{font-size:12px;color:#6B625C;margin-bottom:6px}.amber-archive .excerpt{flex:1 1 auto}.amber-archive .more{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-weight:700;text-decoration:none;background:var(--amber);color:#2A1C12;box-shadow:0 2px 8px rgba(40,20,0,0.12)}.error404 .page-header{display:none !important}.layout-demo{padding:20px 0 56px}.layout-demo .page-title{max-width:860px;margin:12px auto 0;padding:0 20px}.layout-grid{max-width:1100px;margin:16px auto 0;padding:0 20px;display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:992px){.layout-grid{grid-template-columns:1fr 320px}.layout-grid .sidebar{margin-top:24px}}.layout-grid .content{min-width:0}.layout-grid .sidebar{min-width:0}.sidebar .widget{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-s)}.sidebar .widget+.widget{margin-top:var(--space-3)}.sidebar .widget h2{font-size:16px;margin:0 0 var(--space-2)}.sidebar--sticky{position:sticky;top:var(--header-offset);align-self:start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}body.admin-bar .sidebar--sticky{top:calc(var(--header-offset) + 32px)}.toc-box{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-s)}.toc-box h2{font-size:16px;margin:0 0 8px}.toc-box ol{margin:0;padding-left:16px}.toc a.is-active{color:var(--amber);text-decoration:underline;text-underline-offset:2px}.toc ol,.toc ul{list-style:decimal;margin:0;padding-left:16px}.toc li{position:static}.toc li::before,.toc li::after{content:none !important}.toc-collapsible{background:#fff;border:1px solid var(--paper-border);border-radius:12px;padding:8px 10px}.toc-collapsible>summary{font-weight:700;cursor:pointer;list-style:none}.toc-collapsible>summary::-webkit-details-marker{display:none}.toc-collapsible>summary::marker{content:""}.toc-collapsible>summary::before,.toc-collapsible::before,.toc-collapsible::after{content:none !important}.toc-collapsible[open]>summary{margin-bottom:var(--space-2)}@media (min-width:992px){.sidebar--affix{position:fixed;top:var(--header-offset);z-index:40}}body.admin-bar .sidebar--affix{top:calc(var(--header-offset) + 32px)}.amber-article .entry-content h2,.amber-article .article h2{border-bottom:none !important;margin:26px 0 10px}.amber-article .entry-content h2+*,.amber-article .article h2+*{border-top:none !important;box-shadow:none !important;padding-top:8px}.amber-article .entry-content hr,.amber-article .article hr{border:0;border-top:1px solid var(--paper-border);box-shadow:none;margin:24px 0}.amber-footer{background:#fff;color:#3A2F2A}.amber-footer .footer-inner{max-width:1100px;margin:0 auto;padding:16px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between}.amber-footer .site-name{color:#2A1C12;text-decoration:none;font-weight:700}.amber-footer .footer-nav{list-style:none;margin:0;padding:0;display:flex;gap:12px}.amber-footer .footer-nav a{color:#3A2F2A;text-decoration:none}.amber-footer .footer-nav a:hover{color:#F2A65A}.amber-footer{position:relative}.amber-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(242,166,90,0.45);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65)}.amber-header{background:#fff;color:#2A1C12;position:sticky;top:0;z-index:50}.amber-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(242,166,90,0.45);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65)}.amber-header .header-inner{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between}.amber-header .site-name{display:inline-flex;align-items:center;gap:8px;color:#2A1C12;text-decoration:none;font-weight:800}.amber-header .custom-logo{max-height:36px;height:auto;width:auto}.amber-header .header-nav{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center}.amber-header .header-nav li{margin:0;padding:0}.amber-header .header-nav a{color:#3A2F2A;text-decoration:none;font-weight:600;padding:8px 10px;border-radius:10px}.amber-header .header-nav a:hover,.amber-header .header-nav a:focus{color:#2A1C12;background:#FFF5EA;outline:none}.amber-header.is-scrolled{background:rgba(255,255,255,0.95);box-shadow:0 6px 16px rgba(40,20,0,0.06);-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}body.has-sticky-header .amber-hero{padding-top:84px}body.page-template-page-hf-minimal .amber-footer{background:#fff}body.page-template-page-hf-minimal .amber-footer::before{display:none}body.page-template-page-hf-minimal .amber-footer .footer-inner{padding:12px 20px}body.page-template-page-hf-minimal .amber-footer .footer-nav a{text-decoration:none;padding:6px 8px}body.page-template-page-hf-minimal .amber-footer .footer-nav a:hover{text-decoration:underline;background:transparent}body.page-template-page-hf-paper .amber-footer{background:#fff}body.page-template-page-hf-paper .amber-footer::before{content:"";display:block;height:1px;background:rgba(242,166,90,0.45);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65)}body.page-template-page-hf-pill .amber-footer{background:#fff}body.page-template-page-hf-pill .amber-footer .footer-inner{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:768px){body.page-template-page-hf-pill .amber-footer .footer-inner{grid-template-columns:1fr auto}}body.page-template-page-hf-pill .amber-footer .footer-nav a{padding:6px 10px;border-radius:999px}body.page-template-page-hf-pill .amber-footer .footer-nav a:hover{background:#FFF0E0}.amber-header::after{display:none !important}.amber-footer{position:static}.amber-footer::before{display:none !important}.site-footer{border-top:none !important}.amber-article .article blockquote.callout{border-left:4px solid var(--amber);background:#FFF7ED;padding:10px 14px;margin:14px 0;border-radius:8px}.amber-article .article blockquote.callout.warn{border-color:#E85C41;background:#FFF5F2}.amber-article .article blockquote.callout.tip{border-color:#2BB673;background:#F1FBF5}.amber-article .article blockquote.callout .callout-label{color:#2A1C12;font-weight:700;margin-right:6px}.amber-article .article blockquote.callout p{margin:0.3em 0}.amber-article .article table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:0.95em}.amber-article .article thead th{background:#FAF5EF;color:#4B413A;font-weight:700}.amber-article .article th,.amber-article .article td{border:1px solid #E8E0D8;padding:8px 10px;vertical-align:top}.amber-article .article td code,.amber-article .article th code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.95em}.amber-article .article tbody tr:nth-child(even){background:#FFFCF8}.amber-article .article p+p:has(img){margin-bottom:6px}.amber-article .article p img+em{display:block;font-size:0.9em;color:#6B625C;margin-top:6px}.site-footer{margin-top:20px}.amber-footer{box-shadow:0 -4px 24px rgba(40,20,0,0.04)}.sample-programming .article{max-width:860px;margin:24px auto;padding:16px 20px 24px;background:var(--paper);border:1px solid var(--paper-border);border-radius:12px;box-shadow:0 6px 18px rgba(40,20,0,0.08);color:#2A211C}.sample-programming .article a{color:var(--amber);text-decoration:none}.sample-programming .article a:hover{color:#E8913E}.sample-programming .toc{border:1px solid var(--paper-border);border-radius:12px;padding:12px 16px;background:#fff}.sample-programming .toc h2{font-size:16px;margin:0 0 6px;color:#3A2F2A}.sample-programming .codeblock{position:relative}.sample-programming .copy-btn{position:absolute;right:10px;top:10px;background:var(--amber);color:#2A1C12;border:none;border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(40,20,0,0.12)}.sample-programming .copy-btn:hover{filter:brightness(0.95)}.sample-programming pre{background:#1B1715;color:#EDE7E3;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:14px 16px;overflow:auto;box-shadow:0 6px 18px rgba(0,0,0,0.15);margin-top:8px}.sample-programming code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.sample-programming .note{border-left:4px solid #E8913E;background:#FFF6ED;border-radius:8px;padding:10px 12px;margin:14px 0;color:#5A4639}.sample-programming .chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.sample-programming .chip{background:#FFF0E0;color:#5A4639;border:1px solid #E8913E;border-radius:999px;padding:6px 10px;font-size:12px}:root{--font-sans:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Yu Gothic UI","Yu Gothic","Meiryo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);color:#222;font-synthesis:none;font-synthesis-weight:none;font-synthesis-style:none;text-rendering:optimizeLegibility}::-moz-selection{background:rgba(242,166,90,0.28);color:#1E1A18}::selection{background:rgba(242,166,90,0.28);color:#1E1A18}::-moz-selection{background:rgba(242,166,90,0.28);color:#1E1A18}h1,h2,h3{line-height:1.3}h1{font-size:var(--fs-xxl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}nowrap{white-space:nowrap}