/* R156: shared tokens extracted from current home/R119. Existing pages unchanged. */
:root{--dq-color-border:#d4a969;--dq-color-control-border:#bd9462;--dq-color-on-dark:#fff4d9;--dq-color-control-bg:#fffefb;--dq-color-good:var(--green);--dq-color-bad:var(--red);--dq-color-surface-gradient:linear-gradient(140deg,#fffdf6,#f4e5c8);--dq-color-button-gradient:linear-gradient(#1e465d,#09283d);--dq-color-chip-gradient:linear-gradient(#fff8e9,#f3dfb9);--dq-font-size-xs:11px;--dq-font-size-sm:12px;--dq-font-size-body:14px;--dq-font-size-title:22px;--dq-weight-normal:400;--dq-weight-bold:700;--dq-radius-tile:11px;--dq-line-height:1.6;--dq-grid-columns:4;--dq-control-height:44px;--dq-shadow-control:0 4px 12px #0b243455;--dq-disabled-opacity:.6;--dq-color-focus:#bd8a45;--dq-modal-backdrop:#001324bb}
.dq-ui{font:var(--dq-weight-normal) var(--dq-font-size-body)/var(--dq-line-height) var(--dq-font-body);color:var(--dq-color-on-dark)}
.dq-ui *{box-sizing:border-box}.dq-stack{display:grid;gap:var(--dq-space-3)}.dq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-space-2)}
.dq-ui .dq-card{padding:var(--dq-space-4);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-card);background:var(--dq-color-surface-gradient);color:var(--dq-color-text);box-shadow:var(--dq-shadow)}
.dq-ui h2,.dq-ui h3{margin:0 0 var(--dq-space-2);font-family:var(--dq-font-display);font-weight:var(--dq-weight-bold)}.dq-ui h2{font-size:var(--dq-font-size-title)}.dq-ui h3{font-size:18px}.dq-ui p{margin:0}.dq-ui small{font-size:var(--dq-font-size-xs);line-height:1.5}.dq-muted{color:var(--dq-color-muted)}
.dq-ui .dq-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dq-space-2);min-height:var(--dq-control-height);padding:var(--dq-space-2) var(--dq-space-3);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-button-gradient);color:var(--dq-color-accent-soft);font:var(--dq-weight-bold) var(--dq-font-size-body)/1.3 var(--dq-font-body);cursor:pointer;text-decoration:none}
.dq-ui .dq-button:disabled{opacity:var(--dq-disabled-opacity);cursor:default}.dq-ui .dq-button:active:not(:disabled){filter:brightness(1.12)}.dq-ui .dq-button[aria-pressed=true],.dq-ui .dq-chip.active{background:var(--dq-color-chip-gradient);color:var(--dq-color-text)}
.dq-ui :focus-visible{outline:2px solid var(--dq-color-focus);outline-offset:3px}.dq-ui .dq-chip{display:inline-flex;width:max-content;max-width:100%;min-height:var(--dq-control-height);align-items:center;justify-content:center;padding:var(--dq-space-2) var(--dq-space-4);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-pill);background:var(--dq-color-chip-gradient);color:var(--dq-color-text);font:var(--dq-weight-bold) var(--dq-font-size-body)/1.3 var(--dq-font-body)}
.dq-ui .dq-field{display:grid;gap:var(--dq-space-1);min-width:0;font-weight:var(--dq-weight-bold)}.dq-ui .dq-input{width:100%;min-height:var(--dq-control-height);padding:var(--dq-space-2) var(--dq-space-3);border:1px solid var(--dq-color-control-border);border-radius:var(--dq-radius-control);background:var(--dq-color-control-bg);color:var(--dq-color-text);font:inherit}.dq-ui input[type=range]{width:100%;accent-color:var(--dq-color-bg)}
.dq-ui .dq-dialog{max-width:min(92vw,400px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-card);padding:var(--dq-space-4);background:var(--dq-color-surface);color:var(--dq-color-text);font:inherit}.dq-ui .dq-dialog::backdrop{background:var(--dq-modal-backdrop)}.dq-ui .dq-dialog form{margin-top:var(--dq-space-3)}
.dq-ui .dq-good{color:var(--dq-color-good)}.dq-ui .dq-bad{color:var(--dq-color-bad)}.dq-ui .dq-error{border-left:3px solid var(--dq-color-bad);padding-left:var(--dq-space-2)}.dq-ui [hidden]{display:none!important}.dq-ui .dq-icon{flex:none;width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}
@media(max-width:340px){.dq-grid.dq-form-grid{grid-template-columns:1fr}}
/* The existing home grid now consumes the same tokens; identical computed geometry. */
:root{--dq-color-tile-border:#dca95f;--dq-color-tile-bg:#06263e;--dq-shadow-tile:inset 0 0 0 2px #ffdc9866,0 4px 12px #0009;--dq-home-gap:8px;--dq-home-tile-ratio:.94;--dq-color-info:#e9d8b6}
.home-page .feature-tile{border-radius:var(--dq-radius-tile);border-color:var(--dq-color-tile-border);background-color:var(--dq-color-tile-bg);box-shadow:var(--dq-shadow-tile)}
.home-page .feature-grid.four{grid-template-columns:repeat(var(--dq-grid-columns),minmax(0,1fr));gap:var(--dq-home-gap)}.home-page .feature-tile.tile-small{aspect-ratio:var(--dq-home-tile-ratio)}
@media(max-width:360px){:root{--dq-home-gap:5px}}