/* Sinop Haber v7: selective editorial improvements; never loaded in admin. */
.site-shell{
 --brand-red:#ed303c;--red:#c81728;--red-dark:#a51220;
 --bg:#f7f8f9;--surface:#fff;--ink:#14181c;--muted:#5b636b;--line:#dde1e5;--soft:#eef0f2;
 --news-radius:14px;--news-focus:#0077cc;
 --news-shadow:0 1px 0 rgb(20 24 28 / 4%),0 1px 2px rgb(20 24 28 / 4%);
 background:var(--bg);color:var(--ink);
}
html[data-theme=dark] .site-shell{--bg:#111722;--surface:#172131;--ink:#f2f5f9;--muted:#b9c3cf;--line:#3b4a5e;--soft:#213047;--red:#ff7b86;--red-dark:#ff97a0;--news-focus:#7fcfff}
.site-shell .brand-main b{color:var(--brand-red)}
.site-shell .brand-mark{background:var(--brand-red)}
.site-shell :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--news-focus);outline-offset:4px;box-shadow:0 0 0 3px rgb(10 149 239 / 20%)}
.site-shell :is(.news-card,.side-panel,.empty-state,.feature-wide){border-radius:var(--news-radius);box-shadow:var(--news-shadow)}
.site-shell .news-card h3{font-size:19px;line-height:1.45;letter-spacing:-.02em}
.site-shell .news-card p{font-size:15px;line-height:1.65}
.site-shell .news-card .meta,.site-shell .rank-item small{font-size:12px;line-height:1.5}
.site-shell .kicker{font-size:11px;letter-spacing:.06em}
.site-shell .chip{background:#c81728;color:#fff}
.site-shell :is(.subscribe,.search-box button){background:#c81728;color:#fff}
.site-shell :is(.subscribe,.search-box button):hover{background:#a51220}
.site-shell :is(.sharebtn,.btn-outline){min-height:44px;padding:11px 18px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.5}
.site-shell .btn-outline{border-color:var(--muted)}
.site-shell .detail-article{min-width:0}
.site-shell .detail-article h1{max-width:24ch;line-height:1.18;letter-spacing:-.025em}
.site-shell .detail-intro{max-width:70ch;font-size:18px;line-height:1.65}
.site-shell .detail-meta{flex-wrap:wrap;font-size:13px;line-height:1.6;gap:8px 16px}
.site-shell .article-text{max-width:72ch;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.site-shell .article-text p{margin:0 0 24px}
.site-shell .article-text :is(h2,h3){line-height:1.3;letter-spacing:-.02em;margin:32px 0 16px}
.site-shell .article-text h2{font-size:26px}.site-shell .article-text h3{font-size:22px}
.site-shell .article-text a{text-decoration:underline;text-underline-offset:3px;color:var(--red)}
.site-shell .article-text blockquote{margin:24px 0;padding:16px 24px;border-left:3px solid var(--red);background:var(--soft);border-radius:0 10px 10px 0}
.site-shell .article-text :is(ul,ol){padding-left:24px;margin-bottom:24px}
.site-shell .article-text :is(td,th){padding:10px 14px;border:1px solid var(--line);text-align:left}
.site-shell .photo-source{font-size:13px;line-height:1.65;margin-top:12px}
.site-shell .public-form{max-width:640px}
.site-shell .public-form label{font-size:15px;font-weight:600;line-height:1.5}
.site-shell .public-form :is(input,textarea){min-height:44px;font-size:16px;border-radius:10px;border-color:var(--muted)}
.site-shell .empty-state{padding:32px 24px;min-height:240px}
.site-shell .empty-state p{font-size:15px;line-height:1.65;max-width:46ch;margin-inline:auto}
.site-shell .empty-state a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px}
.site-shell .list-results>.empty-state{grid-column:1/-1}
.site-shell .listing-heading p{font-size:15px;line-height:1.65}
.site-shell .crumbs{font-size:13px;line-height:1.6}
.site-shell .crumbs a{display:inline-flex;align-items:center;min-height:28px}
.site-shell .footer-links{gap:8px}
.site-shell .footer-links a{display:inline-flex;align-items:center;min-height:28px;font-size:13px;line-height:1.5}
.site-shell .footer-note,.site-shell .f-desc{font-size:13px;line-height:1.75}
.site-shell .footer h3{font-size:14px}
.site-shell .credits summary{min-height:32px;font-size:12px}
.site-shell .skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 20px;border-radius:999px;background:var(--navy);color:#fff;font-size:15px;font-weight:600}
.site-shell .skip-link:focus{top:12px}
@media(max-width:820px){.site-shell .list-results{gap:20px}.site-shell .detail-article h1{max-width:none}}
@media(max-width:580px){
 .site-shell .article-text{font-size:17px;line-height:1.8}.site-shell .detail-intro{font-size:16px}
 .site-shell .detail-article h1{font-size:30px;line-height:1.23}.site-shell .article-text h2{font-size:24px}.site-shell .article-text h3{font-size:21px}
 .site-shell .news-card h3{font-size:19px}.site-shell .news-card p{font-size:15px}
 .site-shell .search-box{flex-wrap:wrap;gap:10px}.site-shell .search-box input{min-width:0;font-size:16px}
 .site-shell .search-box button{min-height:44px}.site-shell .detail-share{gap:8px}
 .site-shell .icon-btn{min-width:40px;width:40px;height:40px}
 .site-shell .brand-main{font-size:28px}.site-shell .brand-tag{letter-spacing:2px}
}
@media(max-width:360px){.site-shell .brand-main{font-size:25px}.site-shell .mast-side.end{gap:3px}.site-shell .brand-tag{font-size:6px}}
@media(prefers-reduced-motion:reduce){.site-shell *,.site-shell *::before,.site-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Controlled UI/UX modernization — editorial surfaces, no new dependencies. */
.site-shell{--news-radius:12px;--news-border:#dde1e5;--news-neutral:#f7f8f9}
html[data-theme="dark"] .site-shell{--news-border:#3b4a5e;--news-neutral:#111722}
.site-shell .nav-inner{min-width:0}
.site-shell .dropbox{position:relative;flex:0 0 auto}
.site-shell .dropbox summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:12px;font-weight:800;min-height:44px;white-space:nowrap}
.site-shell .dropbox summary::-webkit-details-marker{display:none}
.site-shell .dropbox summary::marker{content:""}
.site-shell .dropbox summary .icon{width:13px;height:13px;transition:transform .18s ease}
.site-shell .dropbox[open] summary .icon{transform:rotate(180deg)}
.site-shell .dropbox.is-active summary{color:var(--red)}
.site-shell .dropbox:not([open]) .dropdown,.site-shell .dropbox:not([open]):hover .dropdown,.site-shell .dropbox:not([open]):focus-within .dropdown{display:none}
.site-shell .dropbox[open] .dropdown{display:grid;gap:3px;max-height:min(65vh,420px);overflow-y:auto}
.site-shell .dropdown a{font-size:12px;line-height:1.5;white-space:normal}
.site-shell .dropdown a[aria-current="page"]{background:var(--soft);color:var(--red)}
.site-shell .nav-inner>a[aria-current="page"]{color:var(--red)}
.site-shell .news-card{display:flex;flex-direction:column;min-width:0;height:100%;border-color:var(--news-border)}
.site-shell .news-card .picture{flex:none;aspect-ratio:16/10;height:auto;min-height:0}
.site-shell .list-results .news-card .picture{aspect-ratio:16/10;height:auto}
.site-shell .news-card-info{display:flex;flex:1;flex-direction:column;min-width:0;padding:21px 21px 22px}
.site-shell .news-card h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:10px 0 9px}
.site-shell .news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-bottom:0}
.site-shell .news-card .meta{margin-top:auto;padding-top:16px}
.site-shell .news-card:hover{box-shadow:0 12px 32px rgb(20 24 28 / 9%)}
.site-shell .hero-big,.site-shell .side-hero{border-radius:var(--news-radius)}
.site-shell .hero-big h2,.site-shell .side-hero h2{overflow-wrap:anywhere}
.site-shell .hero-content{max-width:100%}
.site-shell .section-head .more{min-height:36px;font-size:12px}
.site-shell .mini-row{border-radius:var(--news-radius);min-width:0}
.site-shell .mini-row h3{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.site-shell .detail-cover{aspect-ratio:16/9;height:auto;max-height:540px}
.site-shell .detail-intro{overflow-wrap:anywhere}
.site-shell .detail-meta span[aria-hidden="true"]{color:var(--muted)}
.site-shell .article-text{width:100%}
.site-shell .article-text :is(iframe,video){max-width:100%}
.site-shell .article-text :is(h2,h3,p,li){overflow-wrap:break-word}
.site-shell .listing-heading{padding-bottom:24px}
.site-shell .listing-heading h1{line-height:1.18;overflow-wrap:anywhere}
.site-shell .side-panel{min-width:0;border-color:var(--news-border)}
.site-shell .side-panel :is(h2,h3){line-height:1.35;overflow-wrap:anywhere}
.site-shell .public-form :is(input,textarea){border:1px solid var(--line);max-width:100%;outline-offset:3px}
.site-shell .public-form :is(input,textarea):focus-visible{border-color:var(--news-focus)}
.site-shell .comments-item{padding:16px 0;border-bottom:1px solid var(--line)}
.site-shell .comments-item time{display:block;font-size:12px;margin-top:4px;color:var(--muted)}
.site-shell .comments-item p{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.site-shell .comments-panel{margin-top:30px}
.site-shell .pagination{display:flex;gap:8px;flex-wrap:wrap;padding:5px 0 28px}
.site-shell .pagination [aria-current="page"]{background:var(--red);border-color:var(--red);color:#fff}
.site-shell .info-page .listing-heading{padding-top:0}
.site-shell .info-page .list-results .side-panel{height:100%}
.site-shell .info-page .list-results .side-panel h2{font-size:18px;margin:11px 0}
.site-shell .info-page .list-results .side-panel p{font-size:14px;line-height:1.7}
.site-shell .info-page .list-results .side-panel img{border-radius:50%;object-fit:cover}
.site-shell .info-page .side-panel.article-text{max-width:860px}
.site-shell .info-page .public-form button{margin-top:6px}
@media(max-width:1150px){.site-shell .nav-inner{gap:20px}}
@media(max-width:820px){
 .site-shell .mobile-toggle{display:grid}
 .site-shell .navigation{display:none}
 .site-shell .navigation.mobile-open{display:block}
 .site-shell .navigation .nav-inner{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:visible;padding:11px 0 14px}
 .site-shell .navigation .nav-inner>a{padding:12px 10px;border-bottom:1px solid var(--line);white-space:normal;font-size:13px;line-height:1.5;min-height:44px}
 .site-shell .navigation .nav-inner>a:after{display:none}
 .site-shell .navigation .dropbox{display:block;grid-column:1/-1;width:100%}
 .site-shell .navigation .dropbox summary{width:100%;padding:12px 10px;justify-content:space-between;font-size:13px;border-bottom:1px solid var(--line)}
 .site-shell .navigation .dropbox .dropdown{position:static;width:100%;box-shadow:none;border:0;padding:10px 0 6px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;gap:4px}
 .site-shell .navigation .dropbox .dropdown a{padding:12px 10px!important;white-space:normal;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:13px}
 .site-shell .news-list{gap:18px}
}
@media(max-width:580px){
 .site-shell .hero-big{min-height:360px}
 .site-shell .hero-content{padding:24px 21px}
 .site-shell .hero-big h2{font-size:clamp(22px,6vw,27px);line-height:1.25;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
 .site-shell .hero-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .site-shell .side-heroes{gap:11px}
 .site-shell .side-hero{min-height:182px}
 .site-shell .side-hero .hero-content{padding:17px 18px}
 .site-shell .side-hero h2{font-size:18px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .site-shell .side-hero .meta{font-size:11px}
 .site-shell .news-card-info{padding:18px 18px 20px}
 .site-shell .news-card h3{font-size:18px}
 .site-shell .section-head{align-items:center}
 .site-shell .section-head h2{font-size:20px}
 .site-shell .district-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-shell .listing-heading{padding:29px 0 18px}
 .site-shell .listing-heading h1{font-size:clamp(26px,7vw,32px);letter-spacing:-.03em}
 .site-shell .detail-cover{aspect-ratio:4/3;max-height:none}
 .site-shell .footer-main{gap:24px}
 .site-shell .info-page .list-results{gap:14px}
 .site-shell .info-page .list-results .side-panel{padding:19px}
}
@media(max-width:360px){
 .site-shell .mast-inner{gap:5px}
 .site-shell .mast-side.end{gap:3px}
 .site-shell .brand-main{font-size:24px;letter-spacing:-1.9px}
 .site-shell .brand-tag{font-size:6px;letter-spacing:1.8px}
 .site-shell .section-head .more{font-size:11px}
}
