/* 03 クラフト紙 — 茶色い紙・手書き風・スタンプ */
:root { --bg: #d9c4a0; --surface: #efe3cc; --ink: #3a2a17; --muted: #6e5634; --line: #b89d72; --accent: #a8361f; --green: #3a2a17; --soft: #cdb58c; --radius: 4px; }
body { font-family: "Klee One", "Zen Kaku Gothic New", sans-serif; background-image: radial-gradient(rgba(80,50,20,.08) 1px, transparent 1px); background-size: 6px 6px; }
h1, h2, .logo-text { font-family: "Klee One", serif; font-weight: 600; }
.site-header { background: rgba(217,196,160,.95); border-bottom: 2px dashed var(--line); }
.logo-mark { border-radius: 4px; transform: rotate(-6deg); }
.btn { border-radius: 4px; box-shadow: 3px 3px 0 var(--ink); }
.btn-ghost { background: var(--surface); }
.hero-art .art { transform: rotate(2deg); box-shadow: 0 12px 0 -4px var(--surface), 0 14px 30px rgba(60,30,0,.25); border: 10px solid var(--surface); }
.features { background: var(--surface); border: 2px dashed var(--line); }
.features div + div { border-left: 2px dashed var(--line); }
.badge { border: 2px solid var(--accent); background: transparent; color: var(--accent); border-radius: 50%; width: 52px; height: 52px; display: grid; place-items: center; padding: 0; transform: rotate(-12deg); font-size: .7rem; }
.card .art { border: 8px solid var(--surface); box-shadow: 0 6px 16px rgba(60,30,0,.15); }
.story { background: var(--ink); border-radius: 4px; }
.story .eyebrow { color: #d9c4a0; }
.cart-items, .summary, .form { background: var(--surface); border: 2px dashed var(--line); }
.site-footer { background: var(--soft); }
@media (max-width: 680px) { .features div + div { border-left: 0; border-top: 2px dashed var(--line); } }