.hks{--hks-red:var(--c-accent,#bb1724);--hks-border:var(--c-line,#d2d2d2);color:var(--c-ink,#222);background:var(--c-paper,#fff);font-size:16px;line-height:1.8;min-width:0;max-width:100%;overflow-wrap:anywhere}
.hks *{box-sizing:border-box;min-width:0}
.hks p{margin:0 0 1em}
.hks :is(h1,h2,h3,h4){overflow-wrap:anywhere;word-break:normal;max-width:100%}
.hks h1{font-size:clamp(1.55rem,3.7vw,2.15rem);line-height:1.45;margin:.3em 0 .65em}
.hks h2{font-size:1.35em;line-height:1.6;border-bottom:2px solid var(--c-ink,#222);padding-bottom:.3em;margin:1.8em 0 .8em}
.hks .hks-hero{border-top:5px solid var(--c-ink,#222);padding:1.2em 0;margin-bottom:1em}
.hks .hks-eyebrow{font-size:.875em;font-weight:700;letter-spacing:.03em;color:var(--c-accent,#8e1620);margin-bottom:.5em}
.hks .hks-version{font-size:.875em;color:var(--c-muted,#555)}
.hks .hks-nav{display:flex;flex-wrap:wrap;gap:.5em;margin:1em 0 1.5em}
.hks .hks-nav a{display:block;border:1px solid var(--c-line,#bbb);padding:.5em .75em;color:var(--c-ink,#222);text-decoration:none;background:var(--c-paper,#fff)}
.hks .hks-nav a:hover,.hks .hks-nav a[aria-current=page]{background:var(--c-ink,#222);color:var(--c-paper,#fff);border-color:var(--c-ink,#222)}
.hks .hks-toc,.hks .hks-panel{border:1px solid var(--c-line,#ccc);background:var(--c-subtle,#f7f7f7);padding:1em;margin:1.2em 0}
.hks .hks-toc :is(ul,ol){padding-left:1.4em;margin:.5em 0}
.hks .hks-footer{border-top:1px solid var(--c-line,#ccc);padding-top:1em;margin-top:2em;font-size:.9em;color:var(--c-muted,#555)}
.hks .hks-header-art{display:block;max-width:100%;height:auto;margin:.8em 0 1em}
.hks article :is(ul,ol){padding-left:1.4em}
.hks article li{margin:.5em 0}
.hks h3{font-size:1.15em;line-height:1.6;margin:.25em 0 .65em}
.hks a{color:var(--c-accent,#9b101c);text-decoration:underline;text-underline-offset:.18em}
.hks button,.hks input,.hks select,.hks textarea{font:inherit;line-height:1.5;max-width:100%;border:1px solid var(--c-line,#777);border-radius:3px}
.hks input:not([type=checkbox]),.hks select,.hks textarea{display:block;background:var(--c-paper,#fff);color:var(--c-ink,#222);padding:.65em;width:100%;min-height:44px}
.hks textarea{resize:vertical;margin:.5em 0 1em;white-space:pre-wrap;overflow-wrap:anywhere}
.hks input[type=checkbox]{width:1.25em;height:1.25em;accent-color:var(--hks-red)}
.hks button{cursor:pointer;background:var(--c-ink,#222);color:var(--c-paper,#fff);padding:.6em 1em;white-space:normal;min-height:44px}
.hks button:hover{background:var(--hks-red)}
.hks :is(button,input,select,textarea,a,[tabindex]):focus-visible{outline:3px solid var(--c-accent,#b51a27);outline-offset:3px}
.hks .hks-field{display:flex;flex-direction:column;gap:.35em;margin:0;font-weight:600}
.hks .hks-field:has(input[type=checkbox]){flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.7em}
.hks .hks-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:end;gap:1em;margin:1em 0}
.hks .hks-actions{display:flex;flex-wrap:wrap;gap:.7em;margin:1em 0}
.hks .hks-cards{display:grid;gap:1em;margin:1em 0}
.hks .hks-card{border:1px solid var(--hks-border);border-top:3px solid var(--c-ink,#222);padding:1em;background:var(--c-paper,#fff)}
.hks .hks-tag{font-size:.875em;font-weight:700;color:var(--c-accent,#90131d);margin:0 0 .4em}
.hks .hks-note{font-size:.9em;color:var(--c-muted,#555);margin:1em 0}
.hks .hks-count{font-weight:700;border-left:4px solid var(--hks-red);padding:.5em .75em;background:var(--c-subtle,#f4f4f4)}
.hks .hks-status:empty{display:none}
.hks .hks-status{padding:.75em;border:1px solid var(--hks-border);background:var(--c-subtle,#f5f5f5)}
.hks .hks-error{color:var(--c-accent,#8d1020);border-left:4px solid var(--hks-red);padding:.75em;background:var(--c-subtle,#fff2f3)}
.hks .hks-material-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75em;border:1px solid var(--hks-border);padding:1em;margin:1em 0}
.hks .hks-material-row legend{padding:0 .4em;font-weight:700}
.hks .hks-material-row button{grid-column:1/-1;justify-self:start;background:var(--c-paper,#fff);color:var(--c-ink,#222)}
.hks .hks-result{margin:1.5em 0}
.hks :is(.hks-table-scroll,.hks-table-wrap){width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--hks-border);overscroll-behavior-x:contain}
.hks :is(.hks-table-scroll,.hks-table-wrap) table{border-collapse:collapse;width:100%;min-width:480px;font-size:16px;margin:0}
.hks :is(.hks-table-scroll,.hks-table-wrap) caption{text-align:left;padding:.6em;font-weight:700}
.hks :is(.hks-table-scroll,.hks-table-wrap) :is(th,td){border:1px solid var(--hks-border);padding:.5em .7em;text-align:right;vertical-align:top}
.hks :is(.hks-table-scroll,.hks-table-wrap) :is(th,td):first-child{text-align:left;max-width:250px;overflow-wrap:anywhere}
.hks :is(.hks-table-scroll,.hks-table-wrap) th{background:var(--c-ink,#222);color:var(--c-paper,#fff)}
.hks .hks-share{background:var(--c-subtle,#f4f4f4)}
@media(max-width:480px){.hks .hks-material-row{grid-template-columns:1fr}.hks .hks-card{padding:.8em}.hks .hks-controls{grid-template-columns:1fr}.hks .hks-actions button{width:100%}}

.hks .hks-field:has(input[type=checkbox]){min-height:44px;cursor:pointer;padding:.45em .3em;justify-content:flex-start;gap:.8em}.hks .hks-nav a,.hks .hks-card a{min-height:44px;display:inline-flex;align-items:center}.hks .hks-quantity-grid{display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.hks .hks-custom{border:1px solid var(--c-line,#bbb);padding:1em;margin:1em 0}.hks [hidden]{display:none!important}.hks .hks-stock{margin:1em 0}

.hks .hks-species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.5em}.hks .hks-recipe{border:1px solid var(--c-line,#aaa);padding:1em;margin:1em 0}.hks .hks-recipe legend{font-weight:700}.hks .hks-ingredient{border-top:1px solid var(--c-line,#ccc);padding-top:.6em}.hks .hks-dlc{font-size:.9em;color:var(--c-muted,#555)}.hks .hks-result:empty{display:none}.hks button:disabled{opacity:.6;cursor:not-allowed}.hks .hks-table-scroll table.hks-needs-table{min-width:380px}

/* Keep HKS tap targets above the native C-design section-nav minimum. */
.c-site .hks .hks-nav > a{min-height:44px}

.hks details>summary,.c-site .hks .hks-panel>summary{min-height:44px;cursor:pointer;padding:.4em .2em;font-weight:700}

.hks .hks-header-art{width:460px;max-width:100%;height:auto}

.hks .hks-tool-reference table{min-width:740px}