*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fafaf7;color:#25313e;font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;line-height:1.95}a{color:#245577;text-underline-offset:4px}a:hover{color:#7a6335}a:focus-visible{outline:3px solid #ac955c;outline-offset:5px}header{background:#101f32;color:white}nav{max-width:1120px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}nav a{color:inherit;text-decoration:none;font-size:14px}.logo{font-size:24px;color:#d0bd8a;letter-spacing:2px;font-weight:700}.hero{max-width:920px;margin:auto;padding:44px 24px 60px}.tag{color:#dac995;font-size:13px;letter-spacing:2px}h1{font-size:clamp(26px,4.3vw,43px);line-height:1.5;margin:18px 0 22px;letter-spacing:.02em}.lead{color:#d7dde4;font-size:17px;max-width:780px}.meta{font-size:12px;color:#b9c3ce;margin-top:26px}main{max-width:880px;margin:auto;padding:44px 24px 70px}h2{font-size:24px;line-height:1.65;margin:56px 0 22px;padding-left:18px;border-left:3px solid #a8965a;color:#14243a}h3{font-size:19px;margin:32px 0 16px}p{margin:18px 0}li{margin:9px 0}ul,ol{padding-left:1.5em}.takeaway{background:#f0eadb;border-top:3px solid #a8965a;padding:23px 28px;margin-bottom:28px}.takeaway p{margin-bottom:0}.note{font-size:13px;color:#596576}.toc{background:white;border:1px solid #dfdfd7;padding:18px 24px;margin:28px 0}.toc a{display:block;font-size:14px;margin:8px 0}.table-wrap{overflow-x:auto;border:1px solid #d9ddd9;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:14px;min-width:600px}th{background:#172b41;color:white;text-align:left}th,td{padding:16px;vertical-align:top;border-bottom:1px solid #d9ddd9}tbody tr:nth-child(even){background:#f0f2f0}.example{padding:24px;background:white;border:1px solid #ded9cd}.formula{color:#0c3e60;font-weight:700;font-size:18px}.flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0}.flow span{padding:14px;background:#e9edf0;border-bottom:2px solid #a8965a}.related{margin-top:55px;padding-top:26px;border-top:1px solid #d8d5ca}.related a{display:block;margin:13px 0}.cta{background:#14263c;padding:26px;margin-top:40px;color:white}.cta a{color:#f4de9f}.editor{font-size:13px;color:#5d6874;margin-top:35px}footer{border-top:1px solid #d9d8d0;padding:25px;text-align:center;font-size:12px}footer a{margin:0 12px}@media(max-width:600px){main{padding:30px 20px 50px}.hero{padding:25px 20px 40px}h2{font-size:21px;margin-top:42px}.takeaway{padding:20px}.lead{font-size:15px}nav{padding:16px 20px;gap:12px}nav a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}