/* Daily Sales Record blog (2026-11-12). Loaded after css/home.css, which supplies the "Counter ledger" tokens, header, footer, store buttons
   and fonts. Only article/index layout lives here. Body text 18 px / 1.65 on a cream sheet, lines capped near 68 characters. */
.blog-wrap{max-width:860px;padding-bottom:clamp(30px,5vw,64px)}
.crumbs{padding:16px 0 12px;font-size:14.5px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:2px 0}
.crumbs li+li::before{content:"\203A";margin:0 8px;opacity:.7}
.crumbs a{text-underline-offset:3px}
.crumbs [aria-current]{opacity:.85}

.post,.idx-head,.grp,.related,.blog-wrap>.cta-box{margin-bottom:28px}
.post{background:var(--cream);border:2px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink);padding:clamp(20px,4.5vw,48px) clamp(16px,4.5vw,52px)}
.post-head h1,.idx-head h1{font-family:"Lilita One",Fredoka,system-ui,sans-serif;font-weight:400;font-size:clamp(30px,5.4vw,46px);line-height:1.1;letter-spacing:.005em;overflow-wrap:anywhere}
.post-meta{margin-top:12px;font-size:14.5px;opacity:.9}
.post-meta span{font-weight:500}
.post-body{margin-top:22px;max-width:68ch;font-size:18px;line-height:1.65}
.post-body>*+*{margin-top:1.05em}
.post-body h2{margin-top:2.1em;font-size:clamp(24px,3.6vw,30px);line-height:1.2;font-weight:600;scroll-margin-top:16px}
.post-body h3{margin-top:1.6em;font-size:20px;line-height:1.3;font-weight:600;scroll-margin-top:16px}
.post-body h2+*,.post-body h3+*{margin-top:.7em}
.post-body a{text-underline-offset:3px;text-decoration-thickness:1.5px}
.post-body a:hover{text-decoration-color:var(--brand)}
.post-body strong{font-weight:600}

.bul,.num-list,.check{display:flex;flex-direction:column;gap:.45em;padding-left:0}
.bul li{position:relative;padding-left:1.4em}
.bul li::before{content:"";position:absolute;left:.3em;top:.72em;width:.45em;height:.45em;background:var(--brand);border:1.5px solid var(--ink);border-radius:50%}
.num-list{counter-reset:n}
.num-list li{position:relative;padding-left:2.1em;counter-increment:n}
.num-list li::before{content:counter(n);position:absolute;left:0;top:.12em;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:600;background:var(--gold);border:1.5px solid var(--ink);border-radius:50%}
.check li{position:relative;padding-left:2em}
.check .box{position:absolute;left:0;top:.28em;width:1.15em;height:1.15em;border:2px solid var(--ink);border-radius:4px;background:#fff}

.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border:2px solid var(--ink);border-radius:8px;background:#fff;max-width:100%}
.tbl:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.tbl table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.tbl th,.tbl td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.tbl th{background:#FBE7A6;font-weight:600;border-bottom:2px solid var(--ink)}
.tbl table.wide{min-width:560px}
.tbl tr:last-child td{border-bottom:0}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}

.toc{padding:16px 20px;background:var(--paper);border:2px dashed var(--ink);border-radius:10px;font-size:16px;line-height:1.4}
.toc-t{font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
.toc ol{list-style:decimal;padding-left:1.3em;display:grid;gap:4px 28px}
@media (min-width:720px){.toc ol{grid-template-columns:1fr 1fr}}
.toc li{padding:2px 0}
.toc a{text-underline-offset:3px}

.cta-box{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px clamp(18px,4vw,34px);background:var(--ink);color:var(--paper);border-radius:12px;box-shadow:5px 5px 0 var(--gold);margin:1.7em 0}
.cta-box a{color:var(--paper)}
.cta-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:14px}
.cta-lead{font-size:19px;line-height:1.4;font-weight:500}
.cta-box .stores{margin-top:0}
.cta-phone{flex:none;width:130px}
.cta-phone .shot{border-color:var(--paper)}
.cta-box :focus-visible{outline-color:var(--gold)}
@media (max-width:560px){.cta-box.has-phone{flex-direction:column;align-items:flex-start}.cta-phone{width:112px}}
.blog-wrap>.cta-box{margin-top:0}

.faq-sec{padding:0}
.faq-q h3{margin-top:1.3em;font-size:19px;line-height:1.35}
.faq-q p{margin-top:.35em}

.related h2,.grp h2{font-size:clamp(22px,3.2vw,28px);font-weight:600;line-height:1.2}
.related ul,.cards{display:grid;gap:14px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.related a,.cards a{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 18px;background:var(--cream);border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);text-decoration:none;transition:transform .12s,box-shadow .12s}
.related a:hover,.cards a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.related a strong,.cards a strong{font-size:18px;line-height:1.3;font-weight:600}
.related a span,.cards a span{font-size:15px;line-height:1.45}
.cards a em{font-style:normal;font-size:13.5px;margin-top:auto;padding-top:4px;opacity:.85}
.related a em{display:none}
.idx-head{padding-top:8px}
.idx-lead{margin-top:14px;max-width:44em;font-size:18px;line-height:1.6}
.grp-blurb{margin-top:4px;font-size:16px}
.grp{margin-top:34px}
.site-foot{margin-top:0}
@media (max-width:560px){
  .blog-wrap{padding-left:10px;padding-right:10px}
  .post{padding:20px 14px;box-shadow:4px 4px 0 var(--ink)}
  .post-body{font-size:17px;line-height:1.62}
  .tbl table{font-size:15px}
}