:root{--header-h:68px;--ground:#faf9f7;--surface:#fff;--surface-sunk:#f7f5f1;--chip:#f2efe8;--chip-soft:#f6f3ee;--line:#e7e3dd;--line-soft:#f0ece6;--line-strong:#e0dcd5;--ink:#1c1b1a;--ink-2:#33312e;--body:#4a4744;--muted:#5d5952;--dim:#8c877f;--faint:#a09a92;--accent:#c25e1f;--accent-hover:#9c4715;--accent-soft:#fdf1e8;--accent-line:#eed6c2;--accent-band:#fdf7f1;--accent-band-line:#e0d3c4;--lv1:#2f8a63;--lv1-ink:#166b4c;--lv1-bg:#e6f1ea;--lv1-line:#d8e8de;--lv1-band:#f2f8f4;--lv2:#3a6bb5;--lv2-ink:#1f4f8f;--lv2-bg:#e8eef7;--lv2-line:#dbe3f0;--lv2-band:#f3f6fb;--lv3:#7150b8;--lv3-ink:#5b3a9e;--lv3-bg:#efeaf6;--lv3-line:#e4dcf0;--lv3-band:#f6f3fa;--warn:#b5751a;--warn-ink:#8a5a1f;--warn-bg:#f6f1e8;--danger:#c0392b;--danger-ink:#b23c2e;--danger-bg:#f9eae7;--r-sm:8px;--r-md:12px;--r-pill:999px;--shadow-hover:0 2px 10px #1c1b1a12;--shadow-float:0 8px 26px #1c1b1a1f}button,input,select{font:inherit}button,.button{cursor:pointer}.site-header{z-index:50;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}html{scroll-padding-top:calc(var(--header-h) + 24px)}.header-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:700;display:inline-flex}.brand-mark{width:29px;height:29px}.header-inner>nav{align-items:center;gap:24px;font-size:14px;font-weight:500;display:flex}.header-inner>nav a{color:var(--muted);border-bottom:2px solid #0000;padding:23px 0 20px}.header-inner>nav a:hover,.header-inner>nav a.active{border-color:var(--accent);color:var(--ink)}.site-footer{color:var(--muted);border-top:1px solid var(--line);background:var(--surface);margin-top:72px;padding:30px 0}.site-footer p{margin-top:4px;font-size:13px}.page-hero .eyebrow{color:var(--accent)}.page-hero h1{max-width:800px;margin-top:8px;font-size:clamp(30px,5vw,48px);line-height:1.3}.page-hero p{max-width:680px;color:var(--body);margin-top:16px;font-size:16px}.eyebrow{color:var(--dim);letter-spacing:.04em;font-size:12px;font-weight:700}.level-band{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.level-band>*{border:0;border-right:1px solid var(--line);color:var(--ink);background:var(--surface);text-align:left;padding:14px 42px 14px 18px;transition:background .16s;position:relative}.level-band>:after{content:"→";color:var(--dim);position:absolute;top:50%;right:18px;transform:translateY(-50%)}.level-band>:hover,.level-band>[aria-pressed=true]{background:var(--surface-sunk);color:var(--ink)}.level-band>:last-child{border:0}.level-band strong{font-size:13px;display:block}.level-band small{color:var(--muted)}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recipe-grid.is-list{grid-template-columns:1fr;gap:8px}.recipe-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;min-height:245px;padding:20px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.recipe-card:hover,.recipe-card:focus-within{border-color:var(--accent-line);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.recipe-card.reveal-ready{opacity:0;transform:translateY(14px)}.recipe-card.reveal-ready.is-revealed{opacity:1;transition:opacity .45s ease-out,transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.recipe-card.reveal-ready.is-revealed:hover,.recipe-card.reveal-ready.is-revealed:focus-within{transform:translateY(-2px)}.recipe-card-hit{z-index:1;border-radius:inherit;position:absolute;inset:0}.card-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-badges,.card-stats,.card-products,.card-badge-row,.card-tag-row,.article-tag-row{align-items:center;gap:6px;min-width:0;display:flex}.card-badges{align-items:flex-start}.card-badge-row,.card-tag-row,.article-tag-row,.card-products{flex-wrap:wrap}.level{border-radius:7px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.level-beginner{background:var(--lv1-bg);color:var(--lv1-ink)}.level-intermediate{background:var(--lv2-bg);color:var(--lv2-ink)}.level-advanced{background:var(--lv3-bg);color:var(--lv3-ink)}.card-tag,.card-usecase{z-index:2;color:var(--warn-ink);background:var(--warn-bg);border-radius:7px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.card-usecase:hover,.card-tag:hover{color:var(--warn-ink);background:#eee4d2}.tag-group-label{color:var(--dim);white-space:nowrap;font-size:11px;font-weight:700}.connect-tag{z-index:2;color:#fff;background:var(--accent);border-radius:7px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.connect-tag:hover{color:#fff;background:var(--accent-hover)}.card-tag-divider{background:var(--line-strong);width:1px;height:20px;margin:0 2px}.business-category{z-index:2;color:#476ac5;background:#f2f5ff;border:1px solid #d8e1ff;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.business-category:hover{color:#3157b5;background:#e8eeff;border-color:#b9caf9}.card-duration{color:var(--dim);flex:none;font-size:12px}.recipe-card h2{margin-top:18px;font-size:18px;line-height:1.6}.recipe-card p{color:var(--body);margin-top:10px;font-size:13px;line-height:1.8}.card-footer{z-index:2;color:var(--muted);pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.recipe-card .card-products{flex-wrap:nowrap}.product-tag{border:1px solid var(--line);width:fit-content;color:var(--body);pointer-events:auto;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.product-tag:hover{border-color:var(--line-strong);color:var(--ink)}.product-tag.is-static{pointer-events:none}.product-tag.product-icons{cursor:default}.product-tag.product-icons:hover,.product-tag.is-static:hover{border-color:var(--line);color:var(--body)}.product-mark{color:#171717;background:0 0;place-items:center;width:20px;height:20px;display:grid}.service-icon,.service-icon svg{width:var(--service-icon-size);height:var(--service-icon-size);fill:currentColor;display:block}.support-label{color:var(--dim);letter-spacing:.04em;white-space:nowrap;font-size:10px;font-weight:700}.status-pending{color:var(--warn-ink);background:var(--warn-bg)}.status-planned{color:var(--muted);background:var(--chip)}.service-icon{display:block}.need-badge{color:var(--lv1-ink);border-radius:var(--r-pill);background:var(--lv1-bg);flex:none;padding:3px 7px;font-size:11px;font-weight:700}.need-badge.is-setup{color:var(--warn-ink);background:var(--warn-bg)}.copy-count{color:var(--dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11px;display:inline-flex}.copy-count svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.filter-bar{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:14px;display:flex}.filter-bar label{color:var(--muted);gap:3px;font-size:11px;font-weight:700;display:grid}.filter-bar select{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);background:#fff;border-radius:7px;padding:6px 8px}.detail-layout{grid-template-columns:minmax(0,1fr) 336px;gap:40px;width:100%;max-width:1440px;margin:0 auto;padding:0 56px;display:grid}.article-wrap{min-width:0}.breadcrumb{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;margin:0;padding-top:24px;font-size:12px;line-height:1.6;overflow:hidden}.detail-layout .breadcrumb{margin-bottom:18px}.breadcrumb+.page-hero,.breadcrumb+.tag-hero,.breadcrumb+.tool-hero{padding-top:28px}.article-intro h1{margin-top:10px;font-size:clamp(28px,4vw,40px);line-height:1.42}.article-tag-row{margin-top:14px}.article-product{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.article-intro>p{color:var(--body);margin-top:14px;font-size:16px}.article-meta{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);grid-template-columns:repeat(3,1fr);margin:24px 0 38px;display:grid;overflow:hidden}.article-meta div{border-right:1px solid var(--line);min-width:0;padding:14px 16px}.article-meta div:last-child{border:0}.article-meta dt{color:var(--dim);font-size:11px}.article-meta dd{margin:4px 0 0;font-weight:700}.prerequisite-note{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:-24px;margin-bottom:26px;display:flex}.prerequisite-note ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.prerequisite-note li{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--body);background:var(--surface);padding:2px 9px;font-size:12px;display:inline-flex}.verification-note{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--warn-ink);background:var(--warn-bg);align-items:baseline;gap:10px;margin-top:20px;padding:11px 14px;font-size:13px;display:flex}.verification-note strong{border-radius:var(--r-pill);color:#fff;background:var(--warn);flex:none;padding:1px 8px;font-size:11.5px}.verification-note.is-overdue{color:var(--danger-ink);background:var(--danger-bg)}.verification-note.is-overdue strong{background:var(--danger)}.verification-note+.verification-note{margin-top:8px}.verification-note+.article-meta,.verification-note+.verification-note+.article-meta{margin-top:12px}.model-note{color:var(--dim);margin:8px 0 0;font-size:12px;line-height:1.6}.source-list{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:12px}.source-list summary{color:var(--dim);cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:700;list-style:none;display:flex}.source-list summary::-webkit-details-marker{display:none}.source-list summary:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .15s}.source-list[open] summary:before{transform:rotate(90deg)}.source-list summary:hover{color:var(--ink-2)}.source-list summary span{border-radius:var(--r-pill);background:var(--surface);padding:1px 6px;font-weight:400}.source-list ul{margin:8px 0 0;padding-left:1.2em}.next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.before-after{grid-template-columns:1fr 1fr;gap:12px;display:grid}.before-after div,.content-card,.step,.prompt-card,.facts-card,.share-actions{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:18px}.before-after .after{border-color:var(--accent-line);background:var(--accent-band)}.before-after strong{color:var(--dim);letter-spacing:.06em;margin-bottom:6px;font-size:11px;display:block}.steps{gap:12px;display:grid}.step{grid-template-columns:28px 1fr;gap:14px;display:grid}.step-number{color:#fff;background:var(--ink);border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.step h3{font-size:16px}.step p{color:var(--body);margin-top:6px}.article-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-link:hover{color:var(--accent-hover)}.step-check{background:var(--lv1-bg);border-radius:8px;padding:9px 11px;font-size:13px;color:var(--lv1-ink)!important;margin-top:12px!important}.design-hint{color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px!important}.design-hint a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.design-used-in{border:1px solid var(--accent-line);background:var(--accent-band);color:var(--body);border-radius:8px;padding:9px 11px;font-size:13px;line-height:1.7;margin-top:16px!important}.design-used-in span{color:var(--dim);font-weight:700}.design-used-in a{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.step-shot{width:100%;max-width:var(--shot-max,100%);border:1px solid var(--line);border-radius:var(--r-sm);height:auto;margin-top:12px;display:block}.prompt-card{border-color:var(--accent-line);padding:0;overflow:hidden}.prompt-card-head{border-bottom:1px solid var(--accent-line);background:var(--accent-soft);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.prompt-card pre{background:var(--surface);white-space:pre-wrap;margin:0;padding:16px 18px;font-family:inherit;font-size:13px;line-height:1.8;overflow-x:auto}.copy-prompt{color:#fff;background:var(--accent);border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid;position:relative}.copy-prompt:hover{background:var(--accent-hover)}.copy-prompt svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.troubles{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);gap:0;display:grid;overflow:hidden}.troubles div{border-bottom:1px solid var(--line-soft);padding:15px 18px}.troubles div:last-child{border:0}.troubles dt{font-weight:700}.troubles dd{color:var(--body);margin:6px 0 0}.facts-card ul{color:var(--body);margin:9px 0 0;padding-left:1.25em}.safety-card{background:#fffaf8;border-color:#e3b4ad}.safety-kicker{border-radius:var(--r-pill);color:#fff;background:var(--danger);letter-spacing:.06em;margin:0;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.safety-card ul{margin-top:10px}.safety-card a{color:var(--danger-ink)}.implementation-intro{color:var(--body);margin-bottom:12px;font-size:13px;line-height:1.8}.implementation-list{gap:10px;display:grid}.implementation-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:16px 18px}.implementation-card header{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.implementation-card dl{gap:10px;margin:14px 0 0;display:grid}.implementation-card dt{color:var(--dim);font-size:11px}.implementation-card dd{margin:3px 0 0;font-size:12px;font-weight:700;line-height:1.6}.implementation-card>p{color:var(--body);margin:10px 0 0;font-size:12px;line-height:1.75}.implementation-card .implementation-note{border-top:1px solid var(--line-soft);padding-top:10px}.book-shelf{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunk);margin-top:30px;padding:18px 20px}.book-shelf-head{color:var(--ink);align-items:center;gap:9px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}.book-shelf-label{color:var(--muted);background:var(--surface);letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.book-shelf ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.book-shelf li{align-items:flex-start;gap:14px;display:flex}.book-cover{background:var(--surface);border-radius:3px;flex:0 0 72px;width:72px;height:104px;display:block;overflow:hidden}.book-cover img{object-fit:contain;width:100%;height:100%}.book-text{min-width:0}.book-text a{color:var(--ink)}.book-text a:hover strong{color:var(--accent)}.book-text strong{font-size:14px;line-height:1.5}.book-text small{color:var(--dim);margin-top:3px;font-size:12px;display:block}.book-text p{color:var(--body);margin-top:6px;font-size:13px;line-height:1.75}.book-shelf-note{border-top:1px solid var(--line);color:var(--dim);margin:14px 0 0;padding-top:12px;font-size:11.5px;line-height:1.7}.footer-notice{color:var(--dim);margin-top:12px;font-size:11.5px}.share-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:44px;display:flex}.share-actions h2{font-size:17px}.share-actions p{color:var(--dim);margin-top:3px;font-size:12px}.share-buttons{flex-wrap:wrap;gap:8px;display:flex}.share-icon-button{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink);background:var(--surface);border-radius:50%;place-items:center;padding:0;font-size:17px;font-weight:700;display:grid;position:relative}.share-icon-button[hidden]{display:none}.share-icon-button:hover{border-color:var(--ink);color:var(--ink);box-shadow:var(--shadow-hover)}.share-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.copy-feedback{z-index:4;color:#fff;background:var(--ink);opacity:0;pointer-events:none;white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.is-copied .copy-feedback{opacity:1;transform:translate(-50%)}.prompt-card .copy-feedback{inset:calc(100% + 8px) 0 auto auto;transform:translateY(-4px)}.prompt-card .is-copied .copy-feedback{transform:translate(0)}.share-x{font-size:18px}.share-hatena{color:#00a4de;font-size:14px}.detail-side{flex-direction:column;align-self:stretch;gap:32px;margin-top:24px;padding:14px 18px 0;display:flex}.side-heading{color:var(--dim);letter-spacing:.08em;margin:0 0 12px;font-size:11px;font-weight:700}.side-sticky{top:calc(var(--header-h) + 24px);position:sticky}.detail-toc.side-sticky{max-height:calc(100vh - var(--header-h) - 48px);overscroll-behavior:contain;overflow-y:auto}.toc{gap:2px;display:grid;position:relative}.toc:before{content:"";background:var(--line);width:1px;position:absolute;top:12px;bottom:12px;left:6px}.toc-row{color:var(--muted);align-items:center;gap:11px;padding:5px 0;font-size:13px;line-height:1.5;display:flex;position:relative}.toc-row:hover{color:var(--accent)}.toc-mark{flex:0 0 13px;justify-content:center;display:flex}.toc-dot{border:3px solid var(--surface);background:var(--line-strong);border-radius:50%;width:13px;height:13px}.toc-row.is-child{font-size:12px}.toc-row.is-child .toc-mark{justify-content:flex-end}.toc-branch{background:var(--line-strong);width:7px;height:1px}.toc-row.is-current{color:var(--accent);font-weight:700}.toc-row.is-current .toc-dot,.toc-row.is-current .toc-branch{background:var(--accent)}.toc-children{gap:0;display:grid}.toc-children[hidden]{display:none}.toc-expand{color:var(--accent);background:0 0;border:0;justify-self:start;margin:0 0 4px 24px;padding:2px 0;font-size:12px;font-weight:700}.ad-slot{border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--dim);background:var(--surface-sunk);place-content:center;justify-items:center;gap:2px;font-size:12px;font-weight:700;display:grid}.ad-slot small{font-size:11px;font-weight:500}.ad-rectangle{width:300px;height:250px}.ad-responsive{width:100%;height:120px;margin-top:40px}.ad-large-rectangle{width:336px;max-width:100%;height:280px;margin:40px auto 0}.recipe-ranking ol{margin:0;padding:0;list-style:none;display:grid}.recipe-ranking li+li{border-top:1px solid var(--line)}.recipe-ranking a{color:var(--ink);align-items:flex-start;gap:11px;padding:11px 0;display:flex}.recipe-ranking a:hover strong{color:var(--accent)}.rank-no{height:24px;color:var(--muted);background:var(--surface-sunk);border-radius:50%;flex:0 0 24px;place-items:center;font-size:12px;font-weight:700;display:grid}.rank-no.is-top{color:#fff;background:var(--accent)}.rank-no svg{fill:none;width:13px;height:13px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round}.rank-text{gap:4px;min-width:0;display:grid}.rank-text strong{font-size:13px;line-height:1.55}.rank-text small{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.rank-product{border:1px solid var(--line);width:18px;height:18px;color:var(--product-color,var(--ink));background:var(--surface);border-radius:5px;place-items:center;display:grid}.ranking-inline{display:none}.reference-guide ul{margin:0;padding:0;list-style:none;display:grid}.reference-guide li+li{border-top:1px solid var(--line)}.reference-guide a{color:var(--ink);gap:2px;padding:11px 0;display:grid}.reference-guide a:hover strong{color:var(--accent)}.reference-guide strong{font-size:14px}.reference-guide small{color:var(--muted);font-size:12px;line-height:1.6}.guide-inline{display:none}.reference-layout{grid-template-columns:minmax(0,1fr) 240px;gap:40px;width:100%;max-width:1440px;margin:0 auto;padding:0 56px;display:grid}.reference-content{min-width:0;min-height:560px}.reference-hero{padding:28px 0 26px}.reference-hero .eyebrow{color:var(--accent)}.reference-hero h1{letter-spacing:.01em;margin-top:8px;font-size:30px;line-height:1.35}.reference-hero p{max-width:720px;color:var(--body);margin-top:8px;font-size:14px;line-height:1.7}.reference-nav{top:calc(var(--header-h) + 24px);border-left:1px solid var(--line);align-self:start;margin-top:24px;padding:16px 0 16px 18px;position:sticky}.reference-nav>p{color:var(--dim);letter-spacing:.08em;margin:0 0 12px;font-size:11px;font-weight:700}.reference-nav nav{gap:3px;display:grid}.reference-nav a{color:var(--muted);padding:5px 0;font-size:13px}.reference-nav a:hover,.reference-nav a.active{color:var(--accent)}.reference-nav>p a{color:inherit;font-size:inherit;padding:0}.reference-nav>p a:hover{color:var(--accent)}.reference-topic-index{padding:4px 0 24px}.reference-topic-intro{border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-band);padding:22px 24px}.reference-topic-intro .eyebrow{color:var(--accent)}.reference-topic-intro h2{margin-top:8px;font-size:21px;line-height:1.5}.reference-topic-intro>p:last-child{color:var(--body);margin-top:8px;font-size:13px;line-height:1.85}.reference-topic-list{margin-top:36px}.reference-topic-list .section-head{align-items:end}.reference-topic-list .section-head h2{font-size:21px}.reference-topic-list .section-head p{max-width:340px;color:var(--dim);margin:0;font-size:12px;line-height:1.7}.reference-topic-list ul{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.reference-topic-list li{border:1px solid var(--line);background:var(--surface);color:var(--body);border-radius:8px;padding:9px 12px;font-size:13px;font-weight:700}.design-reference{padding:4px 0 18px}.design-reference-note{border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-band);padding:22px 24px}.design-reference-note h2{margin-top:8px;font-size:21px;line-height:1.5}.design-reference-note>p:last-child{color:var(--body);margin-top:8px;font-size:13px;line-height:1.85}.design-combinations,.design-group{margin-top:38px}.design-combinations .section-head p,.design-group .section-head>p{max-width:430px;color:var(--body);margin:0;font-size:13px;line-height:1.7}.design-combination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.design-combination-grid article{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:14px}.design-combination-grid span{color:var(--dim);font-size:11px;font-weight:700;display:block}.design-combination-grid strong{margin-top:5px;font-size:13px;line-height:1.55;display:block}.design-combination-grid p{color:var(--body);margin:6px 0 0;font-size:12px;line-height:1.65}.design-category-nav{flex-wrap:wrap;gap:7px;margin-top:28px;padding-bottom:4px;display:flex}.design-category-nav a{border:1px solid var(--line-strong);color:var(--muted);background:var(--surface);border-radius:7px;padding:5px 9px;font-size:12px;font-weight:700}.design-category-nav a:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.design-group .section-head{align-items:end;margin-bottom:14px}.design-group .section-head h2{margin-top:4px;font-size:21px}.design-taste-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.design-taste-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.design-taste-preview{border-bottom:1px solid var(--line-soft);background:var(--surface-sunk);justify-content:center;align-items:center;height:116px;display:flex;position:relative;overflow:hidden}.design-taste-preview:before,.design-taste-preview:after,.design-taste-preview span,.design-taste-preview i,.design-taste-preview b{content:"";display:block;position:absolute}.design-taste-preview em{z-index:3;color:var(--ink);letter-spacing:.08em;font-size:10px;font-style:normal;font-weight:700;position:relative}.design-taste-preview:before{background:#fff;border-radius:7px;width:54%;height:54%;box-shadow:0 5px 16px #1c1b1a14}.design-taste-preview:after{z-index:1;background:var(--ink);border-radius:4px;width:28%;height:4px;top:35%;left:30%}.design-taste-preview span{z-index:1;background:#d6d2cd;border-radius:4px;width:19%;height:3px;top:45%;left:30%}.design-taste-preview i{z-index:1;background:var(--accent);border-radius:4px;width:13%;height:13%;bottom:31%;right:30%}.design-taste-preview b{z-index:1;background:#e7e3dd;border-radius:4px;width:9%;height:13%;bottom:31%;right:46%}.preview-minimal:before{width:38%;height:1px;box-shadow:none;background:#1c1b1a;border-radius:0}.preview-minimal:after,.preview-minimal span,.preview-minimal i,.preview-minimal b{display:none}.preview-minimal em{color:#777;letter-spacing:.2em;margin-top:36px;font-size:7px;font-weight:500}.preview-clean:before{width:35%;height:46%;box-shadow:none;background:#ffffffc7;border:1px solid #9edfd7;border-radius:18px 4px}.preview-clean:after{background:#71cdbf;border-radius:50%;width:19%;height:19%;top:30%;left:52%}.preview-clean span{background:#b8e7df;width:13%;height:3px;top:51%;left:28%}.preview-clean i{background:#8ed8cd;border-radius:3px;width:10%;height:3px;bottom:24%;right:28%;transform:rotate(-35deg)}.preview-clean b{display:none}.preview-clean em{color:#2f8e82;letter-spacing:.04em;font-size:9px;font-weight:500}.preview-corporate:before{background:#fff;border-radius:0;width:56%;height:45%;top:35%;left:22%;box-shadow:0 5px 10px #1734541f}.preview-corporate:after{background:#244a73;border-radius:0;width:26%;height:7px;top:46%;left:28%}.preview-corporate span{background:#b5c3d2;width:34%;height:3px;top:59%;left:28%}.preview-corporate i{background:#346ca4;border-radius:0;width:13%;height:17%;bottom:26%;right:27%}.preview-corporate b{background:#d7e0e9;border-radius:0;width:9%;height:10%;bottom:26%;right:42%}.preview-corporate em{color:#fff;letter-spacing:.12em;font-size:7px;position:absolute;top:6%;left:8%}.preview-saas:before{background:#fff;border-radius:15px;width:61%;height:61%;box-shadow:0 10px 24px #39579724}.preview-saas:after{background:#678de6;border-radius:5px;width:22%;height:16%;top:34%;left:29%}.preview-saas span{background:#dae3f7;width:37%;height:3px;top:55%;left:29%;box-shadow:0 7px #e8eefb}.preview-saas i{background:#f3bb82;border-radius:50%;width:13%;height:13%;bottom:31%;right:28%}.preview-saas b{background:#a3d5c5;border-radius:50%;width:9%;height:13%;bottom:31%;right:45%}.preview-saas em{color:#334e86;font-size:9px;position:absolute;top:28%;left:29%}.preview-bento:before{width:25%;height:61%;box-shadow:none;background:#fff;border-radius:12px;top:18%;left:23%}.preview-bento:after{background:#d7e2ff;border-radius:12px;width:26%;height:27%;top:18%;left:51%}.preview-bento span{background:#f5d7bf;border-radius:12px;width:26%;height:30%;top:49%;left:51%}.preview-bento i{background:#75bba8;border-radius:50%;width:10%;height:10%;top:27%;left:30%}.preview-bento b{background:#38332e;border-radius:3px;width:13%;height:4px;top:48%;left:30%}.preview-bento em{color:#7c552f;letter-spacing:0;font-size:17px;position:absolute;bottom:28%;right:27%}.preview-dark:before{width:64%;height:62%;box-shadow:none;background:#20262b;border:1px solid #39414a;border-radius:5px}.preview-dark:after{background:#8be0a6;border-radius:0;width:4px;height:34%;top:31%;left:26%}.preview-dark span{background:#aeb8c2;width:21%;height:3px;top:35%;left:31%;box-shadow:0 8px #59636e,0 16px #59636e}.preview-dark i{background:#4dce91;border-radius:3px;width:18%;height:3px;bottom:29%;right:28%}.preview-dark b{display:none}.preview-dark em{color:#e3e8ec;letter-spacing:0;font-family:monospace;font-size:11px;position:absolute;top:32%;right:29%}.preview-editorial:before{width:43%;height:100%;box-shadow:none;background:#1d1c1a;border-radius:0;top:0;left:0}.preview-editorial:after{background:#e5a985;border-radius:0;width:32%;height:64%;top:17%;left:41%}.preview-editorial span{background:#f3e6dc;width:23%;height:2px;bottom:15%;left:10%}.preview-editorial i{background:#c25e1f;border-radius:50%;width:8%;height:8%;top:22%;right:9%}.preview-editorial b{display:none}.preview-editorial em{color:#fff;letter-spacing:-.1em;writing-mode:vertical-rl;font-size:26px;position:absolute;top:18%;left:8%}.preview-luxury:before{width:60%;height:1px;box-shadow:none;background:#9f8759;border:0;border-radius:0}.preview-luxury:after{background:#9f8759;border-radius:0;width:24%;height:1px;top:32%;left:38%}.preview-luxury span{background:#9f8759;width:24%;height:1px;top:66%;left:38%}.preview-luxury i,.preview-luxury b{display:none}.preview-luxury em{color:#e8d7ac;letter-spacing:.13em;font-family:Georgia,serif;font-size:17px;font-weight:400}.preview-retro{background-color:#302051;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px),linear-gradient(#302051 0 51%,#f24a98 51% 55%,#ffbf65 55%);background-size:13px 13px,13px 13px,100% 100%}.preview-retro:before{background:0 0;border:2px solid #ffdf78;border-radius:50%;width:44%;height:42%;top:16%;left:28%;box-shadow:0 0 13px #ff4ca1}.preview-retro:after{background:#a56dea;border-radius:0;width:64%;height:1px;bottom:18%;left:18%;transform:perspective(30px)rotateX(45deg)}.preview-retro span{display:none}.preview-retro i{background:#5be4e8;border-radius:50%;width:8%;height:8%;bottom:22%;right:23%;box-shadow:0 0 10px #5be4e8}.preview-retro b{display:none}.preview-retro em{color:#fff3ae;letter-spacing:.04em;font-size:14px;font-style:italic;position:absolute;top:29%}.preview-kawaii:before{width:45%;height:46%;box-shadow:none;background:#fff;border:3px solid #f4a6bc;border-radius:50% 50% 45% 45%}.preview-kawaii:after{background:#3f3a39;border-radius:50%;width:4px;height:4px;top:37%;left:38%;box-shadow:20px 0 #3f3a39}.preview-kawaii span{border-bottom:2px solid #f28dac;border-radius:50%;width:10%;height:4px;top:52%;left:46%}.preview-kawaii i{background:#ffda75;border-radius:50%;width:11%;height:11%;top:25%;right:30%;box-shadow:0 -6px 0 -2px #ffda75,6px 0 0 -2px #ffda75,0 6px 0 -2px #ffda75,-6px 0 0 -2px #ffda75}.preview-kawaii b{display:none}.preview-kawaii em{color:#d66c8b;letter-spacing:.02em;font-size:9px;position:absolute;bottom:14%}.preview-brutal:before{background:#ff6e52;border:3px solid #1c1b1a;border-radius:0;width:52%;height:52%;top:23%;left:24%;box-shadow:7px 7px #1c1b1a}.preview-brutal:after{background:#1c1b1a;border-radius:0;width:33%;height:7px;top:31%;left:31%}.preview-brutal span{background:#1c1b1a;border-radius:0;width:18%;height:5px;top:48%;left:31%}.preview-brutal i{background:#6de0f2;border:3px solid #1c1b1a;border-radius:0;width:12%;height:12%;bottom:22%;right:23%}.preview-brutal b{display:none}.preview-brutal em{color:#1c1b1a;letter-spacing:-.08em;font-size:20px;font-weight:900;position:absolute;top:28%;left:32%}.design-taste-grid{grid-template-columns:1fr;gap:22px}.design-taste-card{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);display:grid}.design-taste-preview{border:0;order:2;height:auto;min-height:244px}.design-taste-preview:before,.design-taste-preview:after,.design-taste-preview>span,.design-taste-preview>i,.design-taste-preview>b{display:none}.design-taste-preview>div{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;min-height:244px;display:flex;position:relative}.design-taste-preview .mock-minimal,.design-taste-preview .mock-clean,.design-taste-preview .mock-corporate,.design-taste-preview .mock-saas,.design-taste-preview .mock-bento,.design-taste-preview .mock-dark,.design-taste-preview .mock-editorial,.design-taste-preview .mock-luxury,.design-taste-preview .mock-retro,.design-taste-preview .mock-kawaii,.design-taste-preview .mock-brutal{font-family:Arial,Hiragino Sans,sans-serif}.design-taste-body{order:1;padding:24px}.design-taste-number{letter-spacing:.08em;margin-bottom:8px;font-weight:700;display:block;color:var(--dim)!important;font-size:10px!important}.design-taste-title h3{font-size:19px}.design-font{color:var(--dim);margin-top:12px;font-size:11px}.design-font strong{color:var(--body);font-weight:700}.preview-minimal{background:#fbfbfa}.mock-minimal{color:#1c1b1a;text-align:center;flex-direction:column}.mock-minimal span{color:#777;letter-spacing:.18em;font-size:8px;position:static}.mock-minimal h4{letter-spacing:-.06em;margin:15px 0 0;font-size:29px;font-weight:300;line-height:1}.mock-minimal p{color:#888;margin:18px 0 0;font-size:9px}.preview-clean{background:#e6f7f5}.mock-clean{color:#2a8178;text-align:center;background:#ffffffeb;border:1px solid #a8ddd6;border-radius:20px 5px;flex-direction:column;padding:25px 20px;width:56%!important;height:auto!important;min-height:0!important}.mock-clean span{color:#fff;background:#6fc4b8;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid;position:static}.mock-clean h4{letter-spacing:.12em;margin:9px 0 0;font-size:13px}.mock-clean p{margin:4px 0 14px;font-size:9px}.mock-clean button{color:#fff;background:#55a99f;border:0;border-radius:999px;padding:7px 20px;font-size:10px}.preview-corporate{background:#eef3f8}.mock-corporate{background:#fff;align-self:center;overflow:hidden;box-shadow:0 8px 18px #1734541f;width:78%!important;height:74%!important;min-height:0!important;display:block!important}.mock-corporate header{color:#fff;background:#244a73;justify-content:space-between;align-items:center;padding:9px 12px;font-size:8px;display:flex}.mock-corporate header span{opacity:.8;font-size:7px;position:static}.corporate-content{grid-template-columns:1.25fr .75fr;height:calc(100% - 31px);display:grid}.mock-corporate h4{color:#244a73;margin:19px 16px 12px;font-size:16px;line-height:1.45}.mock-corporate button{color:#fff;background:#346ca4;border:0;margin-left:16px;padding:6px 12px;font-size:8px}.corporate-content aside{color:#244a73;background:#dceaf4;flex-direction:column;justify-content:center;align-items:center;display:flex}.corporate-content aside strong{letter-spacing:-.08em;font-size:34px}.corporate-content aside small{letter-spacing:.1em;text-align:center;margin-top:2px;font-size:7px;font-weight:700;line-height:1.35}.preview-saas{background:#f1f4fb}.mock-saas{justify-content:center;align-items:center}.mock-plan{background:#fff;border:1px solid #dde4f1;border-radius:13px;width:58%;padding:17px 19px;box-shadow:0 7px 14px #2c467817}.mock-plan>div{justify-content:space-between;display:flex}.mock-plan span{color:#5142df;background:#eeecff;border-radius:999px;padding:3px 8px;font-size:8px;position:static}.mock-plan small{color:#9ba5bb;font-size:8px}.mock-plan h4{color:#1d273b;margin:13px 0 10px;font-size:18px}.mock-plan h4 em{color:#8190ab;font-size:8px;font-style:normal;font-weight:400;position:static}.mock-plan p{color:#6d7890;font-size:8px;line-height:1.85}.mock-plan button{color:#fff;background:#5544e6;border:0;border-radius:6px;width:100%;margin-top:9px;padding:7px;font-size:9px;font-weight:700}.preview-bento{background:#f2f4f8}.mock-bento{grid-template-rows:1.1fr .82fr .82fr;grid-template-columns:1fr 1fr;gap:8px;width:66%!important;height:68%!important;min-height:0!important;display:grid!important}.mock-bento>div{color:#273244;background:#fff;border:1px solid #dfe3ea;border-radius:11px;padding:11px;font-size:8px}.mock-bento .bento-main{flex-direction:column;grid-column:1/span 2;align-items:flex-start;display:flex}.bento-main small{color:#91a0b7;font-size:7px}.bento-main strong{margin-top:7px;font-size:12px}.mock-bento .bento-speed,.mock-bento .bento-stat,.mock-bento .bento-dark{flex-direction:column;justify-content:center;display:flex}.mock-bento .bento-speed{color:#fff;background:#6d45e7;border:0;grid-area:2/2}.mock-bento .bento-speed small,.mock-bento .bento-stat small,.mock-bento .bento-dark small{font-size:7px;position:static}.mock-bento .bento-speed strong{color:#fff;margin:2px 0;font-size:16px;line-height:1}.mock-bento .bento-speed span{color:#eee8ff;width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;font-size:7px;display:inline;position:static}.mock-bento .bento-stat{grid-area:2/1;align-items:center}.mock-bento .bento-stat strong{margin-top:3px;font-size:16px;line-height:1}.mock-bento .bento-dark{color:#dce2f0;background:#151c2b;border:0;grid-area:3/1/auto/span 2}.mock-bento .bento-dark strong{color:#fff;margin-top:3px;font-size:9px}.preview-dark{background:#14181d}.mock-dark{color:#dce4eb;background:#20262c;border:1px solid #38414b;border-radius:8px;grid-template-columns:.6fr 1.5fr;overflow:hidden;box-shadow:0 10px 28px #00000059;width:76%!important;height:72%!important;min-height:0!important;display:grid!important}.mock-dark>aside{background:#171c21;border-right:1px solid #38414b;flex-direction:column;gap:11px;padding:13px 10px;display:flex}.mock-dark>aside strong{color:#a4c7ff;letter-spacing:.1em;margin-bottom:8px;font-size:9px}.mock-dark>aside span{color:#83909e;width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;font-size:8px;display:inline;position:static}.mock-dark>section{padding:12px;display:block}.mock-dark header{justify-content:space-between;align-items:center;display:flex}.mock-dark header div{flex-direction:column;gap:2px;display:flex}.mock-dark header small{color:#7d8995;letter-spacing:.09em;font-size:7px}.mock-dark header strong{font-size:13px}.mock-dark header b{color:#80e8ae;background:#1f4333;border-radius:3px;padding:3px 5px;font-size:7px;position:static}.dark-stat{background:#171c21;border:1px solid #38414b;border-radius:5px;flex-direction:column;margin-top:13px;padding:10px;display:flex}.dark-stat small{color:#8794a1;font-size:7px}.dark-stat strong{letter-spacing:-.05em;margin-top:5px;font-size:20px}.dark-stat span{color:#77d6a0;width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;margin-top:4px;font-size:7px;display:inline;position:static}.dark-bars{align-items:end;gap:4px;height:40px;margin-top:11px;padding:0 2px;display:flex}.dark-bars i{width:auto;box-shadow:none;background:#4c6ecf;border-radius:2px 2px 0 0;flex:1;display:block;position:static}.dark-bars i:first-child{height:30%}.dark-bars i:nth-child(2){height:48%}.dark-bars i:nth-child(3){height:39%}.dark-bars i:nth-child(4){height:74%}.dark-bars i:nth-child(5){height:62%}.dark-bars i:nth-child(6){background:#78d9a0;height:88%}.preview-editorial{background:#ead9ca}.mock-editorial{color:#191816;background:#f7f0e9;grid-template-columns:43% 57%;overflow:hidden;width:78%!important;height:84%!important;min-height:0!important;display:grid!important}.mock-editorial img{object-fit:cover;width:100%;height:100%}.mock-editorial>div{padding:18px;display:block}.mock-editorial p{color:#a46c4d;letter-spacing:.12em;margin:0;font-size:8px}.mock-editorial h4{letter-spacing:-.11em;margin:17px 0 8px;font-size:29px;font-weight:800;line-height:.8}.mock-editorial h4 em{color:#c25e1f;font-family:Georgia,serif;font-size:43px;font-style:italic;position:static}.mock-editorial span{color:#61574e;width:auto;height:auto;box-shadow:none;letter-spacing:.08em;background:0 0;font-size:7px;display:inline;position:static}.preview-luxury{background:#1d1a17}.mock-luxury{color:#e7d3a4;text-align:center;flex-direction:column}.mock-luxury span{letter-spacing:.24em;font-family:Georgia,serif;font-size:8px;position:static}.mock-luxury h4{letter-spacing:.13em;margin:11px 0;font-family:Georgia,serif;font-size:28px;font-weight:400}.mock-luxury i{background:#9f8759;width:48%;height:1px;display:block;position:static}.mock-luxury p{letter-spacing:.12em;margin:11px 0 14px;font-size:7px}.mock-luxury button{color:#e7d3a4;letter-spacing:.08em;background:0 0;border:1px solid #9f8759;padding:6px 17px;font-family:Georgia,serif;font-size:8px}.preview-retro{background:#23143f}.mock-retro{color:#fff3ad;text-align:center;background:#302051;flex-direction:column;padding:17px 20px;justify-content:flex-start!important;align-items:stretch!important;width:76%!important;height:82%!important;min-height:0!important;display:flex!important}.retro-top,.retro-meta{justify-content:space-between;display:flex}.mock-retro .retro-top span,.mock-retro .retro-meta span{color:#68eced;width:auto;height:auto;box-shadow:none;letter-spacing:.13em;background:0 0;border-radius:0;font-size:7px;display:inline;position:static}.mock-retro h4{color:#ff89b6;text-shadow:0 0 8px #ff4ca1;margin:10px 0 5px;font-size:42px;font-style:italic;line-height:1}.mock-retro p{color:#fff3ad;letter-spacing:.12em;margin:0;font-size:8px;line-height:1.55}.retro-meta{border-top:1px solid #68eced8c;margin-top:12px;padding-top:8px}.mock-retro button{color:#ffdf78;letter-spacing:.08em;background:0 0;border:1px solid #ffdf78;align-self:center;margin-top:12px;padding:6px 24px;font-size:9px}.preview-kawaii{background:#fff1f6}.mock-kawaii{color:#d66c8b;text-align:center;background:#fff;border:2px solid #f4a6bc;border-radius:28px;flex-direction:column;padding:20px;width:64%!important;height:auto!important;min-height:0!important}.mock-kawaii span{color:#a3cec6;letter-spacing:.12em;font-size:8px;position:static}.mock-kawaii h4{letter-spacing:-.07em;margin:7px 0 4px;font-size:28px;font-weight:700}.mock-kawaii p{color:#8e7d86;margin:0 0 13px;font-size:9px}.mock-kawaii button{color:#fff;background:#ef9bb5;border:0;border-radius:999px;padding:7px 19px;font-size:9px}.preview-brutal{background:#ffe151}.mock-brutal{color:#181714;background:#ff7055;border:3px solid #181714;border-radius:0;flex-direction:column;padding:16px 18px;box-shadow:8px 8px #181714;align-items:flex-start!important;width:64%!important;height:auto!important;min-height:0!important}.mock-brutal span{color:#fff;background:#181714;padding:3px 6px;font-size:8px;font-weight:700;position:static}.mock-brutal h4{letter-spacing:-.1em;margin:11px 0;font-size:25px;font-weight:900;line-height:.85}.mock-brutal button{color:#181714;background:#64daf0;border:3px solid #181714;border-radius:0;padding:7px 12px;font-size:9px;font-weight:900;box-shadow:3px 3px #181714}.design-taste-body{padding:16px}.design-taste-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.design-taste-title h3{font-size:17px;line-height:1.4}.design-taste-title span{color:var(--dim);margin-top:1px;font-size:11px;display:block}.design-taste-title>div{flex:none}.design-taste-title small{min-width:0;color:var(--body);text-align:right;font-size:11px;line-height:1.55}.design-taste-body>p{color:var(--body);margin-top:10px;font-size:13px;line-height:1.75}.design-taste-body>ul{flex-wrap:wrap;gap:5px;margin:12px 0 0;padding:0;list-style:none;display:flex}.design-taste-body>ul li{color:var(--muted);background:var(--chip-soft);border-radius:5px;padding:3px 6px;font-size:11px}.design-prompt{border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--surface-sunk);margin-top:14px;padding:10px 52px 10px 10px;position:relative}.design-prompt>span{color:var(--dim);letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.design-prompt code{color:var(--body);margin-top:4px;font-family:inherit;font-size:11px;line-height:1.65;display:block}.design-copy{border:1px solid var(--accent-line);width:32px;height:32px;color:var(--accent);background:var(--surface);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.design-copy:hover{border-color:var(--accent);background:var(--accent-soft)}.design-copy svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.design-copy .copy-feedback{white-space:nowrap;left:auto;right:0;transform:translateY(4px)}.design-copy.is-copied .copy-feedback{transform:translate(0)}.ref-note{border-left:2px solid var(--accent-line);margin-top:14px;padding:2px 0 2px 12px}.ref-note>span{color:var(--dim);letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.ref-note p{color:var(--body);white-space:pre-line;margin-top:3px;font-size:12px;line-height:1.7}.ui-sample{--p:var(--lv2);--p-ink:var(--lv2-ink);--p-bg:var(--lv2-bg);--p-line:#c3d2ea;--p-soft:#dbe5f4;border-bottom:1px solid var(--line);background:var(--lv2-band);height:136px;color:var(--p-ink);place-items:center;padding:14px;font-size:10px;line-height:1.3;display:grid;overflow:hidden}.ui-sample svg{display:block}.uis-l{background:var(--p-soft);border-radius:3px;width:100%;height:5px;display:block}.uis-l.m{width:65%}.uis-l.s{width:40%}.uis-l.d{background:var(--p-line)}.uis-screen,.uis-phone{border:1.5px solid var(--p-line);background:#fff;position:relative;overflow:hidden}.uis-screen{border-radius:8px;width:176px;height:104px}.uis-phone{border-radius:12px;width:68px;height:104px}.uis-body{gap:7px;padding:12px 10px;display:grid}.uis-dim{background:#1c1b1a47;position:absolute;inset:0}.uis-btn{border:1.2px solid var(--accent);color:#fff;background:var(--accent);white-space:nowrap;border-radius:5px;place-items:center;height:16px;padding:0 7px;font-size:8.5px;font-weight:700;display:inline-grid}.uis-btn.o{border-color:var(--p);color:var(--p);background:#fff}.uis-btn.lg{border-radius:6px;min-width:104px;height:24px;padding:0 16px;font-size:10.5px}.uis-btn.is-disabled{border-color:var(--chip);color:var(--faint);background:var(--chip)}.uis-header{border-bottom:1.5px solid var(--p-line);background:var(--p-bg);align-items:center;gap:6px;height:22px;padding:0 8px;display:flex}.uis-header .uis-l{background:var(--p-line);flex:none;width:18px}.uis-logo{background:var(--p);border-radius:3px;width:10px;height:10px}.uis-search{border:1px solid var(--p-line);background:#fff;border-radius:5px;width:40px;height:10px;margin-left:auto}.uis-card{border:1.5px solid var(--p-line);background:#fff;border-radius:8px;gap:9px;width:184px;padding:9px;display:flex}.uis-img{background:var(--p-bg);border-radius:5px;flex:none;width:58px;height:58px;overflow:hidden}.uis-img svg{width:58px;height:58px}.uis-img .sun{fill:var(--p-line)}.uis-img .mt{fill:var(--p);opacity:.65}.uis-stack{flex:1;align-content:start;gap:6px;display:grid}.uis-stack .uis-btn{justify-self:start;margin-top:2px}.uis-card.is-skeleton{border-color:var(--line)}.uis-card.is-skeleton .uis-img,.uis-card.is-skeleton .uis-l{background:#e8e5e0}.uis-card.is-skeleton .uis-stack{gap:8px;padding-top:3px}.uis-acc{border:1.5px solid var(--p-line);background:#fff;border-radius:7px;width:176px;overflow:hidden}.uis-acc-row{align-items:center;height:23px;padding:0 9px;display:flex}.uis-acc-row+.uis-acc-row,.uis-acc-body+.uis-acc-row{border-top:1px solid var(--p-line)}.uis-acc-row.open{background:var(--p-bg)}.uis-acc-body{gap:6px;padding:8px 9px;display:grid}.uis-chev{border-right:1.5px solid var(--p);border-bottom:1.5px solid var(--p);width:6px;height:6px;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.uis-chev.up{transform:translateY(2px)rotate(-135deg)}.uis-chips{flex-wrap:wrap;justify-content:center;gap:6px;width:184px;display:flex}.uis-chip{border:1.2px solid var(--p-line);border-radius:var(--r-pill);height:20px;color:var(--p-ink);background:#fff;align-items:center;gap:4px;padding:0 9px;font-size:9.5px;font-weight:700;display:inline-flex}.uis-chip.on{border-color:var(--p);color:#fff;background:var(--p)}.uis-chip b{opacity:.85;font-weight:400}.uis-people{gap:12px;width:150px;display:grid}.uis-person{align-items:center;gap:10px;display:flex}.uis-avatar{border:1.5px solid var(--p-line);background:var(--p-bg);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.uis-avatar svg{width:32px;height:32px;fill:var(--p)}.uis-avatar.initial{color:#fff;background:var(--accent);border:0;font-size:13px;font-weight:700}.uis-tabs-wrap{border:1.5px solid var(--p-line);background:#fff;border-radius:7px;width:176px;overflow:hidden}.uis-tabs{border-bottom:1.5px solid var(--p-line);display:flex}.uis-tabs span{color:var(--dim);text-align:center;flex:1;padding:5px 0;font-size:9.5px;font-weight:700}.uis-tabs .on{color:var(--p);box-shadow:inset 0 -2.5px 0 var(--p)}.uis-tab-body{gap:6px;padding:10px;display:grid}.uis-seg-wrap{justify-items:center;gap:10px;display:grid}.uis-seg{border-radius:var(--r-pill);background:var(--p-soft);padding:2px;display:flex}.uis-seg span{border-radius:var(--r-pill);width:44px;color:var(--p-ink);text-align:center;padding:3px 0;font-size:9.5px;font-weight:700}.uis-seg .on{color:#fff;background:var(--p)}.uis-chart{align-items:flex-end;gap:5px;height:36px;display:flex}.uis-chart i{background:var(--p-line);border-radius:3px 3px 0 0;width:13px}.uis-chart i:first-child{height:40%}.uis-chart i:nth-child(2){height:70%}.uis-chart i:nth-child(3){height:55%}.uis-chart i:nth-child(4){height:90%}.uis-chart i:nth-child(5){height:62%}.uis-chart i:nth-child(6){height:80%}.uis-chart i:nth-child(7){height:48%}.uis-toggles{gap:8px;width:164px;display:grid}.uis-set{border:1.5px solid var(--p-line);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.uis-switch{border-radius:var(--r-pill);background:#cfcac2;width:30px;height:17px;position:relative}.uis-switch:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.uis-switch.on{background:var(--p)}.uis-switch.on:after{left:15px}.uis-dialog{background:#fff;border-radius:6px;gap:6px;width:118px;padding:10px 9px 8px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0000002e}.uis-x{color:var(--p);font-size:10px;font-style:normal;position:absolute;top:2px;right:6px}.uis-actions{justify-content:flex-end;gap:4px;margin-top:3px;display:flex}.uis-actions .uis-btn{height:14px;padding:0 5px;font-size:7.5px}.uis-drawer{border-right:1.5px solid var(--p-line);background:#fff;align-content:start;gap:8px;width:66px;padding:12px 9px;display:grid;position:absolute;top:0;bottom:0;left:0}.uis-phone .uis-body{padding:12px 8px}.uis-sheet{background:#fff;border-radius:10px 10px 0 0;gap:6px;padding:6px 8px 11px;display:grid;position:absolute;bottom:0;left:0;right:0}.uis-grip{background:var(--p-line);border-radius:2px;justify-self:center;width:18px;height:3px;margin-bottom:2px}.uis-pop-wrap{justify-items:center;gap:9px;display:grid}.uis-pop{border:1.5px solid var(--p-line);background:#fff;border-radius:7px;width:132px;padding:5px;display:grid;position:relative;box-shadow:0 3px 10px #00000014}.uis-pop:after{content:"";border-right:1.5px solid var(--p-line);border-bottom:1.5px solid var(--p-line);background:#fff;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.uis-pop-item{color:var(--ink);border-radius:4px;padding:5px 7px;font-size:10.5px;font-weight:700}.uis-pop-item:first-child{background:var(--p-bg)}.uis-tip-wrap{justify-items:center;gap:8px;display:grid}.uis-tip{color:#fff;background:var(--ink);border-radius:5px;padding:6px 12px;font-size:10.5px;font-weight:700;position:relative}.uis-tip:after{content:"";background:var(--ink);width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.uis-icon-btn{border:1.5px solid var(--p);background:#fff;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.uis-icon-btn svg{fill:none;width:19px;height:19px;stroke:var(--p);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.uis-toast{border-radius:var(--r-pill);color:#fff;background:var(--ink);white-space:nowrap;padding:4px 11px;font-size:9px;font-weight:700;position:absolute;bottom:9px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0000002e}.uis-snack{color:#fff;background:var(--p-ink);border-radius:5px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:8.5px;font-weight:700;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.uis-snack b{color:#ffc9a8}.uis-badges{align-items:center;gap:22px;display:flex}.uis-bell{width:52px;height:52px;position:relative}.uis-bell svg{width:52px;height:52px;fill:var(--p)}.uis-bell b{border:2px solid var(--lv2-band);border-radius:var(--r-pill);color:#fff;background:var(--danger);place-items:center;min-width:18px;height:18px;font-size:9px;display:grid;position:absolute;top:2px;right:0}.uis-item{border:1.5px solid var(--p-line);background:#fff;border-radius:6px;align-items:center;gap:6px;width:96px;padding:7px 8px;display:flex}.uis-item em{border-radius:var(--r-pill);color:#fff;background:var(--accent);flex:none;padding:1px 6px;font-size:8px;font-style:normal;font-weight:700}.uis-progress{gap:7px;width:176px;display:grid}.uis-progress-head{justify-content:space-between;font-size:9.5px;font-weight:700;display:flex}.uis-bar{border-radius:var(--r-pill);background:var(--p-soft);height:10px;overflow:hidden}.uis-bar i{border-radius:var(--r-pill);background:var(--p);width:60%;height:100%;display:block}.uis-crumbs{border:1.5px solid var(--p-line);background:#fff;border-radius:7px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex}.uis-crumbs span{color:var(--p);text-underline-offset:2px;text-decoration:underline}.uis-crumbs i{color:var(--dim);font-style:normal}.uis-crumbs strong{color:var(--ink)}.uis-pages{gap:4px;display:flex}.uis-pages span{border:1.2px solid var(--p-line);min-width:21px;height:21px;color:var(--p-ink);background:#fff;border-radius:5px;place-items:center;font-size:9.5px;font-weight:700;display:grid}.uis-pages .on{border-color:var(--p);color:#fff;background:var(--p)}.uis-pages .gap{background:0 0;border-color:#0000}.uis-steps{align-items:flex-start;display:flex}.uis-steps>div{justify-items:center;gap:4px;display:grid}.uis-steps b{border:1.5px solid var(--p-line);width:23px;height:23px;color:var(--p-ink);background:#fff;border-radius:50%;place-items:center;font-size:10px;display:grid}.uis-steps .on b{border-color:var(--p);color:var(--p)}.uis-steps .done b{border-color:var(--p);color:#fff;background:var(--p)}.uis-steps small{color:var(--p-ink);font-size:9px;font-weight:700}.uis-steps>i{background:var(--p-line);width:32px;height:1.5px;margin-top:11px}.uis-steps>i.on{background:var(--p)}.uis-btns{justify-items:center;gap:8px;display:grid}.uis-filter{justify-items:start;gap:9px;display:grid}.uis-filter-row{align-items:center;gap:5px;display:flex}.uis-select{border:1.2px solid var(--p-line);border-radius:var(--r-pill);color:var(--p-ink);background:#fff;padding:3px 9px;font-size:9px;font-weight:700}.uis-count{color:var(--dim);margin-left:4px;font-size:9.5px;font-weight:700}.uis-clear{color:var(--accent);text-underline-offset:2px;font-size:9px;font-weight:700;text-decoration:underline}.uis-empty{border:1.5px dashed var(--p-line);background:#fff;border-radius:8px;justify-items:center;gap:7px;width:164px;padding:12px;display:grid}.uis-empty-icon{width:24px;height:24px;color:var(--p);background:var(--p-bg);border-radius:50%;place-items:center;font-weight:700;display:grid}.uis-empty .uis-l{width:60%}.uis-form{gap:4px;width:164px;display:grid}.uis-form small{color:var(--p-ink);font-size:9px;font-weight:700}.uis-input{border:1.5px solid var(--p-line);height:23px;color:var(--ink);background:#fff;border-radius:5px;align-items:center;padding:0 8px;font-size:9.5px;display:flex}.uis-input.is-error{border-color:var(--danger);background:var(--danger-bg)}.uis-form em{color:var(--danger-ink);font-size:9px;font-style:normal;font-weight:700}.uis-form em.is-muted{color:var(--dim);font-weight:500}.uis-form .uis-btn{justify-self:stretch;margin-top:4px}.ui-sample.is-neutral{color:var(--ink);background:#f5f5f3}.cps{align-items:center;gap:16px;display:flex}.cps-swatches{gap:4px;display:flex}.cps-swatches>div{justify-items:center;gap:2px;width:44px;display:grid}.cps-swatches i{border:1px solid #0000001a;border-radius:6px;width:40px;height:44px}.cps-swatches small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:8px;font-weight:700}.cps-swatches code{color:var(--dim);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:7.5px}.cps-ui{background:var(--c0);border:1px solid #0000001a;border-radius:7px;width:108px;overflow:hidden}.cps-bar{background:var(--c2);height:14px}.cps-body{background:var(--c1);gap:5px;padding:8px;display:grid}.cps-body b{color:var(--c4);font-size:10px}.cps-body span{background:var(--c4);opacity:.35;border-radius:2px;height:4px}.cps-body span.s{width:60%}.cps-body em{color:#fff;background:var(--c3);border-radius:4px;justify-self:start;margin-top:2px;padding:2px 8px;font-size:8.5px;font-style:normal;font-weight:700}.cps-ratio{gap:10px;width:220px;display:grid}.cps-ratio-bar{border-radius:7px;height:34px;display:flex;overflow:hidden}.cps-ratio-bar i{color:#fff;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid}.cps-ratio-bar .base{width:70%;color:var(--muted);background:#e9e5dd}.cps-ratio-bar .main{background:var(--lv2);width:25%}.cps-ratio-bar .accent{background:var(--accent);width:5%;font-size:0}.cps-ratio-legend{color:var(--muted);justify-content:center;gap:12px;font-size:9.5px;font-weight:700;display:flex}.cps-ratio-legend span{align-items:center;gap:4px;display:flex}.cps-ratio-legend i{border-radius:2px;width:9px;height:9px}.cps-ratio-legend .base{background:#e9e5dd}.cps-ratio-legend .main{background:var(--lv2)}.cps-ratio-legend .accent{background:var(--accent)}.cps-contrast{gap:10px;display:flex}.cps-contrast>div{background:#fff;border-radius:7px;gap:3px;width:104px;padding:10px;display:grid}.cps-contrast b{font-size:9px}.cps-contrast span{font-size:13px;font-weight:700}.cps-contrast small{font-size:8.5px}.cps-contrast .ok b{color:var(--lv1-ink)}.cps-contrast .ok span{color:#1c1b1a}.cps-contrast .ok small{color:var(--muted)}.cps-contrast .ng b{color:var(--danger-ink)}.cps-contrast .ng span{color:#cfcac2}.cps-contrast .ng small{color:var(--muted)}.cps-limited{gap:10px;display:grid}.cps-limited>div{align-items:center;gap:5px;display:flex}.cps-limited span{border-radius:4px;width:26px;height:18px}.cps-limited small{margin-left:6px;font-size:9.5px;font-weight:700}.cps-limited .ng small{color:var(--danger-ink)}.cps-limited .ok small{color:var(--lv1-ink)}.ff-gothic{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif}.ff-mincho{font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,Noto Serif JP,serif}.ff-rounded{font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif}.ff-serif{font-family:Playfair Display,Georgia,Times New Roman,serif}.ff-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tps-family{text-align:center;justify-items:center;gap:6px;display:grid}.tps-family b{font-size:34px;font-weight:600;line-height:1.1}.tps-family span{color:var(--body);font-size:12px}.tps-mono{color:#e8e6e1;white-space:pre;background:#23211f;border-radius:7px;gap:3px;padding:10px 14px;font-size:11.5px;display:grid}.tps-mono em{color:#9fc3ff;font-style:normal}.tps-pair{gap:12px;display:flex}.tps-pair>div{background:#fff;border-radius:7px;width:150px;padding:9px 10px}.tps-pair small,.tps-measure small,.tps-weight small,.tps-tracking small{color:var(--dim);font-size:8.5px;font-weight:700;display:block}.tps-pair p{color:var(--body);margin-top:3px;font-size:9.5px}.tps-pair b{color:var(--ink);margin-top:2px;line-height:1.2;display:block}.j-low{font-size:13px}.j-high{letter-spacing:-.02em;font-size:24px}.lh-tight{line-height:1.3}.lh-wide{line-height:1.8}.al-left{text-align:left}.al-center{text-align:center;font-weight:700}.tps-weight{gap:16px;display:flex}.tps-weight>div{justify-items:center;gap:4px;display:grid}.tps-weight b{font-size:26px;line-height:1.1}.tps-tracking{gap:22px;display:flex}.tps-tracking>div{justify-items:center;gap:6px;display:grid}.t-tight{letter-spacing:-.03em;font-size:20px}.t-wide{color:var(--accent);letter-spacing:.22em;font-size:12px}.tps-measure{gap:8px;display:grid}.tps-measure>div{background:#fff;border-radius:6px;padding:6px 10px}.tps-measure p{color:var(--body);font-size:9.5px;line-height:1.6}.tps-measure .ok p{max-width:190px}.tps-measure .ng p{max-width:360px}.tps-measure .ok small{color:var(--lv1-ink)}.tps-measure .ng small{color:var(--danger-ink)}.ifs-svg{width:300px;max-width:100%;height:auto;overflow:visible}.ifs-svg .node{fill:#fff;stroke:var(--p-line);stroke-width:1.5px}.ifs-svg .node.hi{fill:var(--p);stroke:var(--p)}.ifs-svg .decision{fill:var(--p-bg);stroke:var(--p);stroke-width:1.5px}.ifs-svg .leaf{fill:var(--p-soft)}.ifs-svg .edge{fill:none;stroke:var(--p-line);stroke-width:1.5px}.ifs-svg .fill-p{fill:var(--p-line)}.ifs-svg text{fill:var(--p-ink);text-anchor:middle;font-size:10px;font-weight:700}.ifs-svg text.on{fill:#fff}.ifs-table{border-collapse:separate;border-spacing:0;border:1.5px solid var(--p-line);background:#fff;border-radius:7px;font-size:9.5px;overflow:hidden}.ifs-table th,.ifs-table td{border-bottom:1px solid var(--p-soft);text-align:center;width:44px;height:20px;padding:0}.ifs-table tbody tr:last-child>*{border-bottom:0}.ifs-table thead th{background:var(--p-bg);color:var(--p-ink)}.ifs-table tbody th{width:52px;color:var(--p-ink);text-align:left;padding-left:8px}.ifs-table td{color:var(--p);font-weight:700}.ifs-table .rec{background:var(--accent-soft);color:var(--accent)}.ifs-table thead .rec{background:var(--accent);color:#fff}.ifs-bars{gap:7px;width:220px;display:grid}.ifs-bars>div{align-items:center;gap:8px;display:flex}.ifs-bars span{flex:none;width:28px;font-size:9.5px;font-weight:700}.ifs-bars i{background:#cfd3da;border-radius:0 4px 4px 0;height:12px}.ifs-bars .hi i{background:var(--accent)}.ifs-donut{align-items:center;gap:18px;display:flex}.ifs-ring{background:conic-gradient(var(--p) 0 45%, #7ea3d9 45% 75%, #c3d2ea 75% 90%, #e2e8f2 90% 100%);border-radius:50%;place-items:center;width:84px;height:84px;display:grid;-webkit-mask:radial-gradient(circle,#0000 0 25px,#000 26px);mask:radial-gradient(circle,#0000 0 25px,#000 26px)}.ifs-ring-wrap{position:relative}.ifs-ring-wrap b{color:var(--ink);text-align:center;place-content:center;font-size:16px;line-height:1;display:grid;position:absolute;inset:0}.ifs-ring-wrap small{color:var(--dim);margin-top:2px;font-size:8.5px;display:block}.ifs-donut ul{gap:3px;margin:0;padding:0;font-size:9.5px;font-weight:700;list-style:none;display:grid}.ifs-donut li{align-items:center;gap:5px;display:flex}.ifs-donut li i{border-radius:2px;width:9px;height:9px}.ifs-donut .d1{background:var(--p)}.ifs-donut .d2{background:#7ea3d9}.ifs-donut .d3{background:#c3d2ea}.ifs-donut .d4{background:#e2e8f2}.ifs-matrix{grid-template-columns:120px;gap:4px;display:grid}.ifs-matrix .ay{font-size:8.5px;font-weight:700}.ifs-matrix .grid{border-bottom:1.5px solid var(--p);border-left:1.5px solid var(--p);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;height:76px;display:grid}.ifs-matrix .grid i{background:#fff;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.ifs-matrix .grid i.hi{background:var(--accent-soft)}.ifs-matrix .grid b{background:var(--p-line);border-radius:50%;width:8px;height:8px}.ifs-matrix .grid i.hi b{background:var(--accent)}.ifs-matrix .ax{text-align:right;font-size:8.5px;font-weight:700}.ifs-timeline{width:250px;position:relative}.ifs-timeline .line{background:var(--p-soft);border-radius:2px;height:3px;position:absolute;top:7px;left:16px;right:16px}.ifs-timeline .fill{background:var(--p);border-radius:2px;width:66%;height:100%;display:block}.ifs-timeline .points{justify-content:space-between;display:flex;position:relative}.ifs-timeline .points>div{justify-items:center;gap:3px;width:44px;display:grid}.ifs-timeline b{border:2px solid var(--p-line);background:#fff;border-radius:50%;width:16px;height:16px}.ifs-timeline .done b{border-color:var(--p);background:var(--p)}.ifs-timeline .now b{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.ifs-timeline small{color:var(--dim);font-size:8.5px;font-weight:700}.ifs-timeline span{font-size:9.5px;font-weight:700}.ifs-timeline .now span{color:var(--accent)}.ifs-kpis{gap:8px;display:flex}.ifs-kpis>div{border:1.5px solid var(--p-line);background:#fff;border-radius:7px;gap:1px;width:92px;padding:8px 9px;display:grid}.ifs-kpis small{color:var(--dim);font-size:8.5px;font-weight:700}.ifs-kpis b{color:var(--ink);white-space:nowrap;font-size:16px;line-height:1.2}.ifs-kpis b em{color:var(--muted);margin-left:1px;font-size:8.5px;font-style:normal}.ifs-kpis .up{color:var(--lv1-ink);font-size:8.5px;font-weight:700}.ifs-kpis .down{color:var(--danger-ink);font-size:8.5px;font-weight:700}.ifs-info{align-items:center;gap:16px;display:flex}.ifs-info .people{gap:4px;display:flex}.ifs-info svg{width:26px;height:35px;fill:var(--p-line)}.ifs-info svg.hi{fill:var(--accent)}.ifs-info .fact{gap:2px;display:grid}.ifs-info .fact b{color:var(--accent);font-size:22px;line-height:1.1}.ifs-info .fact span{color:var(--ink);font-size:10.5px;font-weight:700}.ref-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ref-entry{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.ref-entry .design-taste-body{padding:18px}.ref-entry .design-prompt code{white-space:pre-line}.reference-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.reference-section-grid a{border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);background:var(--surface);align-content:start;gap:4px;padding:16px 18px;display:grid}.reference-section-grid a:hover{border-color:var(--accent-line);box-shadow:var(--shadow-hover)}.reference-section-grid small{color:var(--muted);font-size:12.5px;line-height:1.7}.reference-section-grid .is-pending{color:var(--dim);font-size:11px;font-weight:700}@media (width<=1040px){.detail-layout{padding:56px 56px 0;display:block}.detail-side{display:none}.ranking-inline{margin-top:40px;display:block}.guide-inline{margin-top:28px;display:block}.reference-layout{padding:0 56px;display:block}.reference-nav{display:none}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-band small{white-space:normal}}.tag-hero,.tool-hero{padding-top:44px}.tag-hero>p:not(.eyebrow),.tool-hero>p:not(.eyebrow){color:var(--ink-2);font-size:16px}.hero-body{margin-top:14px}.hero-body p+p{margin-top:12px}.tag-hero h1,.tool-hero h1{margin-top:8px;font-size:34px}.tag-hero p,.tool-hero p{color:var(--body);margin-top:12px}.tag-note{color:var(--warn-ink);background:var(--warn-bg);border-radius:9px;margin-top:20px;padding:14px}.tag-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tag-list a{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:14px}.tag-list small{color:var(--muted);margin-top:4px;display:block}.prompt-index{padding-bottom:48px}.prompt-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.prompt-index-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);gap:14px;padding:20px;display:grid}.prompt-index-card h2{margin-top:6px;font-size:18px}.prompt-index-card pre{border-radius:var(--r-sm);background:var(--surface-sunk);white-space:pre-wrap;max-height:260px;font:inherit;margin:0;padding:14px;font-size:12px;line-height:1.75;overflow:auto}.header-inner{justify-content:flex-start;gap:32px}.header-inner>nav{gap:26px;margin-left:auto}.header-inner>nav a{padding:23px 0 20px}.global-search{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--ground);align-items:center;gap:8px;width:240px;height:36px;padding:0 12px;display:flex}.global-search svg{fill:none;width:15px;height:15px;stroke:var(--dim);stroke-width:2px;stroke-linecap:round;flex:none}.global-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.global-search input::placeholder{color:var(--dim)}.global-search{position:relative}.global-search:focus-within{border-color:var(--ink)}.search-panel{width:440px;max-height:min(560px, calc(100vh - var(--header-h) - 32px));border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 32px #0000001a}.search-panel[hidden]{display:none}.search-status{color:var(--dim);margin:4px 8px 6px;font-size:11.5px;font-weight:700}.search-panel ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.search-result{border-radius:var(--r-sm);color:var(--ink);gap:3px;padding:9px 10px;display:grid}.search-result:hover,.search-result[aria-selected=true]{background:var(--surface-sunk)}.search-result-type{color:var(--muted);background:var(--ground);border-radius:6px;justify-self:start;padding:1px 7px;font-size:11px;font-weight:700}.search-result strong{font-size:14px;line-height:1.5}.search-result small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.search-result mark{color:var(--ink);background:var(--warn-bg);border-radius:2px;padding:0 1px}.mobile-context,.menu-toggle{display:none}.menu-toggle svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.menu-icon-close,.is-menu-open .menu-icon-open{display:none}.is-menu-open .menu-icon-close{display:inline}.site-menu{border-bottom:1px solid var(--line);background:var(--surface);position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #0000000f}.site-menu[hidden]{display:none}.menu-backdrop{z-index:40;background:#0006;position:fixed;inset:0}.menu-backdrop[hidden]{display:none}.site-menu a{border-bottom:1px solid var(--line);min-height:52px;color:var(--ink);justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.site-menu a:last-child{border-bottom:0}.site-menu a.active{color:var(--accent)}.site-menu a svg{fill:none;width:16px;height:16px;stroke:var(--dim);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.page-hero{padding:44px 0 26px}.home-hero{display:block}.home-hero-sub{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-hero h1{letter-spacing:.01em;max-width:none;font-size:30px;line-height:1.35}.page-hero p{max-width:760px;margin-top:8px;font-size:14px;line-height:1.7}.page-hero p strong{color:var(--ink);font-weight:500}.home-stats{flex:none;gap:26px;margin:0 0 4px;display:flex}.home-stats div{min-width:42px}.home-stats dt{font-size:24px;font-weight:700;line-height:1}.home-stats dd{color:var(--dim);white-space:nowrap;margin:3px 0 0;font-size:11px}.home-hero h1{letter-spacing:.01em;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,Noto Serif JP,serif;font-size:clamp(34px,5.2vw,72px);line-height:1.24}.home-hero-sub p{margin-top:14px;font-size:15px}.level-band{border-radius:var(--r-md);display:flex}.level-band>*{flex:1 1 0;align-items:center;gap:10px;min-width:0;padding:13px 18px;display:flex}.level-band>:after{display:none}.level-band strong{flex:none;font-size:14px}.level-band small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.level-code{letter-spacing:0;border-radius:7px;flex:none;padding:2px 8px;font-size:12px;font-weight:700}.level-code.level-beginner{color:var(--lv1-ink);background:var(--lv1-bg)}.level-code.level-intermediate{color:var(--lv2-ink);background:var(--lv2-bg)}.level-code.level-advanced{color:var(--lv3-ink);background:var(--lv3-bg)}.level-count{color:var(--dim);margin-left:auto;font-size:11.5px}.section{margin-top:28px}.filter-bar{align-items:center;gap:10px;margin:0;padding:12px 14px}.level-filter{gap:6px;display:flex}.level-filter button{border:1px solid var(--line-strong);border-radius:var(--r-pill);min-height:32px;color:var(--muted);background:var(--surface);padding:6px 12px;font-size:13px;font-weight:500}.level-filter button.is-selected{border-color:var(--ink);color:#fff;background:var(--ink)}.filter-divider{background:var(--line);width:1px;height:22px;margin:0 4px}.filter-pair{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.filter-pair select{border:1px solid var(--line-strong);border-radius:var(--r-pill);min-height:34px;color:var(--body);background:var(--surface);padding:6px 30px 6px 10px;font-size:13px;font-weight:500}.filter-pair-divider{height:28px;margin:0 2px}.sort-toggle{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 4px;font-size:13px;display:inline-flex}.sort-toggle strong{color:var(--body);font-weight:500}.sort-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.sort-toggle:hover{color:var(--ink);background:var(--chip)}.filter-spacer{flex:auto}.filter-controls{display:contents}.filter-open,.filter-bar .filter-search{display:none}.empty-result{border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--muted);background:var(--surface);text-align:center;justify-items:center;gap:12px;padding:36px 16px;display:grid}.empty-result[hidden]{display:none}.empty-result button{border:1px solid var(--ink);border-radius:var(--r-pill);min-height:36px;color:var(--ink);background:var(--surface);padding:6px 16px;font-weight:700}.empty-result button:hover{color:#fff;background:var(--ink)}.view-toggle{background:var(--chip);border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.view-toggle-button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.view-toggle-button:hover{color:var(--ink)}.view-toggle-button.is-selected{color:var(--ink);background:var(--surface);box-shadow:0 1px 2px #1f1c191a}.view-toggle-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.view-toggle-button rect{fill:currentColor;stroke:none}.result-head{justify-content:space-between;align-items:baseline;gap:16px;margin:18px 0 14px;display:flex}.result-head>div{align-items:baseline;gap:8px;display:flex}.result-head h2{font-size:17px}.result-head span{color:var(--dim);font-size:12px}.result-head a{font-size:13px}.pagination{justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.pagination button{border:1px solid var(--line-strong);min-width:34px;min-height:34px;color:var(--body);background:var(--surface);border-radius:8px;padding:6px 10px;font-size:13px}.pagination button:hover:not(:disabled),.pagination button[aria-current=page]{border-color:var(--ink);color:#fff;background:var(--ink)}.pagination button:disabled{cursor:default;opacity:.4}.recipe-card{min-height:250px;padding:18px 20px 16px}.recipe-card-content{padding-bottom:42px}.recipe-grid:not(.is-list) .recipe-card{height:320px}.recipe-card h2{letter-spacing:.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:14px;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.recipe-card:hover h2{color:var(--accent)}.recipe-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.recipe-card p+.card-tag-row{margin-top:10px}.card-footer{border-top:1px solid var(--line-soft);padding-top:11px;bottom:16px;left:20px;right:20px}.product-tag{font-size:12px}.product-mark{width:17px;height:17px}.recipe-grid.is-list .recipe-card{grid-template-columns:72px minmax(0,1fr) 176px;align-items:center;gap:5px 16px;min-height:112px;padding:14px 20px;display:grid}.recipe-grid.is-list .recipe-card-content,.recipe-grid.is-list .card-topline{display:contents}.recipe-grid.is-list .card-badges{grid-area:1/2;align-self:start}.recipe-grid.is-list .card-duration{grid-area:1/1/span 3;align-self:center;margin:0}.recipe-grid.is-list .recipe-card h2{grid-area:2/2;align-self:center;margin:0;font-size:16px}.recipe-grid.is-list .recipe-card p{-webkit-line-clamp:1;-webkit-box-orient:vertical;grid-area:3/2;align-self:start;margin:0;display:-webkit-box;overflow:hidden}.recipe-grid.is-list .card-footer{border-top:0;border-left:1px solid var(--line-soft);flex-direction:column;grid-area:1/3/span 3;justify-content:center;align-self:center;align-items:flex-start;gap:8px;padding:0 0 0 14px;position:static}.section-head .result-count{color:var(--dim);font-size:12px}.scoped-recipe-filter-bar{flex-wrap:wrap;gap:10px;margin:0 0 14px;display:flex}.scoped-recipe-filter-bar label{color:var(--muted);gap:3px;font-size:11px;font-weight:700;display:grid}.scoped-recipe-filter-bar select{border:1px solid var(--line-strong);border-radius:var(--r-pill);min-height:34px;color:var(--body);background:var(--surface);padding:6px 30px 6px 10px;font-size:13px;font-weight:500}.detail-layout{padding-top:0}.article-intro h1{letter-spacing:.005em;margin-top:10px;font-size:29px;line-height:1.45}.article-intro>p{margin-top:10px;font-size:14.5px;line-height:1.85}.article-meta{margin:18px 0 26px;padding:14px 0}.article-meta div{padding:0 20px}.section h2{font-size:19px}.before-after div,.content-card,.step,.facts-card{padding:16px 18px}.steps{gap:12px}.step{grid-template-columns:26px 1fr;gap:16px;padding:18px 20px}.step-number{width:26px;height:26px}.share-actions{margin-top:30px}@media (width<=860px){.book-shelf{padding:16px}.book-cover{flex-basis:60px;width:60px;height:87px}.recipe-grid,.article-meta{grid-template-columns:1fr 1fr}.article-meta div:nth-child(2){border-right:0}.article-meta div:nth-child(-n+2){border-bottom:1px solid var(--line)}.prompt-index-grid,.design-taste-grid{grid-template-columns:1fr}}@media (width<=1000px){.header-inner>nav{display:none}.menu-toggle{border-radius:var(--r-md);background:0 0;border:0;flex:none;place-items:center;width:40px;height:40px;margin:0 -8px 0 auto;padding:0;display:grid}}@media (width<=1000px) and (width>=641px){.menu-toggle{margin-left:-20px}}@media (width<=640px){:root{--header-h:52px}.wrap{padding:0 16px}.header-inner>nav,.global-search,.header-inner:has(.mobile-context) .brand{display:none}.mobile-context{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.mobile-context svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.brand{font-size:15px}.brand-mark{width:26px;height:26px}.level-band,.recipe-grid,.before-after,.article-meta,.tag-list{grid-template-columns:1fr}.level-band>*{border-right:0;border-bottom:1px solid var(--line)}.recipe-grid{gap:12px}.step-shot:not(.is-tall){width:calc(100% + 42px);max-width:var(--shot-max,none);margin-left:-42px}.detail-layout,.reference-layout{padding:0 16px}.design-reference-note{padding:18px}.design-reference-note h2,.design-group .section-head h2{font-size:18px}.design-combinations,.design-group{margin-top:28px}.design-combination-grid,.ref-entry-grid,.reference-section-grid{grid-template-columns:1fr}.ui-sample{height:auto;min-height:136px}.cps{gap:12px}.cps-swatches>div,.cps-swatches i{width:36px}.cps-swatches i{height:38px}.cps-swatches small{font-size:7px}.cps-swatches code{font-size:6.5px}.cps-ui{width:88px}.design-group .section-head{display:block}.design-group .section-head>p{margin-top:7px}.design-taste-body{padding:14px}.design-taste-card{grid-template-columns:1fr}.design-taste-preview{order:1;min-height:220px}.design-taste-body{order:2}.design-taste-title{display:block}.design-taste-title small{text-align:left;max-width:none;margin-top:5px;display:block}.article-meta div,.article-meta div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.article-meta div:last-child{border-bottom:0}.share-actions{flex-direction:column;align-items:flex-start}.home-hero{padding:18px 0 14px;display:block}.home-hero h1{font-size:26px;line-height:1.4}.home-hero-sub{display:none}.level-band{grid-template-columns:1fr;margin-top:13px;display:grid}.level-band>*{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:3px 8px;padding:11px 14px;display:grid}.level-band>:last-child{border-bottom:0}.level-band small{white-space:normal;grid-column:1/-1;font-size:12px;line-height:1.6;overflow:visible}.level-band .level-count{grid-area:1/3}.filter-bar{border:0;border-bottom:1px solid var(--line);border-radius:0;gap:7px;margin:0 -16px;padding:10px 16px;overflow:hidden}.filter-open{border:1px solid var(--line-strong);border-radius:var(--r-pill);min-height:36px;color:var(--body);background:var(--surface);align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.filter-open svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:15px;height:15px}.filter-open[aria-expanded=true]{border-color:var(--ink);color:var(--ink)}.filter-open-count{border-radius:var(--r-pill);color:#fff;background:var(--accent);place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:1;display:grid}.filter-open-count[hidden],.filter-controls{display:none}.filter-bar.is-open .filter-controls{gap:10px;width:100%;padding-top:6px;display:grid}.filter-bar .filter-search{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--ground);align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.filter-search svg{fill:none;width:15px;height:15px;stroke:var(--dim);stroke-width:2px;stroke-linecap:round;flex:none}.filter-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px;font-weight:400}.filter-search input::placeholder{color:var(--dim)}.filter-search:focus-within{border-color:var(--ink)}.filter-bar .filter-pair{grid-template-columns:84px minmax(0,1fr);align-items:center;display:grid}.filter-bar .filter-pair select{width:100%}.filter-bar .sort-toggle{justify-self:start;padding-left:0}.filter-divider,.filter-spacer,.view-toggle{display:none}.result-head{margin:11px 0 7px}.result-head h2{font-size:13px}.result-head a{display:none}.recipe-grid{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.recipe-grid>[data-recipe]+[data-recipe]{border-top:1px solid var(--line-soft)}.recipe-card{border:0;border-radius:0;min-height:0;padding:11px 13px;box-shadow:none!important;transform:none!important}.recipe-grid:not(.is-list) .recipe-card{height:auto}.recipe-grid.is-list{gap:0}.recipe-grid.is-list .recipe-card{min-height:0;padding:11px 13px;display:block}.recipe-grid.is-list .recipe-card-content,.recipe-grid.is-list .card-topline{display:block}.recipe-grid.is-list .card-topline{display:flex}.recipe-grid.is-list .recipe-card h2{margin-top:7px;font-size:13.5px}.recipe-grid.is-list .recipe-card p{display:none}.recipe-grid.is-list .card-footer{border:0;margin-top:6px;padding:0;display:flex}.recipe-card-content{padding:0}.recipe-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:13.5px;display:-webkit-box;overflow:hidden;color:var(--ink)!important}.recipe-card p{display:none}.card-footer{border:0;margin-top:6px;padding:0;position:static}.need-badge{font-size:10px}.detail-layout{padding:0 16px}.breadcrumb{padding-top:14px;font-size:11px}.article-intro h1{font-size:22px;line-height:1.5}.article-intro>p{font-size:13.5px}.article-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 22px;padding:0}.article-meta div,.article-meta div:nth-child(2){border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:12px 14px}.article-meta div:nth-child(2n){border-right:0}.article-meta div:nth-child(n+3){border-bottom:0}.article-meta div:nth-child(3):last-child{grid-column:1/-1}.verification-note{flex-direction:column;gap:6px}.section{margin-top:22px}.section h2{font-size:17px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;font-size:14px;line-height:1.85}.num{font-variant-numeric:tabular-nums;font-family:Space Grotesk,Noto Sans JP,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700}p{margin:0}img{max-width:100%;height:auto}.wrap{max-width:1440px;margin:0 auto;padding:0 56px}@media (width<=767px){.wrap,.detail-layout{padding:0 16px}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.recipe-card.reveal-ready{opacity:1;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.notfound{padding-bottom:72px}.notfound-search{max-width:640px}.notfound-search label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.notfound-search-field{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:10px;height:48px;padding:0 14px;display:flex;position:relative}.notfound-search-field:focus-within{border-color:var(--ink)}.notfound-search-field svg{fill:none;width:17px;height:17px;stroke:var(--dim);stroke-width:2px;stroke-linecap:round;flex:none}.notfound-search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.notfound-search-field input::placeholder{color:var(--dim)}.notfound-search .search-panel{z-index:5;width:auto;left:-1px;right:-1px}.notfound-links{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:880px;margin-top:48px;display:grid}.notfound-nav ul{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.notfound-nav ul a{border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);background:var(--surface);padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.notfound-nav ul a:hover{border-color:var(--ink)}.notfound-home{border-radius:var(--r-pill);color:#fff;background:var(--ink);align-items:center;min-height:44px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.notfound-home:hover{background:var(--accent)}@media (width<=640px){.notfound-links{grid-template-columns:1fr;gap:36px;margin-top:36px}}.footer-links{flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;display:flex}.footer-links a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.footer-links a:hover{color:var(--ink)}.page-main{min-width:0;padding-bottom:24px}.page-main .page-hero,.page-main .section,.page-main .facts-card{max-width:760px}.policy{gap:40px;max-width:760px;padding-bottom:24px;display:grid}.policy h2{margin-bottom:12px;font-size:20px;line-height:1.5}.policy p,.policy li{color:var(--body);font-size:15px;line-height:1.9}.policy p+p{margin-top:12px}.policy ul{margin:12px 0;padding-left:1.4em}.policy a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.policy-sends{gap:16px;margin-top:16px;display:grid}.policy-sends dl,.policy-owner{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid;overflow:hidden}.policy-sends dt,.policy-sends dd,.policy-owner dt,.policy-owner dd{border-top:1px solid var(--line);margin:0;padding:12px 16px;font-size:14px;line-height:1.8}.policy-sends dt:first-of-type,.policy-sends dd:first-of-type,.policy-owner dt:first-of-type,.policy-owner dd:first-of-type{border-top:0}.policy-sends dt,.policy-owner dt{color:var(--muted);background:var(--surface-sunk);white-space:nowrap;font-weight:700}.policy-sends dd,.policy-owner dd{color:var(--body)}.policy-date{color:var(--muted);margin-top:16px;font-size:13px}@media (width<=640px){.policy-sends dl,.policy-owner{grid-template-columns:1fr}.policy-sends dt,.policy-owner dt{white-space:normal;padding-bottom:4px}.policy-sends dd,.policy-owner dd{border-top:0;padding-top:4px}}.contact-form{gap:18px;max-width:760px;display:grid}.contact-form :is(input[type=text],input[type=email],select){max-width:460px}.contact-form label{gap:6px;display:grid}.contact-form label>span{align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.contact-form em{border-radius:var(--r-pill);color:#fff;background:var(--danger);padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.contact-form em.is-optional{color:var(--dim);background:var(--surface)}.contact-form input,.contact-form select,.contact-form textarea{box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--r-sm);width:100%;color:var(--ink);font:inherit;background:#fff;padding:10px 12px}.contact-form textarea{resize:vertical;line-height:1.8}.contact-form small{color:var(--dim);font-size:12px}.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.contact-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-consent{color:var(--body);margin:0;font-size:13px}.contact-submit{border-radius:var(--r-pill);color:#fff;background:var(--accent);cursor:pointer;border:0;justify-self:start;min-height:44px;padding:0 30px;font-size:15px;font-weight:700}.contact-submit:hover{background:var(--accent-hover)}.news-top{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-top:20px;padding:14px 18px}.news-top-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.news-top-head h2{font-size:14px;line-height:1.5}.news-top-head a{color:var(--muted);text-underline-offset:3px;white-space:nowrap;font-size:12px;text-decoration:underline}.news-top ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.news-top li{align-items:baseline;gap:12px;min-width:0;display:flex}.news-top time,.news-list time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.news-top li a{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.news-top li a:hover,.news-list a:hover{color:var(--accent)}.news-list{gap:0;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.news-list li{border-top:1px solid var(--line);gap:4px;padding:16px 0;display:grid}.news-list li:last-child{border-bottom:1px solid var(--line)}.news-list a{color:var(--ink);font-size:16px;line-height:1.6}.news-list p{color:var(--body);font-size:14px;line-height:1.8}.news-dates{color:var(--muted);font-size:13px}.news-body{margin-top:8px;display:block}.news-body h2{margin-top:36px}.news-body h2:first-child{margin-top:0}.news-extra{margin-top:32px}.news-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.news-pagination a,.news-pagination span{border:1px solid var(--line-strong);min-width:34px;min-height:34px;color:var(--body);background:var(--surface);border-radius:8px;place-items:center;padding:6px 10px;font-size:13px;display:inline-grid}.news-pagination a:hover,.news-pagination span[aria-current=page]{border-color:var(--ink);color:#fff;background:var(--ink)}.news-pagination span[aria-disabled=true]{opacity:.4}@media (width<=640px){.news-top li{gap:0;display:grid}.news-top li a{white-space:normal;overflow:visible}}.home-visual-entry{margin:22px 0 6px}.home-visual-entry h2{margin:0 0 4px;font-size:18px}.home-visual-entry>p{color:var(--muted);margin:0 0 12px;font-size:13px}.visual-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.visual-entry-grid a{border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);background:var(--surface);align-items:center;gap:14px;padding:14px 16px;display:flex}.visual-entry-grid a:hover{border-color:var(--accent-line);box-shadow:var(--shadow-hover)}.visual-entry-grid strong{font-size:15px;display:block}.visual-entry-grid small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.visual-entry-sample{background:var(--surface-sunk);border-radius:8px;flex:none;place-items:center;width:76px;height:52px;display:grid;overflow:hidden}.reference-section-grid.has-samples a{grid-template-columns:76px minmax(0,1fr);align-items:center;column-gap:16px}.reference-section-grid.has-samples .visual-entry-sample{grid-row:1/span 3}.reference-section-grid.has-samples a>:not(.visual-entry-sample){grid-column:2}.mini-sample{display:block}.mini-band{border-radius:5px;width:60px;height:22px;display:flex;overflow:hidden}.mini-band i{display:block}.mini-type{flex-direction:column;align-items:flex-start;gap:3px;width:60px;display:flex}.mini-type b{color:var(--ink);font-size:18px;font-weight:800;line-height:1}.mini-type i{background:#cfcac2;border-radius:2px;height:3px;display:block}.mini-flow{align-items:center;gap:3px;display:flex}.mini-flow i{border:1.5px solid var(--ink);background:#fff;border-radius:3px;width:15px;height:13px;display:block}.mini-flow i.is-accent{border-color:var(--accent);background:var(--accent)}.mini-flow em{background:var(--ink);width:6px;height:1.5px;display:block}.mini-screen{border:1.5px solid var(--ink);background:#fff;border-radius:5px;gap:3px;width:58px;padding:4px;display:grid}.mini-screen .bar{background:#2f4a6d;border-radius:2px;height:5px;display:block}.mini-screen>span{grid-template-columns:1fr 1fr;gap:3px;display:grid}.mini-screen>span i{background:#e9e3d8;border-radius:2px;height:12px;display:block}.mini-moods{gap:4px;display:flex}.mini-moods i{width:17px;height:22px;display:block}.mini-moods .dark{background:#24262b;border-radius:3px}.mini-moods .soft{background:#f6d6c8;border-radius:9px}.mini-moods .line{border:1.5px solid var(--ink);background:#fff}.mini-frame{background:linear-gradient(#cfe0ea,#e9e3d8);border-radius:4px;width:60px;height:40px;display:block;position:relative}.mini-frame i{background:#ffffffd9;display:block;position:absolute}.mini-frame .v1,.mini-frame .v2{width:1px;top:0;bottom:0}.mini-frame .v1{left:33.3%}.mini-frame .v2{left:66.6%}.mini-frame .h1,.mini-frame .h2{height:1px;left:0;right:0}.mini-frame .h1{top:33.3%}.mini-frame .h2{top:66.6%}.mini-frame b{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:calc(33.3% - 4px);left:calc(66.6% - 4px)}@media (width<=640px){.visual-entry-grid{grid-template-columns:1fr;gap:8px}.visual-entry-grid a{padding:11px 13px}.visual-entry-sample{width:64px;height:44px}.reference-section-grid.has-samples a{grid-template-columns:64px minmax(0,1fr)}}.mini-bubble{border:1.5px solid var(--ink);background:#fff;border-radius:7px;gap:4px;padding:6px 7px;display:grid;position:relative}.mini-bubble:after{border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);content:"";background:#fff;width:7px;height:7px;position:absolute;bottom:-5px;left:8px;transform:rotate(45deg)}.mini-bubble i{background:#cfcac2;border-radius:2px;height:3px;display:block}.mini-bubble i:first-child{background:var(--accent)}.mini-link{align-items:center;display:flex}.mini-link i{border:1.5px solid var(--ink);background:#fff;border-radius:3px;width:14px;height:14px;display:block}.mini-link em{background:var(--ink);width:7px;height:1.5px;display:block}.mini-link b{background:var(--accent);border-radius:50%;width:8px;height:8px;display:block}.mini-check{gap:5px;display:grid}.mini-check>span{align-items:center;gap:4px;display:flex}.mini-check b{border:1.5px solid #3d7f6d;border-radius:2px;width:9px;height:9px;display:block;position:relative}.mini-check b:after{content:"";border-bottom:1.5px solid #3d7f6d;border-right:1.5px solid #3d7f6d;width:3px;height:5px;position:absolute;top:0;left:2px;transform:rotate(40deg)}.mini-check i{background:#cfcac2;border-radius:2px;height:3px;display:block}.mini-cards{width:40px;height:30px;display:block;position:relative}.mini-cards i{border:1.5px solid var(--ink);background:#fff;border-radius:4px;width:30px;height:20px;display:block;position:absolute}.mini-cards i:first-child{top:0;left:10px}.mini-cards i:nth-child(2){top:5px;left:5px}.mini-cards i:nth-child(3){border-color:var(--accent);top:10px;left:0}.news-side-nav section+section{margin-top:24px}.news-side-nav ul{margin:0;padding:0;list-style:none;display:grid}.news-side-nav li+li{border-top:1px solid var(--line)}.news-side-nav a{color:var(--ink);align-items:center;gap:12px;padding:9px 0;display:flex}.news-side-nav a:hover strong{color:var(--accent)}.news-side-nav strong{font-size:13.5px;display:block}.news-side-nav small{color:var(--muted);font-size:11.5px;line-height:1.5;display:block}.news-side-nav .visual-entry-sample{border-radius:6px;width:52px;height:36px}.news-side-nav .mini-sample{zoom:.72}.news-nav-inline{display:none}@media (width<=1040px){.news-nav-inline{margin-top:32px;display:block}}