/* Updated 2026-09-15: A static, readable introduction, isolated from group data and the application bundle. */
:root{color-scheme:dark;--bg:#11151b;--paper:#ebe7dd;--ink:#f1eee5;--muted:#b2b9c2;--gold:#dfbd78;--line:#343b45;font-family:'Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;background:var(--gold);color:#111;padding:12px;z-index:2}.skip:focus{top:12px}.site-head{display:flex;align-items:center;justify-content:space-between;padding-block:24px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:700 24px 'Yu Mincho',serif;letter-spacing:.12em}.brand small{display:block;font:9px sans-serif;letter-spacing:.22em;color:var(--muted);margin-top:5px}.seal{border:1px solid #a78c56;color:var(--gold);padding:8px 10px;border-radius:5px}.quiet{font-size:13px;text-decoration:none;color:var(--muted)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center;padding-block:86px 96px}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.13em;margin:0 0 24px}h1{font:700 clamp(30px,4vw,48px)/1.6 'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.035em;margin:0 0 24px}h1 span{color:var(--gold)}.intro,.how>div>p{font-size:14px;line-height:2.1;color:var(--muted)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.primary{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--gold);color:#211b11;font-size:14px;font-weight:700;text-decoration:none;border-radius:5px;padding:17px 25px}.primary:hover{background:#edcd8c}.text-link{font-size:12px;text-underline-offset:5px}.note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:18px}.paper{background:var(--paper);color:#24282b;padding:30px;border-top:5px solid #a78c56;box-shadow:10px 14px 0 #252c35;transform:rotate(2deg)}.paper-title{font:900 34px 'Yu Mincho',serif;letter-spacing:.17em;border-bottom:3px double #454d50;padding-bottom:18px}.paper-title span{display:block;font:8px sans-serif;letter-spacing:.23em;margin-top:8px}.paper-kicker{font-size:11px;margin-top:24px}.paper h2{font:700 32px/1.6 'Yu Mincho',serif;margin:18px 0}.paper>p{font-size:12px;line-height:2}.paper-rule{border-top:1px solid #b7b4aa;margin-block:22px}.paper-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.paper-columns strong{font-size:12px}.paper-columns p,.paper .paper-caption{font-size:10px}.paper .paper-caption{color:#66685f;margin:24px 0 0}.section{padding-block:64px;border-top:1px solid var(--line)}.section h2,.closing h2{font:700 clamp(25px,3vw,34px)/1.6 'Yu Mincho',serif;margin:0 0 32px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cards article{border-top:1px solid #6d654f;padding-top:22px}.number{color:var(--gold);font:italic 24px Georgia,serif}.cards h3{font-size:18px;margin:20px 0 12px}.cards p,.how li p,.faq p{font-size:14px;color:var(--muted);line-height:2}.how{display:grid;grid-template-columns:1fr 1fr;gap:64px}.how ol{margin:0;padding-left:24px}.how li{padding:0 0 22px 8px}.how li::marker{color:var(--gold)}.how li strong{font-size:16px}.how li p{margin:10px 0 0}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px;line-height:1.7}.faq p{max-width:800px}.closing{text-align:center;padding-block:70px 90px;border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);padding-block:24px 36px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}footer nav{display:flex;gap:24px;flex-wrap:wrap}footer a{text-underline-offset:4px}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:48px 56px;gap:40px}.paper{width:min(100%,400px);margin:auto;transform:none;box-shadow:6px 8px 0 #252c35}.cards,.how{grid-template-columns:1fr;gap:28px}.section{padding-block:40px}.wide{display:none}.closing{padding-block:48px}footer{flex-direction:column}.brand{font-size:21px}.quiet{font-size:11px}.actions{gap:20px}.wrap{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}