/* ラベル帳 — shared styles (ZEROICHI WORKS) */
:root{
  --paper:#F5F6F3;
  --surface:#FFFFFF;
  --ink:#1E2621;
  --muted:#5B655F;
  --line:#D8DDD8;
  --line-strong:#B9C0BA;
  --leaf:#2E6A4F;
  --leaf-dark:#21503B;
  --leaf-soft:#E5EFE9;
  --kraft:#A8763E;
  --kraft-soft:#F3EBDF;
  --alert:#B3261E;
  --alert-soft:#FBEAE8;
  --warn:#8A5A00;
  --warn-soft:#FFF4DC;
  --radius-s:4px;
  --radius-m:8px;
  --ui:"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;
  --label:"BIZ UDPGothic","BIZ UDゴシック","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.75;overflow-x:hidden}
a{color:var(--leaf-dark)}
:focus-visible{outline:3px solid #6FA88B;outline-offset:2px}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;border:1px solid var(--leaf);background:var(--leaf);color:#fff;padding:.55em 1.1em;border-radius:var(--radius-m);font-weight:700;text-decoration:none;cursor:pointer;line-height:1.3;min-height:44px}
.btn:hover{background:var(--leaf-dark);border-color:var(--leaf-dark)}
.btn.ghost{background:transparent;color:var(--leaf-dark)}
.btn.ghost:hover{background:var(--leaf-soft)}
.btn.small{min-height:36px;padding:.35em .8em;font-size:.9rem}
.btn.danger{background:transparent;border-color:var(--alert);color:var(--alert)}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* the label itself: 一括表示 frame */
.fl{font-family:var(--label);color:#000;background:#fff;border:1.2px solid #000;font-size:9pt;line-height:1.35;width:100%}
.fl table{border-collapse:collapse;width:100%}
.fl th,.fl td{border:0.6px solid #000;padding:.25em .45em;vertical-align:top;text-align:left;font-weight:400}
.fl th{white-space:nowrap;width:1%;}
.fl tr:first-child th,.fl tr:first-child td{border-top:none}
.fl tr:last-child th,.fl tr:last-child td{border-bottom:none}
.fl th:first-child{border-left:none}
.fl td:last-child{border-right:none}
.fl .nut{border-top:1.2px solid #000;padding:.2em .45em}
.fl .nut-h{font-weight:700}
.fl .nut-row{display:flex;flex-wrap:wrap;gap:0 1em}
.fl .nut-note{font-size:.85em}

/* site chrome */
.site-head{background:var(--surface);border-bottom:1px solid var(--line)}
.site-head .in{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:.5em;text-decoration:none;color:var(--ink);font-weight:700;font-size:1.1rem}
.logo-mark{width:28px;height:20px;border:2px solid var(--ink);border-radius:3px;position:relative;background:var(--kraft-soft)}
.logo-mark::before{content:"";position:absolute;left:3px;right:3px;top:6px;height:2px;background:var(--ink);box-shadow:0 5px 0 var(--ink)}
.site-foot{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.85rem}
.site-foot .in{max-width:1080px;margin:0 auto;padding:20px 16px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
.site-foot a{color:var(--muted)}
.ai-note{font-size:.8rem;color:var(--muted)}
/* ZEROICHI WORKS の印(全ページ共通の足元) */
.site-foot .in>span:first-child{display:inline-flex;align-items:center;gap:.5em}
.site-foot .in>span:first-child::before{content:"01";display:inline-grid;place-items:center;width:22px;height:22px;border:1.5px solid currentColor;border-radius:4px;font:700 11px/1 var(--ui);letter-spacing:0}

/* doc pages */
.doc{max-width:820px;margin:0 auto;padding:32px 16px 56px}
.doc h1{font-size:1.45rem;margin:0 0 .3em}
.doc h2{font-size:1.1rem;margin:2em 0 .5em}
.doc table{border-collapse:collapse;width:100%;margin-top:16px;background:var(--surface)}
.doc th,.doc td{border:1px solid var(--line);padding:12px 14px;vertical-align:top;text-align:left;font-size:.95rem}
.doc th{background:#EEF1EE;width:32%;font-weight:700}
.muted{color:var(--muted);font-size:.9rem}
@media (max-width:600px){.doc tr{display:block;margin-bottom:12px}.doc th,.doc td{display:block;width:100%}.doc th{border-bottom:none}.doc td{border-top:none;overflow-wrap:anywhere}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}