*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172126;background:#fff;font:16px/1.7 system-ui,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;width:100%;height:auto}header{border-bottom:1px solid #e5e9eb}.wrap{width:min(1360px,calc(100% - 64px));margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.brand{font-size:28px;font-weight:800}.tagline{color:#627078;font-size:14px}nav{display:flex;gap:26px;overflow:auto;padding:14px 0;font-size:14px;white-space:nowrap}main{padding-top:42px;padding-bottom:64px}h1,h2,h3{line-height:1.2;letter-spacing:0}h1{font-size:48px;max-width:1050px;margin:12px 0 20px}h2{font-size:28px;margin:32px 0 16px}h3{font-size:22px}.eyebrow{font-size:12px;font-weight:750;text-transform:uppercase;color:var(--accent)}.intro{max-width:780px;color:#627078;font-size:19px}.band{background:var(--soft);padding:34px 0;border-bottom:1px solid #e5e9eb}.feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:center;padding-bottom:36px;border-bottom:1px solid #e1e6e8}.feature img{aspect-ratio:16/10;object-fit:cover;border-radius:6px}.feature h2{font-size:34px;margin:14px 0}.feature p{color:#627078}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}.card{min-width:0;border-bottom:1px solid #dfe5e8;padding-bottom:22px}.card img{aspect-ratio:16/10;object-fit:cover;border-radius:6px;margin-bottom:18px}.card h3{font-size:21px;margin:10px 0}.card p{font-size:14px;color:#627078;margin:8px 0}.category-line{display:flex;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #e5e9eb}.category-line a{font-weight:600;font-size:14px}.article-head{max-width:1020px}.lead{font-size:20px;color:#465860}.hero-image{max-width:1120px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin:30px 0}.reading{display:grid;grid-template-columns:minmax(0,850px) minmax(220px,1fr);gap:64px;align-items:start}.prose{min-width:0;font-size:18px}.prose section{margin-bottom:36px}.prose a{color:var(--accent);text-decoration:underline}.ref{font-size:12px;white-space:nowrap}.prose li{margin:10px 0}.toc{position:sticky;top:24px;border-left:2px solid var(--accent);padding-left:22px;font-size:14px}.toc a{display:block;margin:10px 0;color:#50636c}.table-scroll{overflow:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:14px;text-align:left;border-bottom:1px solid #dce3e8;vertical-align:top}th{background:var(--soft)}details{border-top:1px solid #dce3e8;padding:18px 0}summary{cursor:pointer;font-weight:650;padding-right:20px}footer{background:#f4f7f8;border-top:1px solid #dce3e8;padding:36px 0;color:#576973;font-size:14px}.foot-links{display:flex;gap:24px;flex-wrap:wrap}.related{margin-top:40px;border-top:1px solid #dce3e8;padding-top:16px}.related a{display:block;margin:12px 0}.empty{padding:40px 0;color:#627078}.software h1,.software h2,.software h3{font-weight:750}.cinema h1,.cinema h2,.history h1,.history h2{font-family:Georgia,serif}.food .feature{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}@media(max-width:960px){.reading{grid-template-columns:minmax(0,1fr)}.toc{position:static;order:-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{gap:24px}h1{font-size:38px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.masthead{display:block;padding:20px 0}.brand{font-size:24px}.tagline{margin-top:4px}h1{font-size:32px}.feature,.food .feature{grid-template-columns:minmax(0,1fr)}.feature h2{font-size:27px}.grid{grid-template-columns:minmax(0,1fr);gap:26px}.prose{font-size:17px}.lead{font-size:18px}main{padding-top:28px}nav{gap:20px}.band{padding:22px 0}.intro{font-size:17px}}

.feature:not(:has(img)){display:block;max-width:960px}.article-head+img{aspect-ratio:16/9;object-fit:cover;max-width:1120px;margin:30px 0;border-radius:6px}.layout-manual .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-magazine .brand{font-family:Georgia,serif}.layout-guide .card{border-left:3px solid var(--accent);padding-left:18px}.layout-recipe .card img{aspect-ratio:4/3}.layout-editorial .brand{font-family:Georgia,serif}@media(max-width:600px){.layout-manual .grid{grid-template-columns:minmax(0,1fr)}}