:root{color-scheme:light;--bg: #faf9f6;--surface: #ffffff;--surface-muted: #f2f5f0;--surface-warm: #fff7e8;--text: #222522;--muted: #5c665f;--border: #d9ded7;--accent: #2f6f63;--accent-dark: #214f47;--blue: #315f9f;--amber: #b87518;--rose: #a94d60;--focus: #b34a2f;--example-surface: #f8fafc;--example-surface-strong: #ffffff;--example-line: #cbd5e1;--example-ink: #1f2937;--example-muted: #64748b;--example-accent: #2563a8;--example-accent-soft: #e6f0fb;--example-accent-border: #9dbce0;--max-width: 1120px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f5f7f2 0,var(--bg) 320px),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}img,svg,video,canvas{max-width:100%}h1,h2,h3,p,li,a,span,strong,b,code{overflow-wrap:anywhere}a{color:var(--accent-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--focus)}h1,h2,h3{line-height:1.2;margin:0 0 .6rem}h1{font-size:clamp(2.2rem,5vw,4.2rem)}h2{font-size:1.45rem}p,ul{margin-top:0}.site-header{align-items:center;background:#faf9f6eb;border-bottom:1px solid var(--border);display:flex;gap:1.25rem;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:1rem 1.25rem;position:sticky;top:0;z-index:10}.site-logo{color:var(--text);font-weight:800;text-decoration:none;white-space:nowrap}.site-nav{display:flex;flex-wrap:wrap;gap:.45rem .9rem;justify-content:flex-end}.site-nav a{color:var(--muted);font-size:.92rem;line-height:1.2;min-width:0;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}.site-main{margin:0 auto;max-width:var(--max-width);padding:2.5rem 1.25rem 4rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin:0 auto;max-width:var(--max-width);padding:1.5rem 1.25rem 2rem}.hero{align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1.05fr) minmax(300px,.9fr);min-height:460px;padding:2.25rem 0 2rem}.hero-copy>p{color:var(--muted);font-size:1.16rem;max-width:620px}.hero-copy h1{font-size:clamp(2.35rem,4.2vw,3.6rem);max-width:700px}.hero-copy,.hero-specimen,.term-page,.term-body,.term-sidebar,.term-body section,.term-sidebar section,.concept-card,.comparison-card,.section-card,.entry-card,.category-preview,.visual-example,.example-window,.compact-window{min-width:0}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.15rem}.button-link{background:var(--accent-dark);border-radius:8px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;line-height:1.2;max-width:100%;min-width:0;padding:.75rem 1rem;text-align:center;text-decoration:none}.button-link:hover{background:var(--focus);color:#fff}.text-link{max-width:100%;font-weight:800}.hero-specimen{align-self:center;display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;max-width:460px;width:100%}.specimen-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 45px #214f471a;color:var(--text);display:block;min-height:132px;padding:1rem;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.specimen-card:hover,.specimen-card:focus-visible{border-color:#aab8ad;box-shadow:0 20px 44px #214f4724;color:var(--text);transform:translateY(-2px)}.specimen-card.large,.specimen-card.wide{grid-column:1 / -1}.specimen-card.large{background:var(--accent-dark);color:#fff;min-height:168px}.specimen-card.large:hover,.specimen-card.large:focus-visible{color:#fff}.specimen-card.large .mini-label{color:#d9ebe6}.specimen-card strong{display:block;font-size:1.35rem;line-height:1.2;margin-bottom:.8rem}.specimen-card span{background:#ffffff24;border:1px solid rgba(255,255,255,.28);border-radius:999px;display:inline-flex;font-size:.88rem;font-weight:800;padding:.25rem .65rem}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;margin-bottom:.75rem;text-transform:uppercase}.mini-label{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:0;margin-bottom:.6rem;text-transform:uppercase}.breadcrumbs{color:var(--muted);font-size:.84rem;line-height:1.35;margin:-.45rem 0 1.15rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .45rem;list-style:none;margin:0;padding:0}.breadcrumbs li{align-items:center;display:inline-flex;min-width:0}.breadcrumbs li+li:before{color:#8a948d;content:">";margin-right:.45rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover,.breadcrumbs a:focus-visible{color:var(--accent-dark);text-decoration:underline}.breadcrumbs span{color:var(--text);display:inline-block;max-width:min(42rem,100%);overflow-wrap:anywhere}.translation-band{align-items:start;background:var(--surface-warm);border:1px solid #ead8b7;border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);margin-bottom:3rem;padding:1.25rem}.translation-band h2{max-width:520px}.translation-list{display:grid;gap:.55rem;grid-template-columns:minmax(0,1fr) auto}.translation-list span,.translation-list strong{background:#ffffffad;border:1px solid #ead8b7;border-radius:8px;padding:.55rem .7rem}.translation-list span{color:var(--muted)}.translation-list strong{color:var(--accent-dark);min-width:128px;text-align:center}.featured-section,.section-heading{margin-bottom:2.5rem}.section-heading{max-width:760px}.section-heading p:not(.eyebrow){color:var(--muted)}.featured-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);display:grid;min-height:220px;padding:1rem;text-decoration:none}.feature-card:hover{border-color:#b7c3b8;color:var(--text)}.feature-card h3{align-self:end;font-size:1.1rem}.feature-card p{color:var(--muted);font-size:.95rem;margin-bottom:0}.feature-icon{align-items:center;align-self:start;display:flex;height:58px;justify-content:center;width:86px}.button-mark{background:var(--accent);border-radius:8px;box-shadow:inset 0 -6px #0000001f}.dropdown-mark{border:2px solid var(--blue);border-radius:8px;position:relative}.dropdown-mark:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--blue);content:"";position:absolute;right:14px;top:24px}.tooltip-mark{background:var(--rose);border-radius:999px;color:#fff;font-weight:900;width:58px}.compare-mark{border-bottom:3px solid var(--amber);border-top:3px solid var(--blue);position:relative}.compare-mark:before,.compare-mark:after{background:var(--surface-muted);border:1px solid var(--border);content:"";height:14px;position:absolute;width:58px}.compare-mark:before{top:12px}.compare-mark:after{bottom:12px}.section-grid,.entry-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;padding:0}.section-card,.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:block;padding:1rem;text-decoration:none}.section-card:hover,.entry-card:hover{border-color:#b7c3b8}.section-card h2,.entry-card h2{color:var(--text);font-size:1.1rem}.section-card p,.entry-card p{color:var(--muted);margin-bottom:0}.catalog-grid{display:grid;gap:1.15rem;grid-template-columns:repeat(3,minmax(0,1fr))}.compact-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-card,.comparison-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);display:grid;gap:1rem;grid-template-rows:auto 1fr;padding:1.05rem;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.concept-card-body{display:grid;gap:.75rem}.concept-card:hover,.concept-card:focus-visible,.comparison-card:hover,.comparison-card:focus-visible{border-color:#aab8ad;box-shadow:0 12px 28px #214f471a;color:var(--text);transform:translateY(-2px)}.concept-card:focus-visible,.comparison-card:focus-visible,.feature-card:focus-visible,.specimen-card:focus-visible,.section-card:focus-visible,.entry-card:focus-visible,.term-search-input:focus-visible,.term-search-result:focus-visible,.button-link:focus-visible,.text-link:focus-visible,.breadcrumbs a:focus-visible,.site-logo:focus-visible,.site-nav a:focus-visible{outline:3px solid rgba(179,74,47,.45);outline-offset:3px}.concept-card-heading{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:0;min-width:0}.concept-card-body h2,.comparison-card h2{font-size:1.25rem;margin-bottom:0;min-width:0}.concept-card-body h2:after,.comparison-card h2:after{background:#d69a3a;border-radius:999px;content:"";display:block;height:3px;margin-top:.55rem;width:42px}.try-it-indicator{align-items:center;border:1px solid #cbd8cf;border-radius:999px;color:var(--accent-dark);display:inline-flex;flex:0 0 auto;font-size:.72rem;font-weight:800;gap:.35rem;line-height:1;margin-top:.05rem;padding:.28rem .5rem;white-space:nowrap}.try-it-indicator span{background:var(--accent);border-radius:50%;height:.42rem;width:.42rem}.concept-card-body p,.comparison-card p,.related-line{color:var(--muted);font-size:.95rem;line-height:1.5}.concept-card-body>p:not(.mini-label),.comparison-card-body>p:not(.mini-label){margin-bottom:0}.comparison-card-body{display:grid;gap:.85rem}.comparison-cue{--cue-line: #cfd8d0;--cue-fill: #f5f8f3;--cue-fill-strong: #ffffff;--cue-ink: #47635b;--cue-accent: #d69a3a;background:#f8faf6;border:1px solid #e1e7df;border-radius:8px;min-height:76px;overflow:hidden;padding:.65rem;width:100%}.cue-pair{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr));min-height:62px}.cue-panel{background:var(--cue-fill-strong);border:1px solid var(--cue-line);border-radius:7px;min-width:0;overflow:hidden;padding:.45rem;position:relative}.cue-panel span,.cue-panel b,.cue-panel i{display:block}.cue-tabs{display:grid;gap:.35rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:14px 1fr}.cue-tabs span{background:#edf1ec;border-bottom:2px solid transparent;border-radius:5px 5px 0 0}.cue-tabs span:first-child{background:#fff7e8;border-color:var(--cue-accent)}.cue-tabs b{background:var(--cue-fill);border:1px solid #e3e8e0;border-radius:6px;grid-column:1 / -1}.cue-accordion{display:grid;gap:.35rem}.cue-accordion span,.cue-accordion b{background:#edf1ec;border:1px solid var(--cue-line);border-radius:6px}.cue-accordion b{background:#fff7e8;border-color:#ead8b7;min-height:20px}.cue-pagination,.cue-feed{display:grid;gap:.32rem}.cue-pagination span,.cue-feed span,.cue-sorting span{background:#edf1ec;border-radius:999px;min-height:7px}.cue-pagination{align-content:end}.cue-pagination b{border:1px solid var(--cue-line);border-radius:5px;display:inline-block;height:16px;width:16px}.cue-pagination b:first-of-type{background:var(--cue-ink);border-color:var(--cue-ink)}.cue-feed i{border:2px solid #c6d2c7;border-radius:999px;height:14px;justify-self:center;width:14px}.cue-modal span,.cue-popup span,.cue-toast span{background:#edf1ec;border-radius:999px;height:7px;margin-bottom:.34rem;width:76%}.cue-modal b{background:var(--cue-fill-strong);border:2px solid var(--cue-ink);border-radius:7px;box-shadow:0 0 0 999px #22252214;height:28px;margin:.2rem auto 0;width:54%}.cue-popup b{background:var(--cue-ink);border-radius:7px;height:24px;margin-left:auto;margin-top:.45rem;width:56%}.cue-checkbox,.cue-toggle{align-content:center;display:grid;gap:.42rem}.cue-checkbox span{border:2px solid var(--cue-ink);border-radius:5px;height:18px;position:relative;width:18px}.cue-checkbox span:first-child:after{background:var(--cue-accent);border-radius:999px;content:"";height:4px;left:3px;position:absolute;top:5px;transform:rotate(-35deg);width:10px}.cue-checkbox b,.cue-toggle span,.cue-input b{background:#edf1ec;border-radius:999px;height:8px;width:78%}.cue-toggle b{background:#dfe8df;border-radius:999px;height:20px;padding:3px;width:42px}.cue-toggle i{background:var(--cue-ink);border-radius:999px;height:14px;margin-left:auto;width:14px}.cue-filtering,.cue-sorting{align-content:center;display:grid;gap:.28rem}.cue-filtering b{background:#fff7e8;border:1px solid #ead8b7;border-radius:999px;height:16px;position:relative;width:72%}.cue-filtering b:before,.cue-filtering b:after{background:var(--cue-accent);border-radius:999px;content:"";position:absolute}.cue-filtering b:before{height:6px;left:6px;top:4px;width:6px}.cue-filtering b:after{height:2px;left:16px;top:6px;width:46%}.cue-filtering span{background:#edf1ec;border-radius:999px;height:8px}.cue-filtering span:nth-child(3){opacity:.28;width:56%}.cue-filtering span:nth-child(4){width:76%}.cue-sorting b{border-right:2px solid var(--cue-ink);border-top:2px solid var(--cue-ink);height:10px;justify-self:end;margin-right:.2rem;position:relative;transform:rotate(135deg);width:10px}.cue-sorting b:after{background:var(--cue-ink);border-radius:999px;content:"";height:2px;position:absolute;right:-1px;top:3px;transform:rotate(-45deg);transform-origin:right center;width:22px}.cue-sorting span:nth-of-type(1){width:46%}.cue-sorting span:nth-of-type(2){width:68%}.cue-sorting span:nth-of-type(3){width:90%}.cue-uploading,.cue-downloading,.cue-valid,.cue-invalid,.cue-search,.cue-input{align-content:center;display:grid;gap:.48rem}.cue-uploading,.cue-downloading{gap:.28rem;justify-items:center}.cue-uploading b,.cue-downloading b{background:#fff7e8;border:1px solid #ead8b7;border-radius:5px;height:20px;position:relative;width:18px}.cue-uploading b:after,.cue-downloading b:after{border-color:transparent #ead8b7 #ead8b7 transparent;border-style:solid;border-width:0 6px 6px 0;content:"";position:absolute;right:-1px;top:-1px}.cue-uploading i,.cue-downloading i{border-left:7px solid transparent;border-right:7px solid transparent;height:0;justify-self:center;width:0}.cue-uploading i{border-bottom:15px solid var(--cue-ink)}.cue-downloading i{border-top:15px solid var(--cue-ink)}.cue-uploading span,.cue-downloading span,.cue-valid span,.cue-invalid span{background:#edf1ec;border-radius:999px;height:9px}.cue-uploading span,.cue-downloading span{border-radius:5px;height:6px;width:60%}.cue-downloading span{order:-1}.cue-empty,.cue-error,.cue-card{align-content:center;display:grid;gap:.4rem;justify-items:center}.cue-empty b{border:2px solid #cbd6ca;border-radius:999px;height:24px;width:24px}.cue-empty span,.cue-card span{background:#edf1ec;border-radius:999px;height:8px;width:72%}.cue-error b,.cue-invalid b{background:#a94d60;border-radius:999px;height:18px;width:18px}.cue-error{background:#fffafb;border-color:#e2b8c1;justify-items:start}.cue-error b{border-radius:5px;height:22px;position:relative;width:100%}.cue-error b:before{color:#fff;content:"!";font-size:.78rem;font-weight:900;left:.42rem;line-height:1;position:absolute;top:.3rem}.cue-error span,.cue-invalid span{background:#f4e8eb}.cue-error span{height:7px;width:84%}.cue-error span:last-child{width:58%}.cue-valid b{background:var(--accent);border-radius:999px;height:18px;width:18px}.cue-valid,.cue-invalid{gap:.34rem}.cue-valid span,.cue-invalid span{background:var(--cue-fill-strong);border:2px solid var(--cue-line);border-radius:6px;height:22px}.cue-valid b,.cue-invalid b{border-radius:999px;height:7px;justify-self:start;width:68%}.cue-valid i,.cue-invalid i{border-radius:999px;height:7px;justify-self:start;width:46%}.cue-valid i{background:#dcebe4}.cue-invalid span{border-color:#d8a3ae}.cue-invalid i{background:#f4e8eb}.cue-search{grid-template-columns:1fr auto}.cue-search span,.cue-input span{background:var(--cue-fill-strong);border:2px solid var(--cue-ink);border-radius:999px;height:24px}.cue-search b{border-bottom:2px solid var(--cue-ink);height:11px;margin-top:15px;transform:rotate(45deg);width:12px}.cue-input span{border-radius:6px}.cue-toast b{background:var(--cue-ink);border-radius:7px;height:22px;margin-top:1rem;width:78%}.cue-table{display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr))}.cue-table span{background:#edf1ec;border:1px solid var(--cue-line);min-height:16px}.cue-table span:nth-child(-n+3){background:#fff7e8;border-color:#ead8b7}.cue-card{background:var(--cue-fill-strong);box-shadow:inset 0 0 0 1px var(--cue-line)}.cue-card b{background:#fff7e8;border:1px solid #ead8b7;border-radius:7px;height:24px;width:78%}.chip-row,.compare-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:0}.chip-row span,.compare-links span{background:#edf1ec;border:1px solid var(--border);border-radius:999px;color:var(--accent-dark);font-size:.78rem;font-weight:800;max-width:100%;padding:.25rem .6rem}.related-line{margin:0}.comparison-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.comparison-stack{display:grid;gap:1rem}.category-discovery-flow{display:grid;gap:1.6rem}.category-discovery-group{display:grid;gap:.85rem}.category-discovery-heading{display:grid;gap:.25rem}.category-discovery-heading h2{font-size:1.35rem;margin-bottom:0}.category-discovery-heading h2:after{background:#d69a3a;border-radius:999px;content:"";display:block;height:3px;margin-top:.45rem;width:2.5rem}.category-discovery-heading p{color:var(--muted);font-size:.95rem;margin-bottom:0}.category-discovery-group-muted{opacity:.88}.category-preview{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.category-preview p{color:var(--muted);margin-bottom:0}.category-header{max-width:760px;padding:1rem 0 2rem}.category-header p{color:var(--muted);font-size:1.1rem}.term-search{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:.65rem;margin:0 0 2rem;padding:1rem}.hero-copy .term-search{margin:1.35rem 0 0;max-width:720px}.term-search--overlay-results{position:relative;z-index:5}.term-search-heading{display:grid;gap:.1rem}.term-search-heading h2{font-size:1.15rem;margin-bottom:0}.term-search-heading .eyebrow{margin-bottom:0}.term-search-input{background:#fbfcfa;border:1px solid #bdc7bf;border-radius:8px;color:var(--text);font:inherit;min-height:48px;padding:.65rem .8rem;width:100%}.term-search-input::placeholder{color:#717d75}.term-search-status{color:var(--muted);font-size:.9rem;line-height:1.4;margin-bottom:0}.term-search-results{display:grid;gap:.65rem;min-width:0}.term-search--overlay-results .term-search-results{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 45px #214f4729;left:1rem;max-height:min(420px,calc(100vh - 12rem));overflow-x:hidden;overflow-y:auto;padding:.75rem;position:absolute;right:1rem;top:calc(100% + .5rem)}.term-search--overlay-results .term-search-results:empty{display:none}.term-search-result{background:#f8faf6;border:1px solid var(--border);border-radius:8px;color:var(--text);display:grid;gap:.35rem;min-width:0;padding:.85rem;text-decoration:none}.term-search-result:hover,.term-search-result:focus-visible{border-color:#aab8ad;color:var(--text)}.term-search-result-title{color:var(--accent-dark);font-weight:800}.term-search-result-definition{color:var(--muted);font-size:.95rem;line-height:1.45}.term-search-result-meta{display:flex;flex-wrap:wrap;gap:.4rem}.term-search-result-meta span{background:#edf1ec;border:1px solid var(--border);border-radius:999px;color:var(--accent-dark);font-size:.76rem;font-weight:800;line-height:1.2;max-width:100%;padding:.22rem .55rem}.term-search-result-meta span:first-child{background:transparent;border-color:transparent;color:var(--muted);font-weight:700;padding-left:0}.site-index{display:grid;gap:2rem}.site-index section{border-top:1px solid var(--border);padding-top:1.5rem}.index-list{display:grid;gap:.85rem;list-style:none;padding:0}.index-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.index-list a{font-weight:800}.index-list span{color:var(--muted);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;margin:.15rem 0 .35rem}.index-list p{color:var(--muted);margin-bottom:0}.all-terms-index{display:grid;gap:1.5rem}.letter-jump-list{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.letter-jump-list a{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--accent-dark);display:inline-flex;font-size:.88rem;font-weight:800;height:2rem;justify-content:center;text-decoration:none;width:2rem}.letter-jump-list a:hover,.letter-jump-list a:focus-visible{border-color:#aab8ad;color:var(--text)}.term-letter-group{border-top:1px solid var(--border);padding-top:1.25rem}.term-letter-group h2{color:var(--accent-dark);font-size:1rem;letter-spacing:0}.term-reference-list{display:grid;gap:0;list-style:none;padding:0}.term-reference-list li{border-bottom:1px solid var(--border);display:grid;gap:.35rem;padding:.85rem 0}.term-reference-list a{font-weight:800}.term-reference-list p{color:var(--muted);font-size:.98rem;line-height:1.45;margin-bottom:0}.term-reference-meta{display:flex;flex-wrap:wrap;gap:.35rem .45rem}.term-reference-meta span{border-radius:999px;font-size:.76rem;line-height:1.2}.term-reference-category{color:var(--muted);font-weight:700;padding:.18rem 0}.term-reference-alias{background:#f4f7f2;border:1px solid #dfe6dc;color:#3d6b63;font-weight:800;padding:.2rem .5rem}.term-hero{border-bottom:1px solid var(--border);margin-bottom:2rem;max-width:840px;padding-bottom:1.5rem}.definition{color:var(--muted);font-size:1.25rem;line-height:1.45}.term-quick-strip{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.2rem}.term-quick-strip span,.term-quick-strip b{border-radius:999px;font-size:.82rem;line-height:1.2;padding:.35rem .65rem}.term-quick-strip span{color:var(--muted);font-weight:800;padding-left:0}.term-quick-strip b{background:#edf1ec;border:1px solid var(--border);color:var(--accent-dark);max-width:100%}.term-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 300px}.term-body,.term-sidebar{display:grid;gap:1.5rem}.term-body section,.term-sidebar section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.term-body section>:last-child,.term-sidebar section>:last-child{margin-bottom:0}.term-body ul,.term-sidebar ul{margin-bottom:0;padding-left:1.2rem}.term-sidebar{position:sticky;top:5.5rem}.term-sidebar h2{font-size:1rem}.natural-phrases-section{border-color:#dfe6e0}.natural-phrases-list{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding-left:0}.natural-phrases-list li{background:#f6f8f5;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.86rem;line-height:1.3;max-width:100%;padding:.35rem .65rem}.discovery-section,.decision-section{display:grid;gap:1rem}.discovery-note,.decision-intro{color:var(--muted);margin-bottom:0}.discovery-card-grid,.decision-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.related-concept-card,.decision-card{background:#f8faf6;border:1px solid var(--border);border-radius:8px;color:var(--text);display:block;padding:1rem;text-decoration:none}.related-concept-card{padding-top:.9rem}.related-concept-card:hover,.related-concept-card:focus-visible,.decision-card:hover,.decision-card:focus-visible{border-color:#aab8ad;color:var(--text)}.related-concept-card h3,.decision-card h3{font-size:1.05rem}.related-concept-card h3:after,.decision-card h3:after{background:#d69a3a;border-radius:999px;content:"";display:block;height:3px;margin-top:.45rem;width:34px}.related-concept-card p,.decision-card p{color:var(--muted);font-size:.92rem;margin-bottom:0}.comparison-entry{background:#f3f7f4}.backlink-row{display:flex;flex-wrap:wrap;gap:.65rem}.backlink-row a{background:#edf1ec;border:1px solid var(--border);border-radius:999px;font-size:.9rem;font-weight:800;padding:.35rem .75rem;text-decoration:none}.reference-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}.reference-layout>.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-layout .category-discovery-flow .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.above-fold-ad-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) 260px}.above-fold-ad-layout-home{gap:1.25rem;grid-template-columns:minmax(0,1fr) 240px}.listing-top-layout{margin-bottom:1.75rem}.above-fold-inline-ad{display:none}.home-hero-inline-ad{grid-column:1 / -1}.above-fold-rail-ad{margin-top:1rem}.term-sidebar>.above-fold-rail-ad{margin-top:0}.planned-term-grid{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.planned-term-grid span{background:#edf1ec;border:1px solid var(--border);border-radius:999px;color:var(--accent-dark);font-size:.86rem;font-weight:800;max-width:100%;padding:.35rem .7rem}.homepage-browse{display:grid;gap:1.25rem;margin-top:2.5rem}.homepage-browse-grid{align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) minmax(260px,.5fr)}.visual-example{background:linear-gradient(90deg,rgba(84,126,91,.14) 1px,transparent 1px),linear-gradient(180deg,rgba(84,126,91,.14) 1px,transparent 1px),linear-gradient(180deg,#fbfdf8db,#eff7ece6),#eff7ec;background-size:24px 24px;border:1px solid #cbdac4;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffb8;overflow:hidden;padding:1rem}.visual-example>*,.compact-visual>*{max-width:100%;min-width:0}.example-button,.example-dropdown,.example-pagination,.example-infinite-scroll,.example-pagination-infinite-scroll,.example-checkbox-toggle,.example-checkbox,.example-toggle,.example-text-input,.example-search-bar,.example-search-bar-text-input,.example-form,.example-table,.example-table-card,.example-card,.example-breadcrumb,.example-progress-indicator,.example-filtering,.example-sorting,.example-filtering-sorting,.example-searching,.example-drag-and-drop,.example-uploading,.example-downloading,.example-uploading-downloading,.example-validation,.example-validation-validation-error,.example-multi-select,.example-loading-state,.example-disabled-state,.example-dashboard-layout,.example-sidebar-layout,.example-split-pane,.example-wizard-flow,.example-responsive-layout,.example-grid-layout,.example-card-layout,.example-feed-layout,.example-top-navigation,.example-mobile-navigation,.example-structured-data,.example-table-data,.example-csv-file,.example-json,.example-metadata,.example-tags,.example-categories,.example-document,.example-image,.example-video{--example-accent: #2563a8;--example-accent-soft: #e6f0fb;--example-accent-border: #9dbce0}.example-tabs,.example-sidebar-navigation,.example-tabs-accordion{--example-accent: #4f46a5;--example-accent-soft: #ececff;--example-accent-border: #b7b5ee}.example-accordion{--example-accent: #b66a12;--example-accent-soft: #fff3dc;--example-accent-border: #e5bd78}.example-modal,.example-popup,.example-tooltip,.example-modal-popup,.example-toast-message-modal,.example-toast-message{--example-accent: #6d43b5;--example-accent-soft: #f0e9ff;--example-accent-border: #c3aceb}.example-error-message,.example-empty-state-error-message,.example-validation-error{--example-accent: #b42318;--example-accent-soft: #fff1f0;--example-accent-border: #f0a29a}.example-success-message{--example-accent: #287a45;--example-accent-soft: #e8f6ed;--example-accent-border: #9ccfac}.example-empty-state{--example-accent: #64748b;--example-accent-soft: #f1f5f9;--example-accent-border: #cbd5e1}.compact-visual{align-content:center;display:grid;justify-items:center;min-height:178px;padding:.8rem}.compact-visual .example-window,.compact-visual .compact-window{box-shadow:none}.compact-visual .example-window{max-width:100%}.compact-visual .example-window,.compact-visual .compact-window,.compact-visual .checkout-panel,.compact-visual .list-demo,.compact-visual .table-demo,.compact-visual .drop-demo,.compact-visual .popup-stage,.compact-visual .modal-stage,.compact-visual .toast-stage,.compact-visual .pattern-demo{min-width:0;width:100%}.compact-visual .window-bar,.compact-visual .checkout-panel .mini-label,.compact-visual .checkout-panel h3,.compact-visual .checkout-panel p,.compact-visual .demo-panel p{display:none}.compact-visual .checkout-panel,.compact-visual .compact-window{padding:.85rem}.compact-visual .checkout-panel p,.compact-visual .demo-panel p,.compact-visual .accordion-body{font-size:.82rem}.compact-visual .button-row,.compact-visual .toolbar-demo,.compact-visual .tab-row,.compact-visual .accordion-row{gap:.45rem}.compact-visual .demo-button,.compact-visual .tab-row span,.compact-visual .accordion-row,.compact-visual .check-row,.compact-visual .setting-row,.compact-visual .pager b,.compact-visual .pager span{font-size:.8rem}.compact-visual .demo-button{padding:.5rem .65rem}.compact-visual .demo-panel,.compact-visual .accordion-body{padding:.6rem}.compact-visual .layout-demo aside span{overflow:hidden;text-overflow:clip;white-space:nowrap}.compact-visual .modal-stage,.compact-visual .popup-stage,.compact-visual .toast-stage,.compact-visual .layout-demo,.compact-visual .sidebar-layout-demo,.compact-visual .split-pane-demo,.compact-visual .toolbar-demo{min-height:142px}.compact-visual .modal-page-lines{gap:.45rem;inset:.75rem}.compact-visual .modal-box,.compact-visual .content-card-demo,.compact-visual .empty-demo{box-shadow:none;padding:.75rem}.example-window{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;box-shadow:0 18px 35px #1e293b24;margin:0 auto;max-width:560px;overflow:hidden;width:100%}.compact-window{max-width:420px;padding:1.2rem}.window-bar{align-items:center;background:#eef2f7;border-bottom:1px solid var(--example-line);display:flex;gap:.35rem;padding:.7rem}.window-bar span{background:#94a3b8;border-radius:999px;height:9px;width:9px}.checkout-panel{padding:1.35rem}.checkout-panel h3,.demo-panel strong{color:var(--example-ink)}.checkout-panel p,.demo-panel p,.accordion-body{color:var(--example-muted)}.button-row,.toolbar-demo,.tab-row,.accordion-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.demo-button{border:1px solid transparent;border-radius:8px;box-shadow:0 2px #2633271f;cursor:default;font:inherit;font-size:.95rem;font-weight:800;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:.65rem .9rem;text-align:center}.demo-button.primary{background:var(--example-accent);border-color:color-mix(in srgb,var(--example-accent) 80%,#111827);color:#fff}.demo-button.secondary{background:var(--example-accent-soft);border-color:var(--example-accent-border);color:var(--example-accent)}.try-example{display:grid;gap:.85rem}.try-label{color:var(--accent-dark);font-size:.95rem;font-weight:800;margin:0}.try-example button,.try-example select,.try-example input,.try-example summary{font:inherit}.try-example button:not(:disabled),.try-example summary,.try-example select,.try-example input[type=checkbox]{cursor:pointer}.try-example button:focus-visible,.try-example select:focus-visible,.try-example input:focus-visible,.try-example summary:focus-visible{outline:3px solid rgba(179,74,47,.45);outline-offset:3px}.try-accordion-item{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;overflow:hidden}.try-accordion-item+.try-accordion-item{margin-top:.6rem}.try-accordion-item summary{color:var(--example-ink);font-weight:800;list-style-position:inside;padding:.65rem .75rem}.try-accordion-item[open] summary{background:var(--example-accent-soft);color:var(--example-accent)}.try-accordion-item p{border-top:1px solid var(--example-accent-border);color:var(--example-muted);margin:0;padding:.75rem}.try-tab-list{align-items:center;border-bottom:1px solid var(--example-line);display:flex;gap:.6rem;margin-bottom:1rem}.try-tab-list button{background:transparent;border:0;border-radius:8px 8px 0 0;color:var(--example-muted);font-size:.9rem;font-weight:800;padding:.55rem .7rem}.try-tab-list button[aria-selected=true]{background:var(--example-accent-soft);box-shadow:inset 0 -3px 0 var(--example-accent);color:var(--example-accent)}.try-tab-panel[hidden]{display:none}.modal-stage>.demo-button{justify-self:center;position:relative;z-index:1}.try-modal{background:var(--example-surface-strong);border:1px solid var(--example-accent-border);border-radius:8px;box-shadow:0 22px 45px #4c1d953d;color:var(--example-ink);max-width:min(340px,calc(100vw - 2rem));padding:1rem}.try-modal::backdrop{background:#1f293757}.try-modal p{color:var(--example-muted);font-size:.95rem}.try-select{appearance:auto;background:var(--example-surface-strong);border:2px solid var(--example-accent);border-radius:8px;box-shadow:0 0 0 3px var(--example-accent-soft);color:var(--example-ink);padding:.65rem .75rem;width:100%}.try-input{background:var(--example-surface-strong);border:2px solid var(--example-accent-border);border-radius:8px;color:var(--example-ink);min-width:0;padding:.65rem .75rem;width:100%}.try-search-input{border-color:var(--example-accent);box-shadow:0 0 0 3px var(--example-accent-soft)}.try-status{color:var(--example-muted);font-size:.92rem;font-weight:800;margin:0}.try-search-results{display:grid;gap:.45rem}.try-search-results span{background:var(--example-surface);border:1px solid var(--example-line);border-radius:8px;color:var(--example-ink);font-weight:800;padding:.5rem .65rem}.try-search-results span[hidden],.try-toast[hidden]{display:none}.try-toggle-button{background:transparent;border:0;border-radius:999px;flex:0 0 auto;padding:0}.try-toggle-button .toggle-switch{display:flex}.try-example .check-row input{accent-color:var(--example-accent);flex:0 0 auto;height:20px;width:20px}.try-example .check-row.checked{background:var(--example-accent-soft);border-color:var(--example-accent-border)}.try-example .toast-stage{display:grid;place-items:center}.try-example .progress-track{width:100%}.try-example .progress-track span{transition:width .18s ease}.try-example .tooltip-bubble{opacity:0;pointer-events:none;transform:translate(-50%,.25rem);transition:opacity .14s ease,transform .14s ease}.try-example .tooltip-target:hover .tooltip-bubble,.try-example .tooltip-target:focus-within .tooltip-bubble{opacity:1;transform:translate(-50%)}.try-page-status{color:var(--example-ink);font-size:.95rem;font-weight:800;margin:0}.list-demo>span[data-page-item],.try-infinite-list>span{color:var(--example-muted);font-size:.92rem;font-weight:800;padding:.45rem .65rem}.pager button{align-items:center;background:var(--example-surface);border:1px solid var(--example-line);border-radius:8px;color:var(--example-ink);display:inline-flex;font-size:.88rem;font-weight:800;min-height:34px;padding:.25rem .65rem}.pager button[aria-current=page]{background:var(--example-accent);border-color:var(--example-accent);box-shadow:0 0 0 3px var(--example-accent-soft);color:#fff}.try-button-grid{display:flex;flex-wrap:wrap;gap:.65rem}.demo-button:not(:disabled):hover,.demo-button.is-hover{filter:brightness(.94);transform:translateY(-1px)}.demo-button:focus-visible,.demo-button.is-focus{outline:3px solid rgba(179,74,47,.45);outline-offset:3px}.demo-button:disabled,.demo-button.disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.48}.try-infinite-list{max-height:none}.try-infinite-list .demo-button{justify-self:center}.try-sidebar-demo aside button{background:transparent;border:0;border-radius:8px;color:var(--example-muted);font-size:.82rem;font-weight:800;padding:.45rem .5rem;text-align:left}.try-sidebar-demo main strong{color:var(--example-ink)}.field-stack{display:grid;gap:.45rem}.field-stack label{font-weight:800}.select-shell{align-items:center;background:var(--example-surface-strong);border:2px solid var(--example-accent);border-radius:8px;box-shadow:0 0 0 3px var(--example-accent-soft);color:var(--example-ink);display:flex;gap:.75rem;justify-content:space-between;min-width:0;padding:.65rem .75rem}.select-shell span:first-child,.input-shell,.search-shell span,.menu-list span,.field-stack label,.setting-row span,.check-row,.button-row>*,.toolbar-demo>*,.tab-row>*,.accordion-row>*,.breadcrumb-demo>*,.filter-chip-row>*,.pager>*{min-width:0}.menu-list{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;box-shadow:0 16px 30px #1e293b1f;display:grid;overflow:hidden}.menu-list span{border-bottom:1px solid var(--example-line);padding:.55rem .75rem}.menu-list span:last-child{border-bottom:0}.selected-option{background:var(--example-accent-soft);color:var(--example-accent);font-weight:800}.choice-stack,.form-demo,.drop-demo{display:grid;gap:.7rem;max-width:100%;min-width:0}.check-row,.setting-row{align-items:center;background:var(--example-surface);border:1px solid var(--example-line);border-radius:8px;color:var(--example-ink);display:flex;font-weight:800;gap:.65rem;justify-content:space-between;padding:.65rem .75rem}.check-row{justify-content:flex-start;overflow-wrap:anywhere}.check-row span{align-items:center;background:#fff;border:2px solid var(--example-accent);border-radius:4px;color:#fff;display:inline-flex;font-size:.8rem;height:22px;justify-content:center;line-height:1;width:22px}.check-row.checked span{background:var(--example-accent)}.toggle-switch{background:#cbd5e1;border-radius:999px;display:inline-flex;height:28px;padding:3px;width:52px}.toggle-switch i{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0f172a3d;display:block;height:22px;width:22px}.toggle-switch.on{background:var(--example-accent);justify-content:flex-end}.input-shell,.search-shell{align-items:center;background:var(--example-surface-strong);border:2px solid var(--example-accent-border);border-radius:8px;color:var(--example-ink);display:flex;justify-content:space-between;min-height:46px;padding:.65rem .75rem}.search-shell{border-color:var(--example-accent);box-shadow:0 0 0 3px var(--example-accent-soft)}.search-shell b{color:var(--example-accent)}.input-shell.valid{border-color:#4b9460}.input-shell.invalid{border-color:#d04437;box-shadow:0 0 0 3px #fff1f0}.table-demo{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:520px;overflow:hidden;width:100%}.table-demo.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.table-demo b,.table-demo span{border-bottom:1px solid var(--example-line);border-right:1px solid var(--example-line);color:var(--example-ink);font-size:.88rem;min-width:0;overflow-wrap:anywhere;padding:.55rem .65rem}.table-demo b{background:var(--example-accent-soft);color:var(--example-accent)}.table-demo b:nth-child(3n),.table-demo span:nth-child(3n){border-right:0}.table-demo.two-col b:nth-child(3n),.table-demo.two-col span:nth-child(3n){border-right:1px solid var(--example-line)}.table-demo.two-col b:nth-child(2n),.table-demo.two-col span:nth-child(2n){border-right:0}.content-card-demo,.empty-demo{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;box-shadow:0 16px 30px #1e293b1f;display:grid;gap:.55rem;margin:0 auto;max-width:320px;padding:1rem}.content-card-demo>span,.empty-demo>span{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:8px;display:block;height:72px}.content-card-demo p,.empty-demo p,.download-line,.success-line,.error-line{color:var(--example-muted);font-size:.9rem;margin:0}.breadcrumb-demo{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;max-width:100%}.breadcrumb-demo span{color:var(--example-accent);font-weight:800}.breadcrumb-demo b{color:var(--example-muted)}.breadcrumb-demo strong{color:var(--example-ink)}.toast-stage{background:#eff7ecad;border:1px solid var(--example-line);border-radius:8px;min-height:220px;overflow:hidden;padding:1rem;position:relative}.toast-demo,.message-demo{background:var(--example-accent);border-radius:8px;color:#fff;font-weight:800;padding:.7rem .85rem}.toast-demo{bottom:1rem;box-shadow:0 14px 28px #1e293b2e;position:absolute;right:1rem;z-index:1}.message-demo{margin:0 auto;max-width:380px}.message-demo.error{background:#b42318}.message-demo.success{background:#287a45}.progress-track{background:#dbe4ee;border-radius:999px;height:14px;overflow:hidden}.progress-track span{background:var(--example-accent);display:block;height:100%;width:64%}.filter-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.filter-chip-row b{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:999px;color:var(--example-accent);font-size:.82rem;max-width:100%;overflow-wrap:anywhere;padding:.32rem .6rem}.drag-card,.drop-zone{border-radius:8px;font-weight:800;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:.85rem;text-align:center}.drag-card{background:var(--example-surface-strong);border:1px solid var(--example-line);box-shadow:0 10px 20px #1e293b1f;color:var(--example-ink);justify-self:start;transform:rotate(-2deg)}.drop-zone{background:var(--example-accent-soft);border:2px dashed var(--example-accent-border);color:var(--example-accent)}.success-line{color:#287a45;font-weight:800}.error-line{color:#b42318;font-weight:800}.skeleton-demo span{background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0);border-color:#dbe4ee}.toolbar-demo{justify-content:center;min-height:180px}.icon-button{align-items:center;background:var(--example-surface);border:1px solid var(--example-line);border-radius:8px;color:var(--example-ink);display:inline-flex;font:inherit;font-weight:900;height:44px;justify-content:center;width:44px}.icon-button.active{background:var(--example-accent);border-color:var(--example-accent);box-shadow:0 0 0 4px var(--example-accent-soft);color:#fff}.tooltip-target{position:relative}.tooltip-bubble{background:#4c1d95;border:1px solid rgba(255,255,255,.16);border-radius:8px;bottom:calc(100% + .7rem);color:#fff;font-size:.86rem;left:50%;min-width:190px;padding:.5rem .65rem;position:absolute;text-align:center;transform:translate(-50%)}.tooltip-bubble:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #4c1d95;bottom:-7px;content:"";left:50%;position:absolute;transform:translate(-50%)}.modal-stage,.popup-stage{align-items:center;background:linear-gradient(90deg,rgba(84,126,91,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(84,126,91,.1) 1px,transparent 1px),#eff7ecad;background-size:20px 20px;border:1px solid var(--example-line);border-radius:8px;display:grid;min-height:260px;overflow:hidden;padding:1rem;position:relative}.popup-stage{justify-items:center}.modal-page-lines{display:grid;gap:.65rem;inset:1rem;opacity:.45;position:absolute}.modal-page-lines span,.list-demo>span,.layout-demo main span{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;display:block;min-height:34px}.modal-box{background:var(--example-surface-strong);border:1px solid var(--example-accent-border);border-radius:8px;box-shadow:0 18px 35px #4c1d9533;justify-self:center;max-width:320px;padding:1rem;position:relative;z-index:1}.modal-box p{color:var(--example-muted);font-size:.95rem}.popup-anchor{align-items:center;display:grid;gap:.75rem;justify-items:start;position:relative;z-index:1}.modal-box.small{box-shadow:none}.layout-demo{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;display:grid;grid-template-columns:132px 1fr;min-height:220px;overflow:hidden}.layout-demo aside{background:#eef2ff;border-right:1px solid var(--example-line);display:grid;gap:.5rem;align-content:start;padding:.8rem}.layout-demo aside span{border-radius:8px;color:var(--example-muted);font-size:.82rem;font-weight:800;padding:.45rem .5rem}.layout-demo aside .active-nav{background:var(--example-accent-soft);box-shadow:inset 3px 0 0 var(--example-accent);color:var(--example-accent)}.layout-demo main{display:grid;gap:.75rem;padding:.8rem}.list-demo{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;display:grid;gap:.75rem;margin:0 auto;max-width:440px;padding:1rem;width:100%}.list-demo.infinite{max-height:260px;overflow:hidden}.list-demo.infinite.mini{max-height:none}.pager{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.pager b,.pager span{align-items:center;background:var(--example-surface);border:1px solid var(--example-line);border-radius:8px;display:inline-flex;font-size:.88rem;font-weight:800;min-height:34px;padding:.25rem .65rem}.pager b{background:var(--example-accent);border-color:var(--example-accent);box-shadow:0 0 0 3px var(--example-accent-soft);color:#fff}.loading-dot{color:var(--example-accent);font-size:.9rem;font-weight:800;margin:0;text-align:center}.popup-demo{background:#4c1d95;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;display:inline-block;font-size:.9rem;padding:.65rem .8rem}.comparison-demo-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-demo{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;padding:1rem}.example-tabs-accordion .pattern-demo:nth-child(2){--example-accent: #b66a12;--example-accent-soft: #fff3dc;--example-accent-border: #e5bd78}.tab-row{border-bottom:1px solid var(--example-line);margin-bottom:1rem}.tab-row span{border-radius:8px 8px 0 0;color:var(--example-muted);font-size:.9rem;font-weight:800;padding:.55rem .7rem}.tab-row .active-tab{background:var(--example-accent-soft);box-shadow:inset 0 -3px 0 var(--example-accent);color:var(--example-accent)}.demo-panel{background:var(--example-surface);border:1px solid var(--example-accent-border);border-radius:8px;padding:.9rem}.demo-panel p{margin-bottom:0}.accordion-row{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;font-weight:800;justify-content:space-between;padding:.65rem .75rem}.accordion-row.open{background:var(--example-accent-soft);border-color:var(--example-accent-border);color:var(--example-accent)}.accordion-body{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:8px;margin:.5rem 0;padding:.75rem}.screen-demo,.file-demo,.data-record-demo,.metadata-demo,.document-demo,.image-demo,.video-demo,.grid-layout-demo,.card-layout-demo,.feed-demo,.tag-demo,.category-demo,.responsive-demo{margin:0 auto;max-width:520px;width:100%}.screen-demo,.file-demo,.data-record-demo,.metadata-demo,.document-demo,.image-demo,.video-demo{background:var(--example-surface-strong);border:1px solid var(--example-line);border-radius:8px;box-shadow:0 14px 28px #1e293b1a;overflow:hidden}.screen-demo header,.top-nav-demo nav,.mobile-nav-demo nav{background:#eef2f7;border-bottom:1px solid var(--example-line)}.dashboard-demo{display:grid;gap:.75rem;padding:.8rem}.dashboard-demo header,.metric-row,.dashboard-main{display:grid;gap:.65rem}.dashboard-demo header{background:transparent;border:0;grid-template-columns:1fr 80px;padding:0}.dashboard-demo header span,.dashboard-main span,.grid-layout-demo span,.card-layout-demo article,.feed-demo article,.category-demo section,.document-demo span,.metadata-demo article,.metadata-demo aside,.responsive-demo span,.mobile-nav-demo section span,.top-nav-demo main span{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px}.dashboard-demo header span{min-height:28px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-row b{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:8px;color:var(--example-accent);font-size:1rem;padding:.65rem}.dashboard-main{grid-template-columns:1.3fr .7fr}.dashboard-main span{min-height:86px}.sidebar-layout-demo,.split-pane-demo{display:grid;min-height:220px}.sidebar-layout-demo{grid-template-columns:128px 1fr}.sidebar-layout-demo aside{background:#eef2ff;border-right:1px solid var(--example-line);display:grid;gap:.5rem;align-content:start;padding:.8rem}.sidebar-layout-demo aside b,.mobile-nav-demo header b{background:var(--example-accent);border-radius:8px;display:block;min-height:26px}.sidebar-layout-demo aside span,.top-nav-demo nav span{border-radius:8px;color:var(--example-muted);font-size:.82rem;font-weight:800;padding:.45rem .5rem}.sidebar-layout-demo main,.top-nav-demo main{display:grid;gap:.65rem;align-content:start;padding:.9rem}.sidebar-layout-demo main span,.top-nav-demo main span{min-height:42px}.split-pane-demo{grid-template-columns:.9fr 1.1fr}.split-pane-demo section{display:grid;gap:.65rem;align-content:start;padding:.9rem}.split-pane-demo section:first-child{background:#f8fafc;border-right:4px solid var(--example-accent-border)}.split-pane-demo b,.wizard-demo strong,.metadata-demo strong,.document-demo strong{color:var(--example-ink)}.split-pane-demo span,.wizard-demo section span,.responsive-demo section span{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;min-height:34px}.split-pane-demo i{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:8px;display:block;min-height:76px}.wizard-demo{display:grid;gap:.9rem;padding:1rem}.step-track{align-items:center;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:.45rem}.step-track b{align-items:center;background:var(--example-accent);border-radius:999px;color:#fff;display:inline-flex;font-size:.82rem;height:30px;justify-content:center;width:30px}.step-track span{background:var(--example-accent-border);display:block;height:3px}.wizard-demo section{display:grid;gap:.55rem}.wizard-demo .demo-button{justify-self:end}.responsive-demo{align-items:end;display:grid;grid-template-columns:1fr 92px;gap:1rem}.desktop-frame,.phone-frame{box-shadow:none}.desktop-frame header,.phone-frame header{min-height:26px}.desktop-frame section,.phone-frame section{display:grid;gap:.5rem;padding:.65rem}.desktop-frame section{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-frame span{min-height:82px}.phone-frame span{min-height:56px}.grid-layout-demo,.card-layout-demo,.category-demo{display:grid;gap:.75rem}.grid-layout-demo{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-layout-demo span{min-height:72px}.card-layout-demo{grid-template-columns:repeat(3,minmax(0,1fr))}.card-layout-demo article,.feed-demo article{background:var(--example-surface-strong);box-shadow:0 10px 18px #1e293b14;display:grid;gap:.5rem;padding:.75rem}.card-layout-demo i{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:8px;display:block;min-height:48px}.card-layout-demo b{color:var(--example-ink)}.card-layout-demo span,.feed-demo span,.category-demo span,.document-demo i{background:#dbe4ee;border-radius:999px;display:block;min-height:10px}.feed-demo{display:grid;gap:.65rem;max-width:420px}.feed-demo article{grid-template-columns:38px 1fr}.feed-demo b{background:var(--example-accent);border-radius:999px;display:block;grid-row:span 2;height:38px;width:38px}.top-nav-demo nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding:.7rem}.top-nav-demo nav b{color:var(--example-accent);flex:1 1 7rem;margin-right:auto}.top-nav-demo nav .active-nav{background:var(--example-accent-soft);color:var(--example-accent)}.mobile-nav-demo{max-width:190px}.mobile-nav-demo header{align-items:center;display:flex;gap:.65rem;justify-content:space-between;padding:.65rem}.mobile-nav-demo header span{background:linear-gradient(var(--example-accent) 0 0) top,linear-gradient(var(--example-accent) 0 0) center,linear-gradient(var(--example-accent) 0 0) bottom;background-repeat:no-repeat;background-size:28px 3px;display:block;height:24px;width:32px}.mobile-nav-demo section{display:grid;gap:.5rem;padding:.65rem}.mobile-nav-demo section span{min-height:42px}.mobile-nav-demo nav{border-bottom:0;border-top:1px solid var(--example-line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.55rem}.mobile-nav-demo nav b{background:#94a3b8;border-radius:999px;height:12px;justify-self:center;width:12px}.data-record-demo,.file-demo,.metadata-demo{max-width:420px}.data-record-demo{display:grid}.data-record-demo div{display:grid;grid-template-columns:120px 1fr}.data-record-demo b,.data-record-demo span,.file-demo code,.metadata-demo b,.metadata-demo span{border-bottom:1px solid var(--example-line);color:var(--example-ink);font-size:.88rem;padding:.55rem .7rem}.data-record-demo b,.metadata-demo b{background:var(--example-accent-soft);color:var(--example-accent)}.table-data-demo b{background:#fff7ed;color:#b45309}.file-demo{display:grid;padding:.8rem}.file-demo b{background:var(--example-accent);border-radius:8px;color:#fff;justify-self:start;margin-bottom:.65rem;padding:.35rem .55rem}.file-demo code{background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.metadata-demo{display:grid;grid-template-columns:1fr 140px}.metadata-demo article{border:0;border-radius:0;display:grid;gap:.65rem;padding:.9rem}.metadata-demo article span{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:8px;min-height:74px}.metadata-demo aside{border-bottom:0;border-right:0;border-top:0;border-radius:0;display:grid;align-content:start}.tag-demo{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.tag-demo span{background:var(--example-accent-soft);border:1px solid var(--example-accent-border);border-radius:999px;color:var(--example-accent);font-size:.86rem;font-weight:800;padding:.4rem .7rem}.category-demo{grid-template-columns:repeat(3,minmax(0,1fr))}.category-demo section{display:grid;gap:.5rem;padding:.75rem}.category-demo b{color:var(--example-accent)}.document-demo{display:grid;gap:.5rem;max-width:260px;padding:1rem}.document-demo b{border-color:transparent var(--example-accent-border) var(--example-accent-border) transparent;border-style:solid;border-width:0 32px 32px 0;justify-self:end;width:0}.document-demo span{min-height:12px}.document-demo i{width:54%}.image-demo{aspect-ratio:4 / 3;background:#dbeafe;border-color:#93c5fd;max-width:340px;position:relative}.image-demo span{background:#f59e0b;border-radius:999px;display:block;height:34px;left:1rem;position:absolute;top:1rem;width:34px}.image-demo i,.image-demo b{background:#2563a8;bottom:0;clip-path:polygon(0 100%,50% 28%,100% 100%);display:block;height:62%;position:absolute;width:70%}.image-demo i{left:0}.image-demo b{background:#1d4ed8;height:48%;right:0;width:58%}.video-demo{aspect-ratio:16 / 9;background:#111827;display:grid;align-content:end;gap:.8rem;max-width:420px;padding:1rem;position:relative}.video-demo>span{border-bottom:28px solid transparent;border-left:42px solid #fff;border-top:28px solid transparent;left:50%;position:absolute;top:50%;transform:translate(-40%,-50%)}.video-demo>b{color:#fff;font-size:.82rem}.video-demo .progress-track{background:#ffffff47;height:8px}.video-demo .progress-track span{background:#ef4444;width:42%}.review-note p{color:var(--muted);margin-bottom:0}.example-placeholder{align-items:center;background:var(--surface-muted);border:1px dashed var(--accent);border-radius:8px;color:var(--muted);display:flex;min-height:180px;justify-content:center;padding:1rem;text-align:center}.ad-slot{align-items:center;background:#f8f7f280;border:1px dashed #ddd4c3;border-radius:8px;color:#928775;display:grid;font-size:.78rem;font-weight:700;justify-content:center;min-height:80px;padding:.85rem;text-align:center}.ad-slot-sidebar{min-height:220px;position:sticky;top:5.5rem}.above-fold-rail-ad.ad-slot-sidebar{min-height:250px}.ad-slot-inline{margin-bottom:2rem;min-height:72px}.catalog-grid>.ad-slot{grid-column:1 / -1}@media(max-width:1080px){.above-fold-ad-layout{grid-template-columns:1fr}.above-fold-rail-ad{display:none}.above-fold-inline-ad{display:block}.above-fold-inline-ad .ad-slot-inline{margin-bottom:1.5rem}}@media(max-width:820px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start;width:100%}.catalog-grid,.compact-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.term-grid,.reference-layout,.homepage-browse-grid{grid-template-columns:1fr}.reference-layout>.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-layout .category-discovery-flow .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.term-sidebar,.ad-slot-sidebar{position:static}.hero,.translation-band,.comparison-demo-grid,.discovery-card-grid,.decision-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:2rem}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.term-hero{max-width:none}.visual-example{padding:.85rem}}@media(max-width:560px){body{font-size:17px}h1{font-size:2.18rem}.site-header{padding:.85rem 1rem;position:static}.site-nav{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav a{background:#ffffff9e;border:1px solid var(--border);border-radius:8px;min-height:44px;min-width:0;overflow-wrap:anywhere;padding:.48rem .55rem}.site-main{padding:1.75rem 1rem 3rem}.hero{gap:1.35rem;padding:1rem 0 2rem}.hero-copy>p{font-size:1.08rem}.hero-actions{align-items:stretch;flex-direction:column;gap:.65rem}.hero-actions a{overflow-wrap:anywhere}.hero-actions .text-link{align-self:flex-start}.catalog-grid,.compact-catalog,.reference-layout>.catalog-grid,.reference-layout .category-discovery-flow .catalog-grid,.featured-grid,.hero-specimen,.translation-list{grid-template-columns:1fr}.catalog-grid{gap:1rem}.concept-card,.comparison-card{gap:.85rem;padding:.85rem}.concept-card-heading{align-items:flex-start;flex-direction:column;gap:.45rem}.compact-visual{min-height:180px}.specimen-card.large,.specimen-card.wide{grid-column:auto}.translation-list strong{text-align:left}.term-search--overlay-results .term-search-results{left:.65rem;max-height:min(360px,calc(100vh - 8rem));padding:.6rem;right:.65rem}.term-body section,.term-sidebar section,.category-preview{padding:1rem}.discovery-card-grid,.decision-grid,.comparison-demo-grid{grid-template-columns:1fr}.visual-example{padding:.7rem}.compact-window,.checkout-panel,.compact-visual .checkout-panel,.compact-visual .compact-window,.pattern-demo,.list-demo,.modal-stage,.popup-stage,.toast-stage,.wizard-demo{padding:.75rem}.compact-visual .button-row{align-items:stretch}.compact-visual .button-row .demo-button{flex:1 1 8.5rem}.compact-visual .tab-row,.compact-visual .breadcrumb-demo,.compact-visual .filter-chip-row,.compact-visual .pager{gap:.35rem}.compact-visual .accordion-row,.compact-visual .check-row,.compact-visual .setting-row,.compact-visual .input-shell,.compact-visual .search-shell,.compact-visual .select-shell{padding:.55rem .6rem}.layout-demo,.sidebar-layout-demo{grid-template-columns:minmax(86px,.44fr) minmax(0,1fr)}.layout-demo aside,.sidebar-layout-demo aside,.sidebar-layout-demo main,.top-nav-demo main,.split-pane-demo section{padding:.65rem}.metadata-demo{grid-template-columns:1fr}.metadata-demo aside{border-left:0;border-top:1px solid var(--example-line)}.responsive-demo{grid-template-columns:1fr}.phone-frame{max-width:140px}.data-record-demo div{grid-template-columns:minmax(72px,.42fr) minmax(0,1fr)}.table-demo b,.table-demo span,.data-record-demo b,.data-record-demo span,.file-demo code,.metadata-demo b,.metadata-demo span{font-size:.8rem;padding:.48rem .5rem}.grid-layout-demo,.card-layout-demo,.category-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav-demo nav b{flex-basis:100%}.tooltip-bubble{left:auto;min-width:0;right:0;width:min(190px,calc(100vw - 4rem));transform:none}.tooltip-bubble:after{left:auto;right:1rem;transform:none}.try-example .tooltip-bubble,.try-example .tooltip-target:hover .tooltip-bubble,.try-example .tooltip-target:focus-within .tooltip-bubble{transform:none}}@media(max-width:420px){h1{font-size:2.15rem}.site-main{padding-left:.85rem;padding-right:.85rem}.visual-example{padding:.6rem}.comparison-cue{min-height:0;padding:.5rem}.cue-pair{gap:.45rem;grid-template-columns:1fr;min-height:0}.cue-panel{min-height:48px;padding:.4rem}.compact-visual{min-height:168px;padding:.6rem}.compact-window,.checkout-panel,.compact-visual .checkout-panel,.compact-visual .compact-window,.pattern-demo,.list-demo,.modal-stage,.popup-stage,.toast-stage,.wizard-demo{padding:.6rem}.compact-visual .demo-button{padding:.48rem .55rem}.compact-visual .accordion-body,.compact-visual .demo-panel{padding:.55rem}.drag-card,.drop-zone{padding:.65rem}}