/* Local review notices and static ads only. Approved candidate CSS is unchanged. */
.snapshot-notice{padding:10px 24px;border-bottom:1px solid #dfd4bd;background:#fff8e9;color:#493f2c;font:12px/1.5 Arial,sans-serif;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 18px}
.snapshot-notice strong{font-weight:600}.snapshot-notice span{font-size:11px}
.preview-ad{width:468px;height:60px;border:1px dashed #aaa;background:#f6f6f6;color:#666;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font:12px/1.3 Arial,sans-serif;pointer-events:none;user-select:none}
.preview-ad small{font-size:10px}.site-header-ad--mobile .preview-ad{width:320px;height:50px}
.preview-intro{padding:18px 0 24px;max-width:850px;line-height:1.6}.preview-intro h1{font:700 30px/1.2 Georgia,serif;margin:0 0 18px}.preview-intro a,.preview-back{color:#b80016;text-decoration:underline;text-underline-offset:3px}.preview-back{display:inline-block;margin:0 0 20px}
.preview-article{max-width:850px;margin:0 auto;overflow-wrap:anywhere}.preview-article h1{font:700 38px/1.12 Georgia,serif;margin:0 0 20px}.preview-photo{position:relative;margin:24px 0}.preview-photo .story-image{width:auto;max-width:100%;height:auto;max-height:620px;object-fit:contain;margin:auto}.preview-photo .image-fallback{position:relative;min-height:180px}.preview-article .editorial-summary{font-size:18px;line-height:1.55}.preview-scope{padding:14px;background:#f5f5f5;font-size:13px;line-height:1.5;margin-top:24px}
#preview-message{max-width:min(500px,90vw);border:1px solid #ddd;padding:24px;border-radius:6px}#preview-message::backdrop{background:#0006}#preview-message h2{font-size:22px}#preview-message button{background:#ed001b;color:white;padding:10px 20px;border-radius:3px}
.site-footer__inner{font-size:12px}.site-footer__inner a{text-decoration:underline}
@media(max-width:700px){.snapshot-notice{padding:8px 14px;font-size:11px}.snapshot-notice span{font-size:10px}.preview-intro h1{font-size:25px}.preview-article h1{font-size:28px}.preview-article .editorial-summary{font-size:16px}.preview-intro{padding-top:14px}}
/* Real pale source photographs need contrast behind long mobile headlines.
   Preview-only presentation adjustment; no media or candidate asset changes. */
@media(max-width:700px){.komp-home .lead-card:after{background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.72) 55%,rgba(0,0,0,.96))}}

/* V2.1 local presentation only. Same skyline bytes; no image processing. */
.komp-home .masthead{background:#fff}
.komp-home .masthead:before{
 inset:0 0 0 35%;
 background-image:url('/homepage-v1/assets/skyline.png');
 background-size:auto 232px;
 background-position:right 18%;
 filter:grayscale(1) contrast(2.2) brightness(1.02);
 opacity:1;
}
.komp-home .masthead:after{
 background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(255,255,255,0) 50%);
}
.komp-home .brand{position:relative;background:#fff;padding:8px 18px 8px 0}
.komp-home .wordmark span{color:#ed001b}
.komp-home .main-nav{background:#000;color:#fff}
.komp-home .nav-items button:disabled{color:#fff;opacity:1}
.komp-home .nav-items a[aria-current]{background:#ed001b}
.v21-ad{pointer-events:none;display:flex;align-items:center;justify-content:center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fafafa}
.v21-ad--desktop{padding:14px 24px;margin:0 0 18px}
.main-nav+.v21-ad--desktop{margin:0;border-top:0}
.v21-ad--mobile{display:none}
.v21-ad .preview-ad{flex:none;border:1px dashed #aaa;background:#fff;color:#444;max-width:100%}
/* The 696px panorama has its principal spires 533px and 154px from
   the right edge. Keep the compact form in the open sky between them. */
@media(min-width:701px){
 .komp-home .header-tools{inset:0;pointer-events:none}
 .komp-home .header-tools .search{position:absolute;right:222px;top:12px;width:204px;height:34px;pointer-events:auto;background:#fff;border-color:#c8c8c8}
 .komp-home .header-tools .search input{font-size:13px;padding:6px 10px}
 .komp-home .header-tools .search button{flex-basis:34px}
 .komp-home .header-tools .socials{position:absolute;right:36px;top:8px;pointer-events:auto}
}
@media(min-width:701px) and (max-width:900px){
 .komp-home .masthead{height:178px;align-items:flex-end;padding:20px 24px}
 .komp-home .masthead:before{inset:0 0 0 34%}
 .komp-home .brand{padding-right:14px}
}
@media(max-width:700px){
 .komp-home .masthead{min-height:0}
 .komp-home .masthead:before,.komp-home .masthead:after{display:none}
 .komp-home .brand{padding:0;background:#fff}
 .v21-ad--desktop{display:none}
 .v21-ad--mobile{display:flex;padding:10px 0;margin:0 0 18px}
 .v21-ad--mobile .preview-ad{width:320px;height:50px}
}

/* Local masthead boundary only; original panorama and layout retained. */
@media(min-width:701px){
 .komp-home .masthead{--boundary:max(590px,calc(100% - 696px));--foot:calc(var(--boundary) - 24px)}
 .komp-home .masthead:after{background:#fff;clip-path:polygon(0 0,calc(var(--boundary) + 28px) 0,calc(var(--boundary) + 28px) 36%,calc(var(--boundary) - 12px) 74%,var(--foot) 100%,0 100%)}
 .komp-home .brand{background:transparent}
}
@media(min-width:901px) and (max-width:1150px){.komp-home .masthead{--boundary:530px}}
@media(min-width:701px) and (max-width:900px){.komp-home .masthead{--boundary:465px}}

@media(min-width:1151px){.komp-home .masthead{--foot:calc(var(--boundary) + 8px)}}