*{box-sizing:border-box}body{--ink:#162e36;--muted:#5b6a70;--paper:#f7f7f2;--card:#fff;--line:#dce1da;--accent:#215c49;--accent-ink:#fff;margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e99322;outline-offset:4px}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5.3vw,70px);line-height:1.04;letter-spacing:-2.5px;margin-bottom:24px}h2{font-size:30px;line-height:1.15;letter-spacing:-.8px}h3{font-size:21px;line-height:1.25;letter-spacing:-.35px}p{color:var(--muted)}.demo-note{padding:7px 20px;text-align:center;font-size:11px;letter-spacing:.4px;background:var(--ink);color:var(--paper)}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 40px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:900;letter-spacing:-1.4px;line-height:1}.brand span{color:var(--accent)}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-top:10px;color:var(--muted)}nav{display:flex;gap:26px;align-items:center;font-size:14px}nav a{padding:10px 0;border-bottom:2px solid transparent}nav a[aria-current=page]{border-color:var(--accent)}nav button,footer button{border:0;background:none;color:inherit;padding:10px 0}.menu-toggle{display:none}main{max-width:1280px;margin:auto;padding:0 40px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);padding:13px 22px;border:1px solid var(--accent);font-weight:bold;font-size:13px;gap:28px}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;padding:52px 0;align-items:center}.hero .lead{font-size:18px;max-width:480px;margin-bottom:30px}.hero-photo{height:450px;position:relative;overflow:hidden;border-radius:3px}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 20px;background:linear-gradient(transparent,#11242be6);color:white;font-size:13px}.hero figure{margin:0}.chips{display:flex;flex-wrap:wrap;gap:12px}.chip{border:1px solid var(--line);padding:10px 18px;font-size:13px;background:var(--card)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title a{font-size:13px;border-bottom:1px solid var(--ink)}section{margin-bottom:56px}.category-links{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.category-links a{padding:22px 18px;border-right:1px solid var(--line)}.category-links a:last-child{border:0}.category-links strong{display:block;font-size:18px}.category-links span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.article-card{background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.card-art{aspect-ratio:16/9;position:relative;overflow:hidden}.card-art .art-label{position:absolute;bottom:13px;left:15px;background:var(--card);padding:5px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.card-content{padding:23px}.card-content p{font-size:14px}.card-content .meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.card-content h3{margin:12px 0 18px}.read-link{padding:0;border:0;background:transparent;color:var(--ink);font-weight:bold;font-size:13px;text-align:left;min-height:38px}.graphic{height:100%;display:flex;align-items:center;justify-content:center;background:#dce9e0;color:#264c3d;font-size:60px;letter-spacing:-4px;font-weight:bold}.graphic.gear{background:#eee3cf;color:#62451b}.graphic b{border:2px solid currentColor;padding:10px 25px;transform:rotate(-7deg);font-size:45px}.ad{border-block:1px dashed var(--line);padding:22px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:2px;margin:40px 0}.feature-band{background:var(--ink);color:var(--paper);padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.feature-band p{color:inherit;opacity:.8}.feature-band .eyebrow{color:inherit}.feature-band .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.steps{display:grid;gap:15px}.steps div{border-bottom:1px solid #ffffff40;padding-bottom:12px;font-size:14px}.steps b{margin-right:16px;opacity:.6}.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.author{display:flex;gap:12px;align-items:center}.author img{width:50px;height:50px;border-radius:50%}.author strong{font-size:13px;display:block}.author small{color:var(--muted);font-size:11px}.breadcrumbs{padding:28px 0 14px;font-size:12px;color:var(--muted)}.category-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:20px 0 28px}.category-heading h1{margin:0 0 15px}.category-heading p{max-width:570px;margin:0}.count{font-size:12px;white-space:nowrap}.filter-bar{display:flex;gap:20px;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:18px 0;margin-bottom:30px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-buttons button{border:1px solid var(--line);padding:8px 15px;background:var(--card);color:var(--ink);font-size:12px}.filter-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.search{border:1px solid var(--line);padding:10px 12px;background:var(--card);color:var(--ink);max-width:100%;width:210px}.category-layout{display:grid;grid-template-columns:1fr 260px;gap:32px}.category-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel{border-top:3px solid var(--accent);padding:24px 0}.side-panel h3{font-size:23px}.side-panel a{display:block;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.side-panel p{font-size:14px}.results-note{font-size:12px;color:var(--muted)}footer{max-width:1280px;margin:45px auto 0;padding:36px 40px;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}footer p{font-size:12px;margin:15px 0}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;align-items:start;font-size:12px}.fine{width:100%;font-size:11px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:45px;max-width:650px;width:calc(100% - 32px);max-height:85vh}dialog::backdrop{background:#11242bb3}.close-modal{float:right;border:0;background:transparent;color:inherit;font-size:22px;min-width:44px;min-height:44px}.skip{position:absolute;left:15px;top:-80px;background:var(--card);padding:10px;z-index:10}.skip:focus{top:10px}.empty{padding:30px 0}.finder{padding:30px;background:var(--card);border:1px solid var(--line)}.finder label{display:block;font-size:12px;font-weight:bold;margin-bottom:6px}.finder select{width:100%;padding:12px;border:1px solid var(--line);margin-bottom:15px;background:var(--paper);color:var(--ink)}.finder .button{width:100%;margin-top:8px}.compact-lead{display:none}.theme-2{--paper:#f2f5fa;--ink:#162a4a;--accent:#225bce;--line:#d7dfed}.theme-2 .hero{grid-template-columns:1.2fr .8fr}.theme-2 .hero h1{font-size:clamp(38px,4.8vw,62px)}.theme-2 .hero-photo{display:none}.theme-2 .article-card{border-radius:12px}.theme-2 .card-art{aspect-ratio:2.2}.theme-2 .category-links{border:0;gap:12px}.theme-2 .category-links a{background:var(--card);border:1px solid var(--line);border-radius:8px}.theme-2 .feature-band{border-radius:14px}.theme-2 .category-layout{grid-template-columns:260px 1fr}.theme-2 .category-layout aside{order:-1}.theme-2 .hero .eyebrow{border-left:3px solid var(--accent);padding-left:10px}.theme-3{--paper:#f4f0e8;--ink:#262722;--accent:#795539;--line:#d6cec0}.theme-3 h1,.theme-3 h2,.theme-3 h3{font-family:Georgia,serif;font-weight:400}.theme-3 .site-header{padding-block:32px}.theme-3 .hero{position:relative;min-height:580px;display:flex;padding:65px 40px;margin:24px 0 35px;isolation:isolate;color:#fff}.theme-3 .hero>div:first-child{max-width:550px}.theme-3 .hero-photo{position:absolute;inset:0;z-index:-2;height:100%;width:100%;border-radius:0}.theme-3 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141b19e8,#141b1925);z-index:-1}.theme-3 .hero .lead,.theme-3 .hero .eyebrow{color:#eee9de}.theme-3 .hero figcaption{display:none}.theme-3 .hero .secondary{color:#fff;border-color:#ffffff70}.theme-3 .hero .button{background:#f4f0e8;color:#262722;border-color:#f4f0e8}.theme-3 .hero .secondary{background:transparent;color:#fff}.theme-3 .article-card{background:transparent;border:0;border-bottom:1px solid var(--line)}.theme-3 .card-content{padding:20px 0}.theme-3 .card-art{aspect-ratio:1.55}.theme-3 .category-layout{grid-template-columns:1fr}.theme-3 .category-layout aside{display:none}.theme-3 .category-layout .grid{grid-template-columns:repeat(3,1fr)}.theme-3 .category-links{margin-bottom:50px}.theme-4{--paper:#fff;--ink:#192b36;--accent:#b54122;--line:#dce2e5}.theme-4 .hero{grid-template-columns:1fr 1fr;padding:35px 0;gap:40px}.theme-4 h1{font-size:clamp(36px,4vw,51px)}.theme-4 .hero-photo{height:290px}.theme-4 .grid{grid-template-columns:1fr 1fr;gap:0 28px}.theme-4 .article-card{display:grid;grid-template-columns:135px 1fr;border:0;border-bottom:1px solid var(--line);padding:18px 0;gap:18px}.theme-4 .card-art{aspect-ratio:1}.theme-4 .card-content{padding:0}.theme-4 .card-content h3{font-size:18px;margin-top:5px}.theme-4 .card-content p{display:none}.theme-4 .art-label{display:none}.theme-4 .category-layout .grid{grid-template-columns:1fr}.theme-4 .category-links a{padding-block:15px}.theme-4 .feature-band{padding:28px}.theme-4 .graphic b{font-size:24px;padding:4px}.theme-4 .category-heading{padding-top:10px}.theme-4 .category-layout{grid-template-columns:1fr 280px}
@media(min-width:761px){.theme-1 .finder,.theme-3 .finder,.theme-4 .finder{display:none}}
@media(max-width:1000px){nav{gap:14px}.site-header,main,footer{padding-left:24px;padding-right:24px}.hero{gap:30px}.author-grid{grid-template-columns:1fr 1fr}.category-layout{grid-template-columns:1fr 220px}.theme-4 .grid{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{flex-wrap:wrap;padding:22px 20px;gap:18px}.brand{font-size:23px}.menu-toggle{display:flex;gap:12px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 12px;min-height:44px}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a,.site-header nav button{padding:13px 0;text-align:left}main{padding:0 20px}.hero,.theme-2 .hero,.theme-4 .hero{grid-template-columns:1fr;padding:32px 0;gap:28px}.hero h1{letter-spacing:-1.5px}.hero .lead{font-size:16px}.hero-photo,.theme-4 .hero-photo{height:240px}.finder{display:none}.theme-2 .finder{display:block}.category-links{grid-template-columns:1fr 1fr}.category-links a:nth-child(2){border-right:0}.category-links a{padding:17px 10px;border-bottom:1px solid var(--line)}.grid,.category-layout .grid,.theme-3 .category-layout .grid{grid-template-columns:1fr}.section-title{align-items:start}.section-title h2{font-size:25px}.section-title a{white-space:nowrap;font-size:12px}.feature-band{padding:28px;grid-template-columns:1fr;gap:20px}.author-grid{grid-template-columns:1fr 1fr;gap:22px 8px}.author{gap:8px}.author img{width:36px;height:36px}.author strong{font-size:12px}.category-heading{display:block}.count{display:block;margin-top:20px}.filter-bar{align-items:stretch;flex-direction:column;gap:12px}.search{width:100%}.filter-buttons button{min-height:44px}.category-layout,.theme-2 .category-layout,.theme-4 .category-layout{grid-template-columns:1fr}.category-layout aside{display:none}.theme-3 .hero{min-height:540px;padding:36px 22px;margin-top:18px}.theme-3 .hero-photo{height:100%}.theme-3 .hero:after{background:#141b19a6}.theme-4 .article-card{grid-template-columns:95px 1fr;gap:14px}.theme-4 .card-content h3{font-size:18px}.theme-4 .card-content .meta{font-size:10px}.theme-4 .grid{grid-template-columns:1fr}footer{padding:30px 20px}.footer-nav{gap:14px}section{margin-bottom:38px}.demo-note{font-size:10px}dialog{padding:25px}h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}