[hidden]{display:none!important}
.lead{margin:4px 0 14px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:12px 0 30px}
.cc{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--paper);border:2px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);padding:0 0 12px;overflow:hidden;min-height:44px}
.cc .band{background:var(--accent);color:#fff;font-size:12px;padding:5px 12px;display:flex;justify-content:space-between;gap:8px}
.cc b{padding:4px 14px 0;font-size:18px;line-height:1.5}.cc .go{padding:0 14px;font-size:14px;color:var(--accent);font-weight:700}
.cc:hover{transform:translate(-1px,-1px)}.cc:focus-visible,.btn:focus-visible,.back:focus-visible{outline:3px solid #e8a317;outline-offset:2px}
.ctl{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}
.ctl .back{margin:0;min-height:44px;display:inline-flex;align-items:center}
.hint{font-size:13px;color:var(--mute)}
.btn{font:inherit;font-size:16px;font-weight:700;background:var(--accent);color:#fff;border:2px solid var(--ink);border-radius:12px;padding:8px 18px;min-height:44px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.sheet{background:#fff;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px 22px 18px;margin:0 0 40px;font-size:15.5px;line-height:1.7}
.sh-head{border-bottom:3px double var(--ink);padding-bottom:8px;margin-bottom:10px}
.sh-kick{font-size:13px;color:var(--mute);letter-spacing:.08em}
.sheet h2{font-size:26px;line-height:1.4;margin:2px 0 0}
.sheet h3{font-size:16px;margin:12px 0 4px;padding-left:8px;border-left:5px solid var(--accent);line-height:1.4}
.sh-parent{border:2px solid var(--red);background:#fff3f1;border-radius:8px;padding:6px 12px;font-size:14px;line-height:1.65}
.sh-parent b{color:var(--red)}
.sh-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.mat,.saf ul{margin:0;padding:0;list-style:none}
.mat li{padding-left:26px;position:relative;margin:3px 0}
.mat li::before{content:"";position:absolute;left:2px;top:.45em;width:14px;height:14px;border:2px solid var(--ink);border-radius:3px}
.saf{background:#fff8e5;border:2px solid #e8c766;border-radius:8px;padding:0 12px 6px}
.saf li{margin:4px 0;padding-left:1em;text-indent:-1em}.saf li::before{content:"・"}
.stp{margin:0;padding-left:1.6em}.stp li{margin:5px 0;padding-left:4px}.stp li::marker{font-weight:700;color:var(--accent)}
.exp p{margin:2px 0 6px}
.memo{border:1.5px dashed var(--line);border-radius:8px;min-height:90px;padding:4px 10px;font-size:12px;color:var(--mute);background:repeating-linear-gradient(transparent 0 27px,var(--line) 27px 28px)}
.sh-foot{margin-top:14px;border-top:1px solid var(--line);padding-top:8px;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.url{font-family:ui-monospace,monospace;font-size:12.5px;word-break:break-all;color:var(--ink)}
.sh-by{color:var(--mute);font-size:12px}
@media(max-width:600px){.sh-cols{grid-template-columns:1fr}.sheet{padding:16px 14px}.sheet h2{font-size:22px}}
@media print{
 @page{size:A4 portrait;margin:11mm}
 html,body{background:#fff!important}
 .nop,#lst,footer{display:none!important}
 .wrap{max-width:none;padding:0}
 .sheet{border:2px solid #000;box-shadow:none;margin:0;padding:6mm;font-size:10.5pt;line-height:1.45;break-inside:avoid;page-break-inside:avoid}
 .sheet h2{font-size:19pt}.sheet h3{font-size:12pt}
 .sh-parent{font-size:10.5pt}.url{font-size:10pt}.memo{min-height:20mm}.saf li,.stp li,.mat li{margin:2px 0}
 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}