:root { color-scheme:light; --paper:#fffdf7; --green:#075126; --orange:#ef5b00; --ink:#342014; --line:#dbc896; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html,body { margin:0; min-width:320px; background:#f3efe5; }
body { color:var(--ink); font-family:"Noto Sans JP","Yu Gothic",sans-serif; line-height:1.8; }
.page { width:min(calc(100% - 28px),860px); margin:28px auto; padding:clamp(24px,5vw,56px); border-radius:18px; background:var(--paper); box-shadow:0 8px 32px rgba(52,38,29,.12); }
.brand { margin:0 0 24px; }
.brand a { color:var(--green); font-weight:800; text-decoration:none; }
h1,h2 { font-family:"Noto Serif JP","Yu Mincho",serif; line-height:1.45; }
h1 { margin:.2em 0 .8em; color:var(--green); font-size:clamp(28px,5vw,40px); }
h2 { margin:2em 0 .5em; font-size:22px; }
p,li,dd { overflow-wrap:anywhere; }
ul { padding-left:1.4em; }
.draft { padding:12px 16px; border-left:5px solid var(--orange); background:#fff1e7; font-weight:700; }
.info-list { display:grid; grid-template-columns:minmax(150px,220px) 1fr; margin:24px 0; border-top:1px solid var(--line); }
.info-list dt,.info-list dd { margin:0; padding:14px 10px; border-bottom:1px solid var(--line); }
.info-list dt { font-weight:800; }
.placeholder { color:#a23d00; font-weight:800; }
.back { display:inline-block; margin-top:32px; color:var(--green); font-weight:800; }
.action-button { display:inline-block; margin-top:20px; padding:13px 20px; border:0; border-radius:999px; background:var(--green); color:#fff; font:inherit; font-weight:800; cursor:pointer; }
.action-button:disabled { opacity:.55; cursor:wait; }
.form-error { min-height:1.8em; color:#a23d00; font-weight:700; }
.account-embedded-checkout:not([hidden]) { min-height:420px; margin-top:20px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; }
@media(max-width:560px){ .page{margin:0 auto;border-radius:0}.info-list{grid-template-columns:1fr}.info-list dt{padding-bottom:2px;border-bottom:0}.info-list dd{padding-top:2px} }