:root{color:#152038;background:#f4f7ff;font:16px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem max(1rem,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #dae3f5}
header img{width:176px;height:auto;display:block}
header a,main a{color:#1944bc}
main{width:min(1120px,calc(100% - 2rem));margin:2.6rem auto}
h1,h2,p{margin:0 0 .65rem}
h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.055em}
h2{font-size:1.35rem;letter-spacing:-.035em}
p,small,li{color:#45516a}
.intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.card{padding:1.4rem;background:#fff;border:1px solid #dce3f0;border-radius:14px;min-width:0}
.sku-note{padding:.75rem .85rem;background:#fff5eb;border-left:3px solid #b75c28;color:#3b2a20;border-radius:6px}
.entry{max-width:520px;margin:0 auto 1.4rem}
form{display:grid;gap:.8rem;margin-top:1rem}
label{font-weight:700;display:grid;gap:.25rem}
input,select,textarea,button{font:inherit}
input,textarea,select{width:100%;min-width:0;padding:.58rem;border:1px solid #bfcbe0;border-radius:7px;color:#152038;background:#f8faff}
.check{display:flex;align-items:start;font-weight:500}
.check input{width:auto;margin-top:.35rem}
button{width:fit-content;cursor:pointer;padding:.58rem .95rem;border:1px solid #244ce2;border-radius:8px;background:#244ce2;color:#fff;font-weight:700}
button:hover{background:#1638af}
button:disabled{opacity:.55;cursor:wait}
.secondary{background:#fff;color:#1944bc}
.secondary:hover{background:#edf2ff}
.support-button{display:inline-block;padding:.58rem .95rem;border:1px solid #087a43;border-radius:8px;background:#087a43;color:#fff;font-weight:700;text-decoration:none}
.support-button:hover{background:#066536;color:#fff}
:focus-visible{outline:3px solid #aa4c0d;outline-offset:3px}
#notice:not(:empty){position:sticky;bottom:12px;padding:.8rem 1rem;background:#eef3ff;border:1px solid #b9c9ef;border-radius:8px;margin:1rem 0;z-index:1}
.guide{margin-top:1rem}
.guide li{padding:.3rem 0}
.records{list-style:none;padding:0;max-height:510px;overflow:auto}
.records li{border-top:1px solid #e0e6f2;padding:.65rem 0;overflow-wrap:anywhere}
.records strong,.records small{display:block}
.records button,.records a{margin-right:.6rem;margin-top:.4rem}
#admin h2:not(:first-child){margin-top:1.5rem}
details{margin-top:.8rem}
code{overflow-wrap:anywhere}
.order-line{display:grid;grid-template-columns:minmax(0,1fr) 85px auto;gap:.4rem;align-items:end;margin-bottom:.45rem}
@media(max-width:700px){.grid{grid-template-columns:1fr}.card{padding:1rem}}