/*
Theme Name: وكالة النبأ الإخبارية V1
Theme URI: https://example.com/
Author: PhotoG Media
Description: قالب عربي إخباري متجاوب لوكالة النبأ الإخبارية، يدعم الوضع الليلي والنهاري والشريطين والأخبار المميزة.
Version: 1.0.9
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: nabaa-news
*/
:root{--ink:#070b14;--ink2:#0d1421;--surface:#111b2a;--paper:#fff;--text:#f5f6f8;--muted:#a7b0bc;--line:#283445;--red:#d71928;--yellow:#f2c230;--blue:#123b78;--radius:8px;--max:1320px;color-scheme:dark}
html[data-theme="light"]{--ink:#f2f3f5;--ink2:#fff;--surface:#fff;--paper:#fff;--text:#141923;--muted:#687080;--line:#dce0e6;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:"Cairo","Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.topline{background:var(--ink2);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.topline .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 0}.top-meta{display:flex;gap:18px;align-items:center}.header{background:var(--ink2);position:relative;z-index:10}.header-row{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;min-width:150px}.brand img{width:150px;height:90px;object-fit:contain}.brand-text{font-size:23px;font-weight:900;line-height:1.35}.brand-text span{display:block;color:var(--red);font-size:14px}.nav-wrap{display:flex;align-items:center;gap:18px}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:2px}.main-nav a{display:block;padding:14px 10px;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}.main-nav .current-menu-item>a,.main-nav a:hover{color:var(--red);border-color:var(--red)}.icon-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:50%;width:42px;height:42px;cursor:pointer}.menu-toggle{display:none}.search-form{display:flex;gap:6px}.search-form input{max-width:160px;background:var(--ink);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:7px 10px}.ticker{overflow:hidden;display:flex;min-height:49px;align-items:stretch;background:var(--ink2);border-block:1px solid var(--line);margin:0}.ticker-label{flex:none;padding:8px 18px;background:var(--yellow);color:#171717;font-weight:900;display:flex;align-items:center}.ticker-track{overflow:hidden;display:flex;align-items:center;min-width:0;flex:1}.ticker-items{display:flex;align-items:center;gap:40px;white-space:nowrap;animation:ticker 42s linear infinite;padding-inline:24px}.ticker:hover .ticker-items{animation-play-state:paused}.ticker-item:before{content:"•";color:var(--red);margin-inline:10px;font-size:20px}.urgent-ticker .ticker-label{background:var(--red);color:#fff}.urgent-ticker .ticker-items{animation-duration:30s}.no-ticker{padding:8px 16px;color:var(--muted)}@keyframes ticker{from{transform:translateX(-10%)}to{transform:translateX(100%)}}.ticker[dir="rtl"] .ticker-items{animation-name:ticker-rtl}@keyframes ticker-rtl{from{transform:translateX(10%)}to{transform:translateX(-100%)}}
main{min-height:55vh}.breaking-wrap{padding-top:18px}.latest-wrap{padding-top:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--red);margin:22px 0 14px}.section-heading h2{margin:0;background:var(--red);padding:6px 15px;font-size:20px}.section-heading a{font-size:13px;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(180px,1fr));gap:12px}.story-card{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);min-height:190px}.story-card a{display:block;height:100%}.story-card .story-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.story-card:hover .story-img{transform:scale(1.04)}.story-card:after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}.story-card .story-content{position:absolute;z-index:1;inset:auto 18px 12px;color:white}.story-card .category-label{background:var(--red);padding:2px 9px;font-size:12px;font-weight:800}.story-card h3{font-size:clamp(17px,2.2vw,25px);line-height:1.55;margin:9px 0 3px}.story-card .story-meta{font-size:12px;color:#ddd}.story-card.lead{grid-column:span 3;grid-row:span 2;min-height:380px}.story-card.lead h3{font-size:clamp(22px,3vw,36px)}.demo-badge{position:absolute;z-index:2;top:12px;right:12px;background:var(--yellow);color:#171717;padding:2px 9px;border-radius:3px;font-weight:900;font-size:11px}.home-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.88fr);gap:24px;margin-top:18px}.latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.list-card{position:relative;display:grid;grid-template-columns:138px 1fr;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px;min-height:126px}.list-card img{width:138px;height:108px;object-fit:cover;border-radius:5px}.list-card h3{font-size:16px;line-height:1.55;margin:5px 0}.list-card .demo-badge{position:static;display:inline-block;margin-top:3px}.list-card .story-meta{font-size:12px;color:var(--muted)}.sidebar-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:15px}.sidebar-box h2{font-size:18px;margin:0 0 12px;border-right:4px solid var(--red);padding-right:10px}.opinion-item{padding:12px 0;border-top:1px solid var(--line)}.opinion-item:first-of-type{border-top:0}.opinion-item h3{font-size:15px;line-height:1.5;margin:4px 0}.author{color:var(--yellow);font-size:12px}.topic-section{margin:26px 0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.topic-card img{width:100%;height:150px;object-fit:cover}.topic-card div{padding:10px}.topic-card h3{font-size:15px;line-height:1.55;margin:3px 0}.site-footer{background:#03060b;border-top:3px solid var(--red);margin-top:48px;padding:30px 0;color:#dce1e8}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.site-footer h2{font-size:18px}.site-footer p{color:#aab2bf}.footer-bottom{border-top:1px solid #28303b;margin-top:22px;padding-top:12px;color:#9199a4;font-size:13px;display:flex;justify-content:space-between;gap:12px}.page-shell{padding:28px 0}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:14px}.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.article{max-width:900px;margin:auto;background:var(--surface);border:1px solid var(--line);padding:clamp(18px,4vw,42px);border-radius:var(--radius)}.article h1{font-size:clamp(27px,4vw,42px);line-height:1.5;margin:12px 0}.article-meta{display:flex;gap:16px;color:var(--muted);font-size:13px;flex-wrap:wrap}.article-featured{width:100%;max-height:520px;object-fit:cover;border-radius:6px;margin:20px 0}.article-body{font-size:18px;line-height:2.1}.article-body p{margin:0 0 1.2em}.article-body h2,.article-body h3{line-height:1.55}.article-notice{background:rgba(242,194,48,.13);border-right:4px solid var(--yellow);padding:10px 14px;color:var(--text);font-size:14px}.pagination{display:flex;gap:8px;justify-content:center;margin:24px}.pagination a,.pagination span{padding:7px 12px;border:1px solid var(--line);border-radius:4px}.no-results{padding:25px;background:var(--surface);border:1px dashed var(--line)}.demo-note{border:1px dashed var(--yellow);padding:12px;border-radius:5px;color:var(--muted);font-size:13px;margin:12px 0}.skip-link{position:absolute;top:-100px;right:10px;background:white;color:black;padding:9px;z-index:99}.skip-link:focus{top:10px}.mobile-search{display:none}
@media(max-width:1050px){.nav-wrap{gap:8px}.main-nav a{padding-inline:6px;font-size:13px}.search-form input{width:110px}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(170px,1fr))}.story-card.lead{grid-column:span 2;grid-row:span 1;min-height:170px}.home-columns{grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr)}}
@media(max-width:800px){.wrap{width:min(var(--max),calc(100% - 24px))}.topline .wrap{justify-content:center}.top-meta .social-top{display:none}.header-row{min-height:76px}.brand img{height:70px;width:118px}.brand-text{font-size:19px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-wrap{display:none;position:absolute;top:100%;right:0;left:0;background:var(--ink2);padding:12px;border-top:1px solid var(--line);align-items:stretch;flex-direction:column}.nav-wrap.is-open{display:flex}.main-nav ul{display:grid;grid-template-columns:repeat(2,1fr)}.main-nav a{padding:9px}.search-form input{max-width:none;width:100%}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:180px}.story-card.lead{grid-column:span 2;grid-row:span 1;min-height:300px}.home-columns,.single-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.topline{font-size:11px}.topline .wrap{padding:4px 0}.header-row{gap:8px}.brand img{width:100px;height:62px}.brand-text{font-size:16px}.ticker{min-height:42px}.ticker-label{padding:6px 10px;font-size:13px}.ticker-items{gap:24px;padding-inline:14px;font-size:13px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:150px;gap:8px}.story-card{min-height:150px}.story-card.lead{grid-column:span 2;grid-row:span 1;min-height:245px}.story-card .story-content{inset-inline:10px;bottom:9px}.story-card h3{font-size:15px}.story-card.lead h3{font-size:22px}.home-columns{gap:12px}.latest-list{grid-template-columns:1fr}.list-card{grid-template-columns:105px 1fr}.list-card img{width:105px;height:92px}.sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:10px}.footer-bottom{flex-direction:column}.article-body{font-size:17px}.topic-card img{height:120px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V1.0.1: linked categories, image interaction and copyright */
.news-category{display:inline-block;margin-inline-end:14px;color:var(--yellow)}
.story-card .card-category{position:absolute;z-index:3;inset:12px auto auto 12px;height:auto!important;background:var(--red);color:white;padding:3px 9px;font-size:12px}
.story-content h3{margin-top:12px}.story-card .demo-badge{right:12px;left:auto}
.list-card>a:first-child{overflow:hidden;border-radius:5px}
.list-card img,.topic-card img,.article-featured img{transition:transform .35s ease;will-change:transform}
.list-card:hover img,.topic-card:hover img{transform:scale(1.055)}
.topic-card>a{display:block;overflow:hidden}
.copyright-line{display:block!important;width:100%;text-align:center;padding:18px 0;font-size:14px}

/* V1.0.2: flow-based cards prevent mobile row and title overlap. */
.home-columns>*,.single-layout>*,.list-card>*,.topic-grid>*{min-width:0}
.article{width:100%;min-width:0}.article-featured{margin:20px 0;max-height:none;overflow:hidden}.article-featured img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.article-body{overflow-wrap:anywhere}.article-body iframe,.article-body video{max-width:100%}
.top-meta{flex-wrap:wrap}.section-heading{gap:10px;flex-wrap:wrap}
@media(max-width:800px){
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;align-items:stretch}
.story-card,.story-card.lead{min-height:0;grid-row:auto}
.story-card.lead{grid-column:span 2}
.story-card>a:first-child{height:auto;overflow:hidden}
.story-card .story-img{position:static;display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.story-card.lead .story-img{aspect-ratio:16/9}
.story-card:after{display:none}
.story-card .story-content{position:static;display:block;padding:14px;color:var(--text)}
.story-card h3,.story-card.lead h3{font-size:20px;line-height:1.65;margin:0 0 8px;overflow-wrap:anywhere}
.story-card .story-meta{color:var(--muted)}
.topline .wrap{flex-wrap:wrap;gap:4px}.top-meta{justify-content:center;gap:4px 12px}
}
@media(max-width:520px){
.featured-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.story-card.lead{grid-column:auto}
.story-card .story-img{aspect-ratio:16/9}
.story-card .story-content{padding:14px}
.list-card{grid-template-columns:96px minmax(0,1fr);gap:10px;min-height:0}
.list-card img{display:block;width:96px;height:90px}
.list-card h3{font-size:15px;overflow-wrap:anywhere}
.topic-grid{grid-template-columns:minmax(0,1fr)}
.topic-card img{display:block;height:auto;aspect-ratio:16/9}
.topic-card h3{font-size:18px;line-height:1.7}
.article h1{font-size:26px;overflow-wrap:anywhere}.article{padding:16px}
}
@media(prefers-reduced-motion:reduce){.story-card .story-img,.list-card img,.topic-card img{transition:none}.ticker-items{animation:none}}

.article-body .wp-block-image{margin:0 0 1.2em}.article-body .wp-block-image img{display:block;height:auto;max-width:100%;border-radius:6px}

/* V1.0.4: date and weather live beside the news, leaving navigation clear. */
.info-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--red);border-radius:8px;overflow:hidden;text-align:start;box-shadow:0 5px 18px rgba(0,0,0,.12);color:var(--text);align-self:start;min-width:0}
.info-card-location{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:14px}
.info-card-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px}
.info-card-row+.info-card-row{border-top:1px solid var(--line)}
.info-card-icon{color:var(--yellow);font-size:23px;line-height:1;text-align:center}
.info-card-label{display:block;color:var(--muted);font-size:11px;line-height:1.6}
.info-card #nabaa-clock,.info-card .weather-value{display:block;font-size:13px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}
html[data-theme="light"] .info-card-icon{color:var(--blue)}
@media(max-width:520px){.info-card-row{padding:9px 12px}.info-card-location{padding:8px 12px}}

