:root{--bg: #fbfaf7;--paper: #fffefd;--paper-soft: #f6f2ea;--ink: #242426;--muted: #716c64;--line: #ded7cc;--line-strong: #c7b79f;--gold: #ad9066;--gold-dark: #8a704e;--shadow: 0 18px 50px rgba(40, 36, 30, .08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(90deg,rgba(173,144,102,.06) 1px,transparent 1px),linear-gradient(180deg,#fffefd 0%,var(--bg) 42%,#f5f0e7 100%);background-size:72px 72px,auto;color:var(--ink);font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,"Noto Serif JP",serif;letter-spacing:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}p,h1,h2,h3{margin:0}p{line-height:1.95}.shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:20px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 28px}.brand,.textButton{border:0;background:transparent;color:var(--ink);cursor:pointer}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;font-size:18px;font-weight:600}.brandIcon{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;object-fit:cover}.textButton{min-height:40px;padding:0 2px;color:var(--gold-dark);font-size:15px;border-bottom:1px solid transparent}.textButton:hover{border-color:var(--gold)}.hero{min-height:calc(100svh - 150px);display:grid;grid-template-columns:minmax(260px,440px) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,84px);padding:clamp(28px,6vw,72px) 0}.heroLogo{width:min(100%,420px);aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.92) contrast(1.02)}.heroCopy{max-width:560px}.heroCopy h1,.panel h1{font-size:clamp(32px,5vw,56px);font-weight:500;line-height:1.35}.heroCopy p:not(.eyebrow){max-width:34em;color:var(--muted);font-size:17px}.eyebrow{color:var(--gold-dark);font-size:12px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.panel{background:#fffefdf0;border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);padding:clamp(20px,4vw,40px)}.stack{display:grid;gap:18px}.centered{justify-items:center;text-align:center}.statusLogo{width:120px;height:120px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;width:fit-content;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:#fffefd;padding:0 22px;cursor:pointer;line-height:1.2;touch-action:manipulation;transition:background .16s ease,border-color .16s ease,transform .16s ease}.button:hover{background:#111;transform:translateY(-1px)}.button.primaryAction{margin-top:8px;min-width:240px;border-color:var(--gold-dark);background:var(--gold-dark)}.button.sampleAction{margin-top:-8px}.button.secondary{background:transparent;color:var(--gold-dark);border-color:var(--gold)}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink);padding:13px 14px;font-size:16px;line-height:1.7}.input:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ad906629;outline:none}.textarea{min-height:112px;resize:vertical}.muted{color:var(--muted)}.questionnaire{gap:22px}.sticky{position:sticky;top:10px;z-index:2}.sectionHeader{display:flex;align-items:end;justify-content:space-between;gap:18px}.sectionHeader h1{margin-top:6px}.progressCount{color:var(--gold-dark);font-size:clamp(26px,4vw,40px);line-height:1;white-space:nowrap}.progress{width:100%;height:8px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#f0ebe3}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-dark))}.question,.chapter{border-top:1px solid var(--line);padding-top:24px}.question:first-child{border-top:0;padding-top:0}.questionMeta{color:var(--gold-dark);font-size:13px;font-weight:700;line-height:1.4}.question h2,.chapter h2{font-size:clamp(20px,2.6vw,28px);font-weight:500;line-height:1.65}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--line);border-radius:3px;background:#ffffffbd;padding:10px 12px;line-height:1.45}.option:has(input:checked){border-color:var(--gold);background:#f8f3ea}.option input{width:18px;height:18px;accent-color:var(--gold-dark);flex:0 0 auto}.notice,.lock{border:1px solid var(--line-strong);border-radius:3px;background:var(--paper-soft);padding:18px}.lock{color:var(--muted)}.constitution{max-width:820px;margin:0 auto}.constitution h1{padding-bottom:18px;border-bottom:1px solid var(--gold)}.constitutionActions{display:flex;flex-wrap:wrap;gap:10px}.constitutionActions .button{min-height:44px}.actionMessage{border-left:2px solid var(--gold);padding-left:12px}.constitution h3{color:var(--ink);font-size:18px;font-weight:600;line-height:1.6}@media(max-width:760px){.shell{width:min(100% - 22px,1040px);padding:10px 0 34px}.topbar{padding-bottom:16px}.brand{font-size:16px}.brandIcon{width:34px;height:34px}.hero{min-height:auto;grid-template-columns:1fr;justify-items:center;gap:18px;padding:10px 0 28px;text-align:center}.heroLogo{width:min(78vw,300px)}.heroCopy{justify-items:center}.heroCopy h1,.panel h1{font-size:32px}.panel{padding:18px}.button{width:100%}.constitutionActions{display:grid;grid-template-columns:1fr}.sticky{top:0}.sectionHeader{align-items:start}.progressCount{font-size:24px}.options{grid-template-columns:1fr}.option{min-height:52px}}@media print{body{background:#fff}.shell{width:100%;padding:0}.topbar,.constitutionActions,.notice,.lock,.actionMessage{display:none!important}.panel{border:0;box-shadow:none;padding:0}.constitution{max-width:none}.chapter{break-inside:avoid;page-break-inside:avoid}}
