.term-card .term-preview.subpackage-card-preview{--sp-ink:#2e1f12;color:var(--sp-ink);background:linear-gradient(165deg,#faf3e8,#f1e3cd);align-content:center;gap:7px;padding:12px;display:grid}.subpackage-card-row{background:#fffaf2;border:1px solid #dcc6a5;border-radius:9px;gap:5px;padding:7px 9px;display:grid}.subpackage-card-row>p{flex-wrap:wrap;align-items:center;gap:3px 6px;margin:0;display:flex}.subpackage-card-row small{color:#fff6ea;background:#6b4220;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.subpackage-card-row.is-ok small{color:#f0fff3;background:#2f5d3a}.subpackage-card-row b{color:var(--sp-ink);font-size:11px;line-height:1.35}.subpackage-card-row.is-over b{color:#8f1f17}.subpackage-card-row p span{color:#5a4530;font-size:10px;font-weight:700}.subpackage-card-bar{background:#eadbc4;border-radius:4px;height:8px;position:relative}.subpackage-card-bar i{background:#b3392f;border-radius:4px;position:absolute;inset:0 auto 0 0}.subpackage-card-bar em{background:#2e1f12;width:2px;position:absolute;top:-3px;bottom:-3px}.subpackage-card-row.is-ok{grid-template-columns:auto 1fr;align-items:center}.subpackage-card-row ul{flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.subpackage-card-row li b{color:#1f4a2a}.subpackage-card-conclusion{color:var(--sp-ink);margin:0;font-size:11px;font-weight:700;line-height:1.45}.term-interactive-demo.subpackage-demo{--sp-ink:#2a1c10;--sp-wood:#6b4220;--sp-ok:#2f5d3a;--sp-bad:#a3271d;color:var(--sp-ink);background:#fbf6ee;border-color:#dcc6a5;gap:12px;padding:14px}.subpackage-demo-task{color:#3d2c1c;margin:0;font-size:14px;line-height:1.6}.subpackage-demo-task b{color:var(--sp-ink)}.subpackage-demo-meters{background:#fff;border:1px solid #e0cdb0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding:12px;display:grid}.subpackage-demo-meter{gap:4px;min-width:0;display:grid}.subpackage-demo-meter-head{flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:13px;display:flex}.subpackage-demo-meter-head b{color:var(--sp-ink)}.subpackage-demo-meter-head span{color:var(--sp-ok);font-variant-numeric:tabular-nums;font-weight:800}.subpackage-demo-meter.is-over .subpackage-demo-meter-head span{color:var(--sp-bad)}.subpackage-demo-meter-track{background:#efe3d1;border-radius:5px;height:10px;position:relative}.subpackage-demo-meter-track i{background:#5f8f5f;border-radius:5px;max-width:100%;transition:width .2s;position:absolute;inset:0 auto 0 0}.subpackage-demo-meter.is-over .subpackage-demo-meter-track i{background:#c0392b}.subpackage-demo-meter-track em{background:var(--sp-ink);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.subpackage-demo-cdn-line{color:#5a4530;grid-column:1/-1;margin:0;font-size:12px}.subpackage-demo-cdn-line b{color:#1d4f6e}.subpackage-demo-warehouse{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subpackage-demo-shelf{background:#f6ecdd;border:2px solid #c9a97e;border-top-width:6px;border-radius:12px;align-content:start;gap:8px;min-width:0;padding:10px;display:grid}.subpackage-demo-shelf.is-main{border-color:#8a5a2b}.subpackage-demo-shelf.is-over{border-color:var(--sp-bad);background:#fbebe7}.subpackage-demo-shelf.is-cdn{background:#eef4f8;border-style:dashed;border-color:#6c93ad}.subpackage-demo-shelf header{grid-template-columns:1fr auto;align-items:baseline;gap:1px 8px;display:grid}.subpackage-demo-shelf header b{color:var(--sp-ink);font-size:15px}.subpackage-demo-shelf header small{color:#5a4530;grid-column:1;font-size:12px}.subpackage-demo-shelf-size{color:var(--sp-ink);font-variant-numeric:tabular-nums;grid-area:1/2;font-size:12px;font-weight:800}.subpackage-demo-shelf.is-over .subpackage-demo-shelf-size{color:var(--sp-bad)}.subpackage-demo-shelf.is-cdn header b,.subpackage-demo-shelf.is-cdn .subpackage-demo-shelf-size{color:#173f58}.subpackage-demo-empty{color:#6a563f;border:1px dashed #cdb898;border-radius:8px;margin:0;padding:8px;font-size:12px}.subpackage-demo-block{background:#fffdf9;border:1px solid #dcc6a5;border-left-width:4px;border-radius:8px;gap:5px;min-width:0;padding:8px;display:grid}.subpackage-demo-block:focus-visible{outline-offset:2px;outline:3px solid #d08a1e}.subpackage-demo-block.is-image{border-left-color:#b46a1d}.subpackage-demo-block.is-component{border-left-color:#6a5a9a}.subpackage-demo-block.is-page{border-left-color:#8a5a2b}.subpackage-demo-block.is-remote{border-left-color:#3c7192}.subpackage-demo-block-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subpackage-demo-block-head b{color:var(--sp-ink);flex:auto;font-size:13px}.subpackage-demo-kind{color:#5a3816;background:#f1e3cd;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:800}.subpackage-demo-size{color:var(--sp-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:850}.subpackage-demo-block code{color:#5a4530;font-family:var(--font-geist-mono), ui-monospace, monospace;overflow-wrap:anywhere;font-size:11px}.subpackage-demo-flag{color:#5a3816;border:1px solid #8a5a2b;border-radius:5px;justify-self:start;padding:1px 6px;font-size:11px;font-weight:800}.subpackage-demo-moves{flex-wrap:wrap;gap:5px;display:flex}.subpackage-demo-block-error,.subpackage-demo-block-warn{border-radius:6px;margin:0;padding:6px 8px;font-size:12px;line-height:1.5}.subpackage-demo-block-error{color:#7d1a12;background:#fbe0db}.subpackage-demo-block-warn{color:#5f4206;background:#fbefd2}.subpackage-demo-upload{background:#fff;border:2px solid #c9a97e;border-radius:12px;gap:8px;padding:12px;display:grid}.subpackage-demo-upload.is-ok{border-color:var(--sp-ok);background:#f1f8f2}.subpackage-demo-upload.is-fail{border-color:var(--sp-bad);background:#fdf1ee}.subpackage-demo-upload.is-stale{border-style:dashed}.subpackage-demo-upload header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.subpackage-demo-upload header b{color:var(--sp-ink);font-size:14px}.subpackage-demo-upload-verdict{color:#3d2c1c;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.subpackage-demo-upload-verdict span{border-radius:6px;margin-right:6px;padding:2px 8px;font-weight:850}.is-ok>.subpackage-demo-upload-verdict span{color:#1d4a27;background:#d8eedc}.is-fail>.subpackage-demo-upload-verdict span{color:#7d1a12;background:#f8d4cd}.subpackage-demo-upload ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.subpackage-demo-upload li{font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 8px;font-size:12px}.subpackage-demo-upload li.is-ok{color:#1d4a27;background:#e3f1e5}.subpackage-demo-upload li.is-over{color:#7d1a12;background:#f8d4cd}.subpackage-demo-stale,.subpackage-demo-hint{color:#5a4530;margin:0;font-size:12px;line-height:1.5}.subpackage-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.subpackage-demo [role=status]{color:#3d2c1c}.term-interactive-demo.subpackage-demo button{min-height:32px;color:var(--sp-ink);background:#fff;border:1px solid #c9a97e;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:750}.term-interactive-demo.subpackage-demo button:hover:not(:disabled){border-color:var(--sp-wood);color:var(--sp-ink);background:#f6ead8}.term-interactive-demo.subpackage-demo button[aria-pressed=true]{border-color:var(--sp-wood);background:var(--sp-wood);color:#fff6ea}.term-interactive-demo.subpackage-demo button:focus-visible{outline-offset:2px;outline:3px solid #d08a1e}.term-interactive-demo.subpackage-demo .subpackage-demo-upload-btn{color:#fff6ea;background:#2a1c10;border-color:#2a1c10;min-height:38px;padding:6px 14px;font-size:13px}.term-interactive-demo.subpackage-demo .subpackage-demo-upload-btn:hover{color:#fff6ea;background:#4a311b;border-color:#4a311b}.term-interactive-demo.subpackage-demo .subpackage-demo-reset{color:#5a4530;border-style:dashed;min-height:36px;font-size:13px}.subpackage-examples article.is-good{border-left:3px solid #2f5d3a}.subpackage-examples article.is-bad{border-left:3px solid #a3271d}@media (max-width:640px){.subpackage-demo-meters,.subpackage-demo-warehouse{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.subpackage-demo-meter-track i{transition:none}}