:root{--ink:#252525;--muted:#626262;--paper:#ededed;--line:#bcbcbc;--accent:#444444}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 "Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#111111}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.preview{text-align:center;background:#252525;color:#fff;padding:7px 16px;font-size:13px;letter-spacing:.04em}header{max-width:1200px;margin:auto;padding:26px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;font-weight:700;letter-spacing:.04em}.mark{display:inline-grid;place-items:center;background:var(--ink);color:#fff;width:36px;height:36px;margin-right:12px;border-radius:50%}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}main{max-width:1200px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:85px 0 75px;align-items:center}.eyebrow{color:#626262;font-size:13px;font-weight:bold;letter-spacing:.18em}h1,h2,h3{line-height:1.5;letter-spacing:.025em}h1{font-family:"Yu Mincho",serif;font-size:48px;font-weight:600;margin:20px 0 24px}h1 em{font-style:normal;color:#252525}.lead{font-size:18px}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;border:0;background:var(--ink);color:#fff;border-radius:4px;padding:16px 22px;text-decoration:none;font:inherit;font-weight:bold;cursor:pointer;margin-top:18px}.button:hover{background:#444444;color:white}.muted{font-size:13px;color:var(--muted)}.note{background:transparent;padding:35px 35px 22px;border-radius:3px;box-shadow:none;transform:none}.tag{font-size:13px;letter-spacing:.12em;border:1px solid #bcbcbc;padding:6px 10px}.note h2{font-family:"Yu Mincho",serif;font-size:28px;margin-top:30px}.note ol{list-style:none;padding:0}.note li{border-bottom:1px solid #bcbcbc;padding:16px 0;font-size:15px}.note li span{font-family:Georgia,serif;color:#626262;margin-right:18px}.note-bottom{font-size:13px;margin-top:24px;color:#626262}.section-head{border-top:1px solid var(--line);padding-top:30px;margin-bottom:30px}.section-head h2{font-size:28px;margin:8px 0}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide{text-decoration:none;display:flex;flex-direction:column;background:transparent;border:0;border-bottom:1px solid var(--line);padding:28px 0;}.guide:hover{transform:none}.guide span{font-size:13px;color:#626262}.guide h3{font-family:"Yu Mincho",serif;font-size:22px;margin:22px 0 12px}.guide p{font-size:14px;color:var(--muted)}.guide b{font-size:13px;margin-top:auto;padding-top:18px}.stance{max-width:760px;padding:70px 0 80px}.stance h2{font-size:27px}footer{border-top:1px solid var(--line);padding:35px max(36px,calc((100vw - 1128px)/2));font-size:13px}footer div{display:flex;gap:25px;flex-wrap:wrap}footer small{display:block;margin-top:20px;color:var(--muted)}article{max-width:780px;margin:55px auto 75px}article h1{font-size:37px}article h2{font-size:23px;margin-top:42px}article p{margin:18px 0}article .eyebrow{margin-top:30px}.article-intro{border-left:3px solid #bcbcbc;padding-left:20px;color:var(--muted)}.back{font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td{border:1px solid var(--line);padding:12px}tr:first-child{background:transparent;font-weight:bold}.related{border-top:1px solid var(--line);margin-top:50px}.calc{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:transparent;padding:28px;border:1px solid var(--line);margin:35px 0}label{display:block;font-size:14px;margin-bottom:7px}input{width:100%;font:inherit;color:var(--ink);padding:9px;border:1px solid #888888;border-radius:3px;margin-bottom:18px;background:white}.result{background:transparent;padding:25px;display:flex;flex-direction:column;justify-content:center}.result strong{font-size:46px;font-family:Georgia,serif;line-height:1.3}.result strong span{font-size:18px;margin-left:8px}.result p{font-size:13px}hr{border:0;border-top:1px solid var(--line)}@media(max-width:760px){header{padding:18px 20px;display:block}nav{margin-top:17px;gap:22px;font-size:13px}main{padding:0 22px}.hero{display:block;padding:42px 0}.hero h1{font-size:36px}.lead{font-size:16px}.note{margin:40px 8px 15px 0;padding:26px}.guides{grid-template-columns:1fr}.guide{padding:24px}.guide h3 br{display:none}.stance{padding:45px 0}.stance h2{font-size:23px}article{margin:35px auto 50px}article h1{font-size:29px}article h2{font-size:21px}.calc{grid-template-columns:1fr;padding:20px}.desktop{display:none}footer{padding:30px 22px}.preview{font-size:13px}.button{font-size:14px;gap:20px}}
th{border:1px solid var(--line);padding:12px;text-align:left}

/* Neutral, stationary cards; decorative shapes follow DOM position only. */
html{scroll-behavior:auto}small{font-size:13px}.note,.calc,.result{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;transform:none}.tag{border:0;padding:0}.note{padding:30px 0}.note li{border:0}.guide{position:relative;isolation:isolate;overflow:hidden;border-radius:0;box-shadow:none;transition:none;background:transparent;padding:32px 0 38px}.guide::before{content:"";position:absolute;z-index:-1;pointer-events:none;background:#dedede;width:150px;height:150px;right:12px;top:28px}.guide:nth-child(3n+1)::before{border-radius:50%}.guide:nth-child(3n+2)::before{border-radius:0;transform:rotate(25deg);width:120px;height:120px;right:24px;top:38px}.guide:nth-child(3n)::before{clip-path:polygon(50% 0,100% 100%,0 100%)}.guide span{color:#555}.guide p{color:#555}.guides{gap:38px}.section-head{border:0}input{background:transparent}.preview{background:transparent;color:#555;border-bottom:1px solid var(--line)}.mark{background:transparent;color:var(--ink);border-radius:0}.button{border-radius:0}tr:first-child{background:transparent}@media(max-width:760px){.guide{padding:28px 0 32px}.note{padding:26px 0}.preview{font-size:13px}}
