:root{--brand-deep: #7a1b14;--brand-egg: #ffe08a;--brand-cream:#fff9e5;--brand-ink: #1b1b1b;--brand-leaf: #2c6e49;--radius-xl: 20px;--shadow-soft: 0 10px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;color:var(--brand-ink);background:transparent}a{color:var(--brand-deep);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1100px,92%);margin:0 auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:999px;background:var(--brand-deep);color:#fff;font-weight:600;box-shadow:var(--shadow-soft);transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.chip{display:inline-block;padding:.25rem .65rem;border-radius:999px;background:var(--brand-egg);color:#5b3b00;font-weight:600}header.sticky{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-bottom:1px solid rgba(0,0,0,.06)}nav a{padding:.75rem;border-radius:12px}nav a[aria-current=page]{background:#7a1b1414}.hero{background:radial-gradient(60% 80% at 20% 10%,rgba(240,207,106,.35),transparent 60%),radial-gradient(50% 60% at 80% 20%,rgba(122,27,20,.15),transparent 60%);padding:64px 0 24px}.hero-card{background:#fff;border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-soft);display:grid;gap:18px}.grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr)}.col-12{grid-column:span 12}@media (min-width: 900px){.col-7{grid-column:span 7}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-3{grid-column:span 3}}footer{margin-top:60px;background:#111;color:#eee;padding:32px 0}.footer-grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr)}.footer-col{grid-column:span 12}@media (min-width: 900px){.footer-col{grid-column:span 4}}main{padding-bottom:120px;display:block}.page-fade{height:120px;background:linear-gradient(180deg,var(--brand-cream),#fff)}footer{margin-top:80px;padding-top:40px;padding-bottom:48px}footer{margin-top:3lh;padding-top:32px}@supports not (margin-top: 1lh){footer{margin-top:3em}}main{padding-bottom:3em;padding-bottom:3lh}footer{margin-top:0}:root{--safe-pad: clamp(12px, 4vw, 20px)}.container{width:min(1100px,100%);padding-inline:var(--safe-pad)}.btn{min-height:44px;padding:.8rem 1.1rem}h1,h2,h3{line-height:1.25}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.menu-btn{display:none;border:none;background:transparent;padding:10px;border-radius:12px}.menu-btn:focus-visible{outline:2px solid var(--brand-deep);outline-offset:2px}.nav-links{display:flex;gap:4px;flex-wrap:wrap}.nav-sheet{display:none}@media (max-width: 899px){.nav-links{display:none}.menu-btn{display:inline-flex;margin-left:auto}.nav-sheet{display:block;position:fixed;inset:0 0 auto 0;top:56px;background:#fffffffa;border-top:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-soft);padding:8px var(--safe-pad) 16px}.nav-sheet a{display:block;padding:12px;border-radius:12px}}.card{background:#fff;border-radius:16px;padding:18px;box-shadow:var(--shadow-soft)}@media (max-width: 899px){.hero{padding:40px 0 16px}.card{padding:16px}footer{padding:24px 0}}html{background:linear-gradient(180deg,#fffdf4 0%,var(--brand-cream) 100%);background-attachment:scroll}.card>.card{box-shadow:none;border:1px solid rgba(0,0,0,.04)}