.nav-wrap{min-width:0;flex-wrap:wrap}.main-nav{min-width:0}.main-nav ul{flex-wrap:wrap}

/* V1.0.5: separate navigation band, footer mode control and tidy information card. */
.header-row{min-height:102px;gap:20px}
.header-row .search-form{margin-inline-start:auto;align-items:center}
.header-row .search-form input{width:260px;max-width:100%;padding:10px 14px}
.navigation-band{background:var(--surface);border-block:1px solid var(--line);border-bottom:3px solid var(--red)}
.navigation-band .nav-wrap{display:block;position:static;padding:8px 0;background:transparent;border:0}
.navigation-band .main-nav{width:100%}
.navigation-band .main-nav ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;list-style:none}
.navigation-band .main-nav li{min-width:0}
.navigation-band .main-nav a{padding:9px 7px;text-align:center;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:700;white-space:normal;line-height:1.6}
.navigation-band .main-nav .current-menu-item>a,.navigation-band .main-nav a:hover,.navigation-band .main-nav a:focus-visible{background:var(--red);color:#fff;border-color:var(--red)}
.footer-controls{display:flex;justify-content:center;margin-top:22px}
.theme-switch{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:1px solid #465165;background:#111b2a;color:#fff;padding:10px 22px;border-radius:8px;font-weight:700}
.theme-switch>span:first-child{font-size:24px;color:var(--yellow)}
.theme-switch:hover,.theme-switch:focus-visible{border-color:var(--yellow)}
.section-empty{grid-column:1/-1;margin:0;padding:20px;background:var(--surface);color:var(--muted);border:1px dashed var(--line);border-radius:8px;font-size:14px}
.ticker-time{display:inline-block;margin-inline-start:12px;padding:1px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px;direction:ltr;font-variant-numeric:tabular-nums}
.info-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.info-card-location{display:flex;flex-wrap:wrap;gap:5px 8px;padding:14px 18px;background:var(--ink2);border-top:3px solid var(--red)}
.info-card-heading{display:block;flex-basis:100%;font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}
.info-card-location strong{font-size:12px;font-weight:600;color:var(--muted)}
.info-card-row{padding:15px 18px;grid-template-columns:40px minmax(0,1fr);gap:12px}
.info-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--ink2);font-size:22px}
.info-card-label{font-size:12px;margin-bottom:3px}
.info-card .weather-value{font-size:18px;font-weight:800;color:var(--yellow)}
html[data-theme="light"] .info-card .weather-value{color:var(--blue)}
.info-card #nabaa-clock{font-size:13px;line-height:1.9}
@media(max-width:800px){.navigation-band .main-nav ul{grid-template-columns:repeat(3,minmax(0,1fr))}.header-row .search-form input{width:210px}}
@media(max-width:520px){.header-row{min-height:90px;gap:12px}.brand{min-width:100px}.header-row .search-form{flex:1;min-width:0}.header-row .search-form input{width:100%;min-width:0;padding:8px;font-size:12px}.header-row .search-form .icon-btn{flex:none;width:34px;height:34px}.navigation-band .main-nav ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.navigation-band .main-nav a{font-size:12px;padding:9px 4px}.info-card-row{padding:14px 16px}}

