:root{--ink:#172026;--muted:#58656d;--paper:#f7f8f6;--white:#fff;--red:#a43b32;--green:#2f6654;--gold:#d7a23f;--line:#d7ddd9;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#174f78;text-underline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:20;background:#fff;padding:10px}.sitebar{background:#172026;color:#fff}.inner,.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.sitebar .inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800}.sitebar nav{display:flex;gap:18px}.sitebar a{color:#fff}.jumpnav{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);overflow:auto}.jumpnav .inner{display:flex;gap:20px;padding:9px 0;white-space:nowrap}.wrap{background:#fff}.wrap article>section{padding:56px clamp(18px,4vw,54px);border-bottom:1px solid var(--line)}.first-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center}.eyebrow,.lane{text-transform:uppercase;font-size:.76rem;font-weight:800;color:var(--red);margin:0 0 8px;letter-spacing:.08em}h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.02;margin:0 0 20px;letter-spacing:0}h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.14;max-width:820px;margin:0 0 20px;letter-spacing:0}h3{font-size:1.3rem;line-height:1.25;margin:4px 0 12px;letter-spacing:0}.lede{font-size:1.18rem}.evidence,.warning,.verify{border-left:4px solid var(--gold);padding-left:14px}.hero{margin:0}.hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hero figcaption{font-size:.8rem;color:var(--muted);margin-top:6px}.quick,.definition-grid,.pick-grid,.mistake-grid{display:grid;gap:14px}.quick{grid-template-columns:repeat(2,1fr);margin:22px 0}.quick div,.pick,.definition-grid details,.utility,.mistake-grid>div{border:1px solid var(--line);border-radius:6px;padding:16px;background:#fff}.definition-grid{grid-template-columns:repeat(2,1fr)}summary{font-weight:800;cursor:pointer}.definition-grid p{margin:8px 0}.table-wrap{overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:760px}caption{text-align:left;padding:12px;font-weight:700}th,td{text-align:left;vertical-align:top;padding:12px;border-top:1px solid var(--line)}thead{background:#e9efec}.pick-grid{grid-template-columns:repeat(2,1fr)}.pick{border-top:5px solid var(--green)}.pick ul{padding-left:20px}.avoid{background:#fff2ef;padding:10px}.system-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;list-style:none;counter-reset:step}.system-map li{border-top:4px solid var(--gold);background:#f3f5f3;padding:16px}.system-map li:before{counter-increment:step;content:counter(step);display:block;font-weight:900;color:var(--red)}.mistake-grid{grid-template-columns:repeat(3,1fr)}.source-list{columns:2}.correction-note{margin-top:24px;padding:14px;background:#eef4f1}footer{width:min(var(--max),calc(100% - 32px));margin:auto;padding:28px;color:var(--muted);font-size:.9rem}@media(max-width:760px){body{font-size:16px}.sitebar nav{display:none}.first-grid,.definition-grid,.pick-grid,.mistake-grid,.system-map{grid-template-columns:1fr}.wrap{width:100%}.wrap article>section{padding:40px 18px}.hero{grid-row:2}.quick{grid-template-columns:1fr 1fr}.source-list{columns:1}table{min-width:0}.details-table thead{position:absolute;left:-9999px}.details-table,.details-table caption,.details-table tbody,.details-table tr,.details-table td{display:block;width:100%}.details-table tr{border-bottom:8px solid var(--paper)}.details-table td{display:grid;grid-template-columns:minmax(118px,38%) 1fr;gap:10px;border-top:1px solid var(--line);overflow-wrap:anywhere}.details-table td:before{content:attr(data-label);font-weight:800;color:var(--green)}}
@media(max-width:640px){header{display:block;padding:8px 14px}header nav{display:flex;gap:10px;overflow-x:auto;padding:7px 0 2px}header nav a{white-space:nowrap}.first-grid{display:flex;flex-direction:column}.first-grid .hero{order:-1}.first-grid .hero img{max-height:230px;object-fit:cover}.first-grid>div{padding-top:18px}[data-product-details-table],[data-product-details-table] tbody,[data-product-details-table] tr,[data-product-details-table] td{display:block;width:100%}[data-product-details-table] thead{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}[data-product-details-table] tr{padding:12px 14px;border-bottom:2px solid #d7dedb}[data-product-details-table] td{display:grid;grid-template-columns:minmax(112px,38%) minmax(0,1fr);gap:12px;padding:8px 0;border:0;overflow-wrap:anywhere}[data-product-details-table] td::before{content:attr(data-label);font-weight:800;color:#23473c}[data-product-details-table] caption{display:block;text-align:left;padding:12px 14px}.table-wrap{overflow:visible}}
@media(max-width:640px){[data-product-details-table]{display:block!important;min-width:0!important;max-width:100%!important;table-layout:auto}[data-product-details-table] tbody{min-width:0!important;max-width:100%!important}.table-wrap{min-width:0!important;max-width:100%!important}main,article,section{min-width:0;max-width:100%}}
@media(max-width:640px){html,body{max-width:100%;overflow-x:hidden}header{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}header nav{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.first-grid,.first-grid>div,.first-grid figure{width:100%;max-width:100%;min-width:0;box-sizing:border-box}[data-product-details-table] tr,[data-product-details-table] td{box-sizing:border-box}}