:root{--paper:#f6f4ee;--ink:#172c35;--muted:#52646c;--line:#d1d8d5;--teal:#086d70;--wash:#e5ece6;--amber:#ac6710;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,Arial,sans-serif}body>*+*{margin-top:0}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--amber);outline-offset:4px}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.13}h1{font-size:clamp(2.5rem,5vw,4.1rem);display:block;border:0;padding:0;margin:0 0 20px}h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:20px}.reader-nav,main,footer{max-width:1180px;margin:0 auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}.reader-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 24px;border-bottom:1px solid var(--line);padding-top:22px;padding-bottom:22px;font-size:.85rem}.reader-nav nav{display:flex;flex-wrap:wrap;gap:10px 22px}.brand{font-weight:650;text-decoration:none}.reader-intro{padding:42px 0 28px;max-width:920px}.eyebrow{font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}.lead{font-size:1.15rem;color:var(--muted);max-width:800px}.source-label{font-size:.85rem;color:var(--muted);margin-bottom:0}.skip{position:absolute;left:18px;top:-90px;padding:12px;background:var(--ink);color:#fff;z-index:10}.skip:focus{top:10px}.first-comparison{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;background:var(--wash);padding:28px;border:1px solid #c4d2c8;border-radius:5px}.first-comparison h2{font-size:clamp(1.8rem,3vw,2.4rem)}.first-comparison ol{padding-left:22px;margin-bottom:20px}.first-comparison li{margin-bottom:12px}.first-comparison p,.first-comparison li{font-size:.93rem}.first-comparison p:last-child{margin-bottom:0}.first-comparison figure{margin:0;min-width:0}.first-comparison img{display:block;width:100%;height:auto;border:1px solid #bcc8c0;border-radius:4px}.first-comparison figcaption{font-size:.75rem;color:var(--muted);margin-top:12px;line-height:1.5}.reader-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:22px 0;font-size:.88rem}.button{display:inline-flex;padding:11px 17px;background:var(--ink);color:var(--paper);border-radius:3px;font-weight:600;text-decoration:none}.button:hover{background:#2f4c50}.reader-bridge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:46px 0 34px}.reader-bridge article{border-top:1px solid var(--line);padding-top:20px;font-size:.9rem}.reader-bridge h2{font-size:1.5rem}.reader-bridge p{color:var(--muted)}.method-contents{border-block:1px solid var(--line);padding:22px 0}.method-contents ul{display:flex;flex-wrap:wrap;gap:8px 25px;padding-left:18px;margin:0;font-size:.9rem}.method-text{max-width:850px;padding:24px 0 50px}.method-text h2{scroll-margin-top:24px;border-top:1px solid var(--line);padding-top:30px;margin-top:34px}.method-text p,.method-text li{line-height:1.8}.method-text li{margin-bottom:18px}.method-text ul{padding-left:22px}.method-text code{font: .9em/1.6 ui-monospace,SFMono-Regular,monospace;background:#e6eae3;padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:4px;margin:22px 0}table{border-collapse:collapse;width:100%;font-size:.87rem;line-height:1.5;background:#fff}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);min-width:105px}th{background:#e5ece6;vertical-align:bottom}td:first-child{min-width:230px}tbody tr:last-child td{border:0}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;color:var(--muted);font-size:.8rem}footer nav{display:flex;flex-wrap:wrap;gap:10px 23px}footer p{max-width:850px}
@media(max-width:800px){.first-comparison{grid-template-columns:1fr}.first-comparison figure{max-width:620px}.reader-bridge{grid-template-columns:1fr;gap:10px}.reader-bridge p{margin-bottom:10px}.reader-intro{padding-top:30px}.first-comparison{padding:22px}.method-contents ul{display:block}.method-contents li{margin-bottom:8px}}
@media print{.skip,.reader-nav,.reader-actions{display:none}.reader-intro{padding-top:0}.first-comparison{break-inside:avoid}a{color:inherit}.method-text{max-width:none}.table-wrap{overflow:visible}body{background:white;font-size:11pt}}
