:root{--pan-ink:#16243a;--pan-paper:#fbf7ef;--pan-white:#fffdf8;--pan-gold:#d69b32;--pan-teal:#397c8c;--pan-muted:#687284;--pan-line:#dcd6ca;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pan-ink);background:var(--pan-paper);line-height:1.72}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg,transparent 0,transparent calc(50% - 1px),rgb(22 36 58 / 3%) 50%,transparent calc(50% + 1px)),var(--pan-paper)}a{color:inherit}
.site-nav{width:min(1140px,calc(100% - 44px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0;border-bottom:1px solid var(--pan-line)}.brand-link{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:700;text-decoration:none}.brand-link span{color:var(--pan-gold)}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{color:var(--pan-muted);font-size:13px;font-weight:750;text-decoration:none}.nav-links a:hover{color:var(--pan-teal)}
header,main,footer{width:min(1140px,calc(100% - 44px));margin:auto}.eyebrow{color:var(--pan-teal);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.08}h1{margin:18px 0 24px;font-size:clamp(46px,7vw,86px);letter-spacing:-3px}h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1px}.lead{max-width:760px;color:var(--pan-muted);font-size:clamp(18px,2vw,21px)}
.panorama-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:56px;padding:72px 0 50px;border-bottom:6px solid var(--pan-ink)}.panorama-hero h1{max-width:900px}.panorama-edition{align-self:end;padding:28px 0 0 28px;border-left:1px solid var(--pan-line)}.panorama-edition span{display:block;color:var(--pan-gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.panorama-edition strong{display:block;margin:12px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:500}.panorama-edition p{margin:0;color:var(--pan-muted);font-size:14px}
.panorama-home-main{padding:54px 0 88px}.panorama-home-main .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.panorama-home-main .section-head p{max-width:500px;color:var(--pan-muted)}.panorama-cards{display:grid;grid-template-columns:repeat(12,1fr);gap:0;border-top:1px solid var(--pan-line);border-left:1px solid var(--pan-line)}.panorama-cards .card{grid-column:span 4;min-height:245px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border-right:1px solid var(--pan-line);border-bottom:1px solid var(--pan-line);background:rgb(255 253 248 / 72%);text-decoration:none;transition:background .18s ease,color .18s ease}.panorama-cards .card:first-child{grid-column:span 8;background:var(--pan-ink);color:#fff}.panorama-cards .card:nth-child(3n){background:#f1eadf}.panorama-cards .card:hover{background:var(--pan-teal);color:#fff}.panorama-cards .card-index{color:var(--pan-gold);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900}.panorama-cards .card strong{display:block;margin:28px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:26px;line-height:1.15}.panorama-cards .card span span{color:var(--pan-muted);font-size:14px}.panorama-cards .card:first-child span span,.panorama-cards .card:hover span span{color:rgb(255 255 255 / 72%)}
.article-header{padding:48px 0 36px;border-bottom:6px solid var(--pan-ink)}.article-header h1{max-width:1000px;font-size:clamp(42px,6vw,72px)}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:var(--pan-muted);font-size:13px;font-weight:700}.breadcrumbs a{text-decoration:none}.article-shell{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,290px);gap:76px;padding:52px 0 92px}.article-section{margin-top:46px}.article-section:first-child{margin-top:0}.article-section p,.article-section li{font-size:18px}.article-section p{margin:0 0 20px}.article-section h3,.article-section h4,.article-section h5,.article-section h6{margin:34px 0 15px;font-family:Georgia,"Times New Roman",serif;line-height:1.2}.article-section h3{font-size:29px}.article-section h4{font-size:24px}.article-section ul,.article-section ol{margin:0 0 22px;padding-left:1.55em}.article-section li{margin:8px 0}.article-section blockquote{margin:24px 0;padding:8px 22px;border-left:5px solid var(--pan-gold);color:var(--pan-muted);background:var(--pan-white)}.article-section pre{overflow:auto;padding:20px;color:#fff;background:var(--pan-ink)}.article-section code{padding:.12em .35em;background:#eee7da;font-size:.9em}.article-section pre code{padding:0;color:inherit;background:transparent}.article-section hr{margin:34px 0;border:0;border-top:1px solid var(--pan-line)}
.toc{position:sticky;top:24px;padding:22px 0;border-top:5px solid var(--pan-gold);border-bottom:1px solid var(--pan-line)}.toc strong{display:block;margin-bottom:12px;font-family:Georgia,"Times New Roman",serif;font-size:20px}.toc a{display:block;padding:7px 0;color:var(--pan-muted);font-size:14px;text-decoration:none}.toc a:hover{color:var(--pan-teal)}.context-link{margin:32px 0;padding:21px 23px;color:#fff;background:var(--pan-teal)}.context-link span{display:block;margin-bottom:5px;color:rgb(255 255 255 / 70%);font-size:13px}.context-link a{font-family:Georgia,"Times New Roman",serif;font-size:22px;text-decoration-color:var(--pan-gold);text-underline-offset:4px}.faq-list{margin-top:24px}.faq{padding:20px 0;border-bottom:1px solid var(--pan-line)}.faq summary{cursor:pointer;font-weight:800}.faq p{margin-bottom:0;color:var(--pan-muted)}.related{grid-column:1/-1;margin-top:18px;padding-top:38px;border-top:6px solid var(--pan-ink)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--pan-line);border-left:1px solid var(--pan-line)}.related-card{display:block;padding:22px;border-right:1px solid var(--pan-line);border-bottom:1px solid var(--pan-line);background:var(--pan-white);text-decoration:none}.related-card strong{display:block;margin-bottom:8px;font-family:Georgia,"Times New Roman",serif;font-size:19px}.related-card span{color:var(--pan-muted);font-size:14px}footer{display:flex;justify-content:space-between;gap:28px;padding:30px 0 48px;border-top:1px solid var(--pan-line);color:var(--pan-muted);font-size:13px}
@media(max-width:900px){.panorama-hero,.article-shell{grid-template-columns:1fr}.panorama-edition{max-width:520px}.panorama-cards .card,.panorama-cards .card:first-child{grid-column:span 6}.toc{position:static}.related{grid-column:auto}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){header,main,footer,.site-nav{width:min(100% - 32px,1140px)}.nav-links{display:none}.panorama-hero{padding-top:46px}.panorama-hero h1{letter-spacing:-2px}.panorama-edition{padding-left:18px}.panorama-home-main .section-head{display:block}.panorama-cards{display:block;border-left:0}.panorama-cards .card,.panorama-cards .card:first-child{min-height:205px;border-left:1px solid var(--pan-line)}.article-shell{gap:30px;padding-top:36px}.related-grid{grid-template-columns:1fr}footer{display:block}}
h1{font-size:clamp(34px,4.2vw,56px);letter-spacing:-1.8px}
.article-header h1{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1.4px}
@media(max-width:620px){h1,.article-header h1{font-size:clamp(28px,7vw,32px);letter-spacing:-.8px}}