
/* Briefly V26 — appearance system */
html[data-briefly-theme="dark"]{
  color-scheme:dark;
}
html[data-briefly-theme="light"]{
  color-scheme:light;
  --bg:#f4f7f8;
  --bg2:#eef3f5;
  --card:#ffffff;
  --card2:#f8fbfc;
  --text:#10232d;
  --muted:#617986;
  --cyan:#079b91;
  --line:rgba(36,74,91,.14);
  --danger:#ca4c4c;
  --warm:#9a6504;
}
html[data-briefly-theme="light"] body{
  background:
    radial-gradient(circle at 85% -5%,rgba(36,151,160,.10),transparent 31%),
    linear-gradient(180deg,#f7fafb,#f1f5f6 58%,#edf2f4)!important;
  color:var(--text)!important;
}
html[data-briefly-theme="light"] .v10LeadLink,
html[data-briefly-theme="light"] .v10TopCard,
html[data-briefly-theme="light"] .v10FeedCard,
html[data-briefly-theme="light"] .v10Tools>a,
html[data-briefly-theme="light"] .v12Editions>a,
html[data-briefly-theme="light"] .v10Brief,
html[data-briefly-theme="light"] .v10CompareSummary>div,
html[data-briefly-theme="light"] .v10Sources a,
html[data-briefly-theme="light"] .v15DeepNews,
html[data-briefly-theme="light"] .v15Timeline,
html[data-briefly-theme="light"] .v131SourceCard,
html[data-briefly-theme="light"] .v25Panel,
html[data-briefly-theme="light"] .v25Links a,
html[data-briefly-theme="light"] .v25TopicGrid span,
html[data-briefly-theme="light"] .v25Segment button,
html[data-briefly-theme="light"] .v25Segment label span,
html[data-briefly-theme="light"] .v26TeamCard{
  background:linear-gradient(145deg,#ffffff,#f8fbfc)!important;
  color:#10232d!important;
  border-color:rgba(36,74,91,.13)!important;
  box-shadow:0 12px 35px rgba(28,70,86,.05);
}
html[data-briefly-theme="light"] .v10LeadBody>p,
html[data-briefly-theme="light"] .v10TopCard p,
html[data-briefly-theme="light"] .v10FeedBody>p,
html[data-briefly-theme="light"] .v131Brief p,
html[data-briefly-theme="light"] .v15DeepBody p,
html[data-briefly-theme="light"] .v15Timeline p,
html[data-briefly-theme="light"] .v25Hero p,
html[data-briefly-theme="light"] .v25Rows span,
html[data-briefly-theme="light"] .v25Privacy{
  color:#536c78!important;
}
html[data-briefly-theme="light"] .v10Bottom{
  background:rgba(247,250,251,.94)!important;
  border-top-color:rgba(36,74,91,.12)!important;
}
html[data-briefly-theme="light"] .v10Bottom a{color:#6d818b!important}
html[data-briefly-theme="light"] .v10Bottom .active{color:var(--cyan)!important}
html[data-briefly-theme="light"] .v10HeaderActions a,
html[data-briefly-theme="light"] .v10StoryHeader>a:first-child,
html[data-briefly-theme="light"] .v10StoryHeader button,
html[data-briefly-theme="light"] .v25Top>a:first-child{
  background:#fff!important;color:#19303b!important;border-color:rgba(36,74,91,.13)!important;
}
html[data-briefly-theme="light"] .v10Intro h1 span{color:#5f7681!important}
html[data-briefly-theme="light"] .v10Categories a{color:#516c78!important;background:#fff}
html[data-briefly-theme="light"] .v10Categories a.active{background:var(--cyan)!important;color:#fff!important}
html[data-briefly-theme="light"] .v131SourceIcon{box-shadow:inset 0 0 0 1px rgba(10,50,65,.08)}
html[data-briefly-theme="light"] .v15DeepBody p:first-child{color:#18303a!important}
html[data-briefly-theme="light"] .v10Article>h1,
html[data-briefly-theme="light"] .v131Title h1,
html[data-briefly-theme="light"] h1,
html[data-briefly-theme="light"] h2,
html[data-briefly-theme="light"] h3,
html[data-briefly-theme="light"] b,
html[data-briefly-theme="light"] strong{color:#10232d}
html[data-briefly-theme="light"] .v10Logo,
html[data-briefly-theme="light"] .v25Logo{color:#10232d!important}
html[data-briefly-theme="light"] .v10Logo span,
html[data-briefly-theme="light"] .v25Logo span{color:var(--cyan)!important}
html[data-briefly-theme="light"] img{filter:none}

/* Appearance selector */
.v26Appearance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v26Appearance button{
  border:1px solid var(--line);background:#091f2c;color:#bed0d8;border-radius:15px;
  padding:14px 10px;cursor:pointer;text-align:center
}
.v26Appearance button b,.v26Appearance button span{display:block}
.v26Appearance button b{font-size:13px}.v26Appearance button span{font-size:9px;color:var(--muted);margin-top:4px}
.v26Appearance button.active{border-color:rgba(48,222,208,.45);box-shadow:inset 0 0 0 1px rgba(48,222,208,.14)}
html[data-briefly-theme="light"] .v26Appearance button{background:#fff;color:#17313d}
html[data-briefly-theme="light"] .v26Appearance button.active{background:#e9f7f5}

/* Team focus */
.v26Teams{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v26TeamCard{position:relative}
.v26TeamCard input{display:none}
.v26TeamCard span{
  min-height:88px;display:flex;flex-direction:column;justify-content:center;
  border:1px solid var(--line);background:#091f2c;border-radius:15px;padding:13px;cursor:pointer
}
.v26TeamCard b{font-size:13px}.v26TeamCard em{font-style:normal;font-size:9px;color:var(--muted);margin-top:4px}
.v26TeamCard input:checked+span{border-color:rgba(48,222,208,.48);background:rgba(20,79,83,.22)}
.v26TeamCard input:checked+span:after{content:"✓";position:absolute;right:11px;top:9px;color:var(--cyan);font-weight:900}

@media(max-width:700px){
  .v26Appearance{grid-template-columns:1fr 1fr 1fr}
  .v26Appearance button{padding:13px 7px}
  .v26Appearance button b{font-size:14px}
  .v26Appearance button span{font-size:11px}
  .v26Teams{grid-template-columns:1fr}
  .v26TeamCard span{min-height:70px}
  .v26TeamCard b{font-size:15px}
  .v26TeamCard em{font-size:12px}
}
