.abc-tool[hidden]{display:none}
.abc-tool{max-width:60rem}
.abc-field{margin:0 0 1.1rem;padding:0;border:0;min-width:0}
.abc-field>label,.abc-field>legend{display:block;font-weight:700;margin-bottom:.35rem;padding:0}
.abc-field input[type=text],.abc-field textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:44px;padding:.55rem .7rem;font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--soft-ink);border-radius:6px}
.abc-field textarea{resize:vertical}
.abc-tool input:focus-visible,.abc-tool textarea:focus-visible,.abc-tool button:focus-visible,.abc-tool a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.abc-check,.abc-radio{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin:0 1rem .25rem 0;font-weight:400;cursor:pointer}
.abc-check input,.abc-radio input{width:22px;height:22px;margin:0;flex:none}
.abc-sub{margin:.4rem 0 0}
.abc-sw{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--ink)}
.abc-sw-navy{background:#163746}.abc-sw-green{background:#2f5d50}.abc-sw-rust{background:#a04f36}.abc-sw-blue{background:#245cd5}
.abc-hint{color:var(--soft-ink);margin:.2rem 0 .6rem}
.abc-chips,.abc-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.abc-chip,.abc-tool button,.abc-btn{min-height:44px;padding:.55rem 1rem;font:inherit;font-weight:700;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;box-sizing:border-box}
.abc-chip[aria-pressed=true]{background:var(--ink);color:#fff}
.abc-chip[aria-pressed=true]::before{content:"\2713\00a0"}
#abc-print{background:var(--ink);color:#fff}
.abc-btn[aria-disabled=true]{opacity:.55;pointer-events:none}
.abc-tool [hidden]{display:none!important}
#abc-status{margin-top:1rem;padding:.2rem 0;color:var(--ink);font-weight:700}
.abc-output{background:var(--wash-sage);padding:1rem;border-radius:8px;margin:0 0 1.5rem}
.abc-card{--accent:#163746;--fs:3.6;container-type:inline-size;position:relative;width:100%;max-width:30rem;aspect-ratio:85/54;background:#fff;color:#111;border:1px solid var(--ink);border-radius:3.5mm;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--body-font)}
.abc-card[data-size=s]{--fs:3}.abc-card[data-size=l]{--fs:4.4}
.abc-card-head{flex:none;background:var(--accent);color:#fff;padding:2cqw 4cqw;font-size:calc(var(--fs)*1.25*1cqw);font-weight:700;display:flex;justify-content:space-between;gap:2cqw;line-height:1.2}
.abc-card-head span:last-child{font-weight:400;font-size:.7em;align-self:center}
.abc-card-body{flex:1;min-height:0;padding:2cqw 4cqw;font-size:calc(var(--fs)*1cqw);line-height:1.25;overflow:hidden}
.abc-card-body p{margin:0 0 .5em;overflow-wrap:anywhere}
.abc-card-body b{color:var(--accent)}
.abc-card-empty{color:#555}
.abc-sheet{display:none}
.abc-tool[data-layout=sheet] .abc-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}
.abc-tool[data-layout=sheet] .abc-single{display:none}
@media (prefers-reduced-motion:no-preference){.abc-chip,.abc-tool button{transition:background-color .15s}}
@media print{
@page{size:A4;margin:10mm}
.skip-link,.site-header,.site-footer,.breadcrumb,.page-heading,.abc-info,.abc-controls,.abc-output>h2{display:none!important}
html,body{background:#fff!important}
.page-shell{padding:0!important;margin:0!important;max-width:none!important}
.abc-output{background:none;padding:0;margin:0}
.abc-card{width:85mm;height:54mm;max-width:none;aspect-ratio:auto;border:.3mm solid #000;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.abc-card-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.abc-tool[data-layout=sheet] .abc-sheet{display:grid;grid-template-columns:85mm 85mm;gap:6mm;justify-content:center}
.abc-tool[data-layout=sheet] .abc-card{border-style:dashed}
}