/* V1.0.6: compact sidebar panel and a single horizontal navigation row. */
.header-row{min-height:88px;gap:14px}
.header-row .theme-toggle{flex:none;width:38px;height:38px;border-radius:6px;color:var(--text);background:var(--surface);font-size:24px}
.navigation-band{background:var(--ink2);border:0;padding:0 0 10px}
.navigation-band .nav-wrap{padding:5px;background:var(--surface);border:1px solid var(--line);border-bottom:3px solid var(--red);border-radius:6px;overflow:hidden}
.navigation-band .main-nav ul{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--red) var(--surface);padding:0}
.navigation-band .main-nav li{flex:1 0 auto}
.navigation-band .main-nav a{white-space:nowrap;padding:10px 12px;font-size:13px;line-height:1.5;border:0;border-inline-end:1px solid var(--line);border-radius:0;text-align:center}
.navigation-band .main-nav li:last-child a{border-inline-end:0}
.navigation-band .main-nav .current-menu-item>a,.navigation-band .main-nav a:hover,.navigation-band .main-nav a:focus-visible{background:var(--red);color:#fff;border:0;border-inline-end:1px solid var(--line)}
.info-card{border:1px solid var(--line);border-inline-start:3px solid var(--red);border-radius:6px;box-shadow:none;margin-bottom:14px}
.info-card-location{padding:7px 10px;gap:6px;border-top:0;flex-wrap:nowrap}
.info-card-location strong{font-size:12px;color:var(--text)}
.info-card-row{padding:7px 10px;grid-template-columns:24px minmax(0,1fr);gap:8px}
.info-card-icon{width:24px;height:24px;font-size:18px;border:0;border-radius:0;background:transparent}
.info-card-label{display:inline;margin:0;font-size:11px;margin-inline-end:6px}
.info-card .weather-value{display:inline;font-size:13px;font-weight:700}
.info-card #nabaa-clock{font-size:11px;line-height:1.7;font-weight:500}
@media(max-width:800px){.navigation-band .main-nav li{flex:0 0 auto}.navigation-band .main-nav a{padding:10px 13px}}
@media(max-width:520px){.header-row{min-height:78px;gap:8px}.header-row .theme-toggle{width:34px;height:34px;font-size:22px}.header-row .search-form input{padding:7px;font-size:11px}.navigation-band .main-nav a{font-size:12px;padding:10px 12px}.info-card-row{padding:7px 10px}.info-card-location{padding:7px 10px}}

/* V1.0.7: writer identity comes from the assigned writer tag. */
.writer-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start;padding:16px 0}
.writer-photo-link{display:block;line-height:0;border-radius:50%;overflow:hidden}
.writer-avatar{display:block;width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid var(--line)}
.writer-placeholder{display:flex;align-items:center;justify-content:center;background:var(--ink2);color:var(--muted)}
.writer-card-text{min-width:0}.writer-name{display:block;font-size:12px;font-weight:800;color:var(--yellow);margin-bottom:4px}
html[data-theme="light"] .writer-name{color:var(--blue)}
.writer-card h3{font-size:15px;line-height:1.7;margin:0 0 5px;overflow-wrap:anywhere}
.writer-card .story-meta{font-size:11px;color:var(--muted)}
.article-writer{display:flex;gap:12px;align-items:center;padding:12px 0;margin-bottom:18px;border-block:1px solid var(--line)}
.article-writer strong{display:block;font-size:15px}.writer-caption{display:block;font-size:11px;color:var(--muted)}

/* V1.0.8: smaller, readable titles only in featured news cards. */
.story-card h3{font-size:15px;line-height:1.6;margin:4px 0 5px;overflow-wrap:anywhere}
.story-card.lead h3{font-size:24px;line-height:1.55}
@media(max-width:1050px){.story-card h3{font-size:14px}.story-card.lead h3{font-size:18px}}
@media(max-width:800px){.story-card h3,.story-card.lead h3{font-size:16px;line-height:1.7;margin:0 0 7px}}

/* V1.0.9: moon at night, sun by day. */
.header-row .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#c7d7ef;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:background .2s,border-color .2s,color .2s}
.theme-icon{display:block;flex:none}.theme-icon-sun{display:none}
html[data-theme="light"] .theme-icon-moon{display:none}
html[data-theme="light"] .theme-icon-sun{display:block}
html[data-theme="light"] .header-row .theme-toggle{color:#ad6800;background:#fff8e7;border-color:#e9d8ad}
.header-row .theme-toggle:hover{border-color:var(--yellow)}
.header-row .theme-toggle:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:520px){.header-row .theme-toggle{width:36px;height:36px;border-radius:9px}}