:root{--paper:#f7f2e9;--white:#fffdf8;--ink:#26332a;--muted:#626c61;--rust:#b94e2d;--line:#d9d8cc;--olive:#52604c;--soft:#e9edde}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:.2em}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2{line-height:1.5;letter-spacing:.015em}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-size:clamp(2rem,4.3vw,4rem)}h2{font-size:clamp(1.45rem,2.3vw,2rem)}h3{font-size:1.2rem;line-height:1.6}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.narrow{max-width:790px}.skip{position:absolute;top:-80px;left:12px;z-index:100;background:var(--white);padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #db6e43;outline-offset:4px}.site-header{background:var(--white);border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;font-size:1.3rem;font-weight:700;display:flex;gap:12px;align-items:center;line-height:1.5}.brand img{width:38px}.brand small{display:block;font-size:.62rem;font-weight:500;letter-spacing:.09em;color:var(--muted)}nav.header-nav{display:flex;gap:25px;font-size:.9rem}nav.header-nav a{text-decoration:none}.menu{display:none;background:none;border:1px solid var(--line);padding:7px 12px;color:var(--ink)}.eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.15em;color:var(--rust);margin-bottom:20px}.hero{padding:64px 0 60px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:50px}.hero h1{margin-bottom:24px;line-height:1.5}.hero p{max-width:35em;font-size:1.02rem;color:var(--muted)}.hero-photo{position:relative;margin:0}.hero-photo img{border-radius:45% 45% 4px 4px;aspect-ratio:1/1.08;object-fit:cover}.hero-photo figcaption{font-size:.65rem;margin-top:12px;color:var(--muted)}.hero-tag{position:absolute;left:-22px;bottom:58px;padding:18px 24px;background:var(--white);border:1px solid var(--line);font-size:.8rem;line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;background:var(--ink);color:var(--white);border:1px solid var(--ink);padding:12px 22px;text-decoration:none;font-weight:600;font-size:.9rem}.button.rust{background:var(--rust);border-color:var(--rust)}.button.secondary{background:transparent;color:var(--ink)}.text-link{font-size:.9rem}.section{padding:72px 0;border-top:1px solid var(--line)}.section.white{background:var(--white)}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.section-title h2{margin-bottom:0}.section-title p{color:var(--muted);font-size:.9rem;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:26px 0;border-top:2px solid var(--olive)}.step .num{font-family:serif;font-size:2rem;color:var(--rust);display:block;margin-bottom:18px}.step p{color:var(--muted);font-size:.9rem;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px}.card{background:var(--white);border:1px solid var(--line);text-decoration:none;display:block}.card img{aspect-ratio:3/2;object-fit:cover}.card-content{padding:23px}.card small{color:var(--rust);font-size:.72rem}.card h3{margin:10px 0 14px;font-size:1.08rem}.card p{color:var(--muted);font-size:.83rem;margin-bottom:18px}.card .read{font-size:.8rem}.card:hover h3{text-decoration:underline;text-underline-offset:.2em}.tool-callout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--soft)}.tool-callout>div{padding:40px}.tool-callout>div+div{border-left:1px solid var(--line);background:#eee0d3}.tool-callout p{color:var(--muted);font-size:.9rem}.breadcrumb{padding-top:28px;font-size:.76rem;color:var(--muted)}.page-heading{padding:45px 0 50px}.page-heading h1{font-size:clamp(1.85rem,3.2vw,3rem);max-width:28em}.page-heading p{max-width:52em;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 240px;gap:55px;align-items:start;padding-bottom:75px}.article-body{min-width:0}.article-body>section{padding:24px 0 10px}.article-body>section h2{font-size:1.5rem;border-top:1px solid var(--line);padding-top:30px}.article-body p{margin-bottom:24px;line-height:2.05;overflow-wrap:anywhere}.article-cover{margin:0 0 24px}.article-cover img{aspect-ratio:3/2;object-fit:cover}.article-cover figcaption,.body-diagram figcaption{color:var(--muted);font-size:.72rem;line-height:1.7;margin-top:10px}.article-meta{color:var(--muted);font-size:.75rem}.answer{padding:25px 28px;background:var(--soft);border-left:4px solid var(--olive);margin:32px 0}.answer strong{display:block;font-size:.76rem;color:var(--olive);margin-bottom:10px}.answer p{margin:0}.toc{position:sticky;top:25px;border-top:2px solid var(--olive);padding-top:20px;font-size:.8rem}.toc strong{display:block;margin-bottom:15px}.toc a{display:block;padding:9px 0;text-decoration:none;border-bottom:1px solid var(--line)}.toc a:hover{text-decoration:underline}.body-diagram{margin:30px 0}.body-diagram img{width:100%;height:auto;border:1px solid var(--line);background:var(--white)}.table-scroll{width:100%;overflow-x:auto;margin:28px 0;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;background:var(--white);font-size:.85rem;line-height:1.7}th,td{padding:15px 18px;text-align:left;vertical-align:top;border:1px solid var(--line)}th{background:var(--soft);font-weight:600}caption{text-align:left;color:var(--muted);font-size:.8rem;margin-bottom:12px}.comparison{min-width:820px}.comparison td:first-child{min-width:150px}.note{padding:22px;background:#eee4d8;border-left:3px solid var(--rust);font-size:.85rem;margin:26px 0}.sources{padding:25px;background:var(--white);border:1px solid var(--line);font-size:.8rem;line-height:1.9}.sources ul{padding-left:20px}.sources h2{font-size:1.2rem}.model-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.model{border:1px solid var(--line);padding:25px;background:var(--white)}.model dl{font-size:.84rem}.model dt{color:var(--muted)}.model dd{margin:0 0 15px}.model .button{width:100%;margin-top:10px}.model p{font-size:.8rem;color:var(--muted)}.tool-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding-bottom:50px}.form-panel{border:1px solid var(--line);background:var(--white);padding:32px}.form-panel h2{font-size:1.4rem}.form-panel label{display:block;font-size:.9rem;font-weight:600;margin:20px 0 7px}.form-panel input:not([type=checkbox]),.form-panel select{width:100%;padding:12px;border:1px solid #899084;background:white;color:var(--ink);min-height:49px}.form-panel small{display:block;color:var(--muted);font-size:.76rem}.unit-input{display:grid;grid-template-columns:1fr 70px;align-items:center;gap:10px}.unit-input span{font-size:.8rem}.form-panel label.check{display:flex;gap:10px;align-items:flex-start;font-size:.82rem}.check input{width:19px;height:19px;margin-top:4px;flex:none}.result{background:var(--soft);padding:32px;position:sticky;top:30px;min-height:300px}.result h3 strong{display:block;font-family:serif;font-size:2.6rem}.result dl{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:.9rem}.result dd{margin:0}.result p{font-size:.85rem}.tool-explainer{padding-bottom:60px}.tool-explainer h2{font-size:1.4rem}.small{font-size:.78rem;color:var(--muted)}.prose{padding-bottom:65px}.prose h2{font-size:1.45rem;border-top:1px solid var(--line);padding-top:30px;margin-top:35px}.checklist{padding:25px;background:var(--white);border:1px solid var(--line);margin:25px 0}.checklist label{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.92rem}.checklist input{margin-top:8px;width:19px;height:19px;flex:none}.update-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.update-item{display:grid;grid-template-columns:120px 1fr;gap:18px;border-top:1px solid var(--line);padding-top:18px;text-decoration:none}.update-item img{aspect-ratio:3/2;object-fit:cover}.update-item small{font-size:.72rem;color:var(--rust)}.update-item h3{font-size:.96rem;margin:5px 0}.update-item p{font-size:.78rem;color:var(--muted);margin:0}.ad-notice{font-size:.75rem;color:var(--muted);padding-top:12px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}.site-footer{background:#243329;color:#f6f2e7;padding:50px 0 25px}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.footer-inner nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:.82rem}.footer-note{border-top:1px solid #5f6a60;margin-top:35px;padding-top:20px;font-size:.7rem;color:#cbd2c7}.site-footer .brand small{color:#cbd2c7}.site-footer p{font-size:.82rem;color:#cbd2c7}.empty-state{padding:35px;background:var(--soft)}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:76px;gap:15px}.menu{display:block}.header-inner{position:relative}nav.header-nav{display:none;position:absolute;top:76px;right:0;left:0;background:var(--white);padding:22px;z-index:20;flex-direction:column;border:1px solid var(--line);gap:18px}nav.header-nav.open{display:flex}.hero{gap:28px;padding:38px 0}.hero h1{font-size:2.8rem}.hero-photo figcaption{font-size:.6rem}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1;padding-bottom:14px;font-size:.78rem}.toc a{display:inline-block;margin-right:18px;border:0;padding:5px 0}.toc strong{margin-bottom:8px}.cards{grid-template-columns:1fr 1fr;gap:20px}.steps{gap:20px}.tool-layout{grid-template-columns:1fr 1fr;gap:18px}.form-panel,.result{padding:22px}.model-list{grid-template-columns:1fr}.model{display:block}.footer-inner{gap:25px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:2.5rem}.hero p{font-size:.92rem}.hero-photo{margin-top:10px}.hero-photo img{border-radius:38% 38% 3px 3px;aspect-ratio:1.25/1}.hero-tag{left:12px;bottom:45px;padding:12px 18px}.hero .actions{margin-top:22px}.eyebrow{font-size:.65rem;margin-bottom:15px}.section{padding:45px 0}.section-title{display:block}.section-title p{margin-top:15px}.steps{grid-template-columns:1fr;gap:5px}.step{padding:18px 0}.step .num{margin-bottom:8px}.cards{grid-template-columns:1fr;gap:24px}.card-content{padding:20px}.card h3{font-size:1.1rem}.tool-callout{grid-template-columns:1fr}.tool-callout>div{padding:27px}.tool-callout>div+div{border-left:0;border-top:1px solid var(--line)}.page-heading{padding:28px 0 32px}.page-heading h1{font-size:1.9rem}.page-heading p{font-size:.9rem}.article-body p{font-size:.95rem}.article-body>section h2{font-size:1.35rem}.article-layout{gap:20px}.answer{padding:20px}.tool-layout{grid-template-columns:1fr}.result{position:static;min-height:230px}.form-panel{padding:22px}.update-list{grid-template-columns:1fr}.update-item{grid-template-columns:92px 1fr;gap:13px}.footer-inner{grid-template-columns:1fr;gap:25px}.footer-inner nav{grid-template-columns:1fr 1fr}.button{font-size:.84rem;padding:12px 17px}.breadcrumb{padding-top:20px}th,td{padding:12px;min-width:115px}.sources{padding:19px}.prose{font-size:.93rem}.brand{font-size:1.1rem}.brand img{width:32px}}
@media(min-width:601px) and (max-width:900px){.hero{grid-template-columns:1fr}.hero-photo{width:100%;max-width:600px;margin:0 auto}.hero-photo img{aspect-ratio:1.5/1}.hero h1{font-size:3rem}.hero p{max-width:45em}}
@media print{.site-header,.site-footer,.toc,.no-print,.ad-notice{display:none!important}body{background:white;color:black}.wrap{width:100%}.tool-layout,.article-layout{display:block}.result{position:static;break-inside:avoid}.form-panel{border:0}.button{display:none}.table-scroll{overflow:visible}.hero{display:block}.hero-photo{max-width:450px}a{color:black}}