:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f5f5f5;
  --text: #0e0e0e;
  --muted: #666666;
  --border: #dddddd;
  --accent: #000000;
  --chip: #f2f2f2;
  --shadow: 0 1px 2px rgba(0,0,0,.06);
  --maxw: 1380px;
  --font-scale: 1;
}
html[data-theme="dark"] {
  --bg: #121212;
  --surface: #181818;
  --surface-2: #232323;
  --text: #f7f7f7;
  --muted: #ababab;
  --border: #303030;
  --accent: #ffffff;
  --chip: #202020;
  --shadow: 0 1px 2px rgba(0,0,0,.24);
}
* { box-sizing: border-box; }
html { font-size: calc(16px * var(--font-scale)); }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: var(--bg); color: var(--text); }
a { color: inherit; }
img { max-width: 100%; display: block; }
.shell { max-width: var(--maxw); margin: 0 auto; padding: 14px; }
.topbar { padding: 6px 0 12px; border-bottom: 1px solid var(--border); }
.topbar-main { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; }
.brand { display: inline-block; }
.brand .logo { width: auto; }
.brand .logo-light { height: 25px; display: block; }
.brand .logo-dark { height: 25px; display: none; }
html[data-theme="dark"] .brand .logo-light { display: none; }
html[data-theme="dark"] .brand .logo-dark { display: block; }
.topSearch { min-width: 0; position: relative; }
.topSearch .gsc-control-cse,
.topSearch .gsc-control-cse-en,
.topSearch .gsc-search-box,
.topSearch table,
.topSearch td,
.topSearch tr { background: transparent !important; border: 0 !important; padding: 0 !important; }
.topSearch .gsc-search-box-tools .gsc-search-box .gsc-input,
.topSearch .gsc-input-box,
.topSearch input.gsc-input { border-radius: 10px !important; min-height: 40px !important; }
.topSearch .gsc-search-button-v2 { border-radius: 10px !important; }
.modebar { margin: 18px 0 10px; }
.modebar-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.top-feed-menu-slot { flex:1 1 280px; min-width:280px; display:flex; justify-content:center; }
.topSearch .gsc-control-wrapper-cse { padding: 0 !important; }
.topSearch .gsc-search-button-v2 svg { width: 18px; height: 18px; }
.display-tools select, .display-tools button, .mini-btn, .feed-step, .feed-chip, .modebar button, .feedmenu-toggle {
  border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 10px; font-size: 14px;
}
.modebar button { padding: 10px 14px; cursor: pointer; border-radius: 999px; }
.modebar button.active { background: var(--text); color: var(--bg); border-color: var(--text); }
.panel { min-height: 260px; }
.panel-empty { padding: 20px; border: 1px dashed var(--border); border-radius: 14px; color: var(--muted); background: var(--surface-2); }
.feedbar { display: grid; grid-template-columns: 44px 1fr 44px; gap: 10px; align-items: start; margin-bottom: 16px; }
.feed-step { min-height: 44px; font-size: 18px; cursor: pointer; }
.feedbar-title-row { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; margin-bottom: 22px; min-height: 42px; }
.feedchips.inline-slot .feedmenu-panel{min-width:min(640px,92vw);} 
.feedbar .feedchips{display:none;}
.feedbar-title { text-decoration: none; font-size: 1.35rem; font-weight: 700; }
.feedbar-title:hover { text-decoration: underline; }
.feedbar-label { color: var(--muted); }
.feedmenu { position: relative; display: inline-block; }
.feedmenu-toggle { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; background: var(--chip); border-radius: 999px; padding: 10px 14px; font-weight: 700; }
.feedmenu-toggle::-webkit-details-marker { display: none; }
.feedmenu[open] .feedmenu-panel { display: grid; }
.feedmenu-panel { display: none; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-top: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); min-width: min(640px, 92vw); }
.feed-chip { padding: 9px 12px; cursor: pointer; text-align: left; }
.feed-chip.active { background: var(--text); color: var(--bg); border-color: var(--text); }
.headlines-grid { display: grid; gap: 14px; }
.headlines-grid.cols-1 { grid-template-columns: 1fr; }
.headlines-grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.headlines-grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.headline-card, .search-card, .dir-sub { border: 1px solid var(--border); background: transparent; border-radius: 14px; box-shadow: none; overflow: visible; }
.headline-card { display: flex; gap: 14px; padding: 18px 14px 16px; align-items: flex-start; min-height: 210px; position:relative; z-index:1; }
.headline-card:hover{z-index:25;}
.headline-image-link { flex: 0 0 180px; width: 180px; position: relative; z-index: 2; display: block; overflow: visible; }
.headline-image { width: 180px; height: 120px; object-fit: cover; background: var(--surface-2); border-radius: 10px; transition: transform .18s ease, box-shadow .18s ease; transform-origin: left top; }
.headline-image-link:hover .headline-image { transform: scale(2.66); box-shadow: 0 12px 30px rgba(0,0,0,.26); position: relative; z-index: 50; }
.headline-content { flex: 1 1 auto; min-width: 0; }
.headline-spacer { height: 28px; }
.headline-title { margin: 0 0 10px; font-size: 1.18rem; line-height: 1.2; }
.headline-title a { text-decoration: none; }
.headline-title a:hover { text-decoration: underline; }
.headline-summary { margin: 0 0 16px; color: var(--text); line-height: 1.45; }
.headline-meta-stack { margin-top: auto; }
.headline-meta { display: flex; gap: 10px; flex-wrap: wrap; color: var(--muted); font-size: 12px; margin: 8px 0 10px; }
.headline-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.mini-btn, .mini-link { padding: 7px 10px; font-size: 12px; text-decoration: none; cursor: pointer; display: inline-block; }
.embed-wrap { position: relative; width: 100%; padding-top: 170%; background: var(--surface-2); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
.embed-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.dir-category { margin-bottom: 22px; }
.dir-category h2 { margin: 0 0 12px; font-size: 1.3rem; }
.dir-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.dir-sub { padding: 12px; }
.dir-sub h3 { margin: 0 0 10px; font-size: 1rem; }
.dir-links { list-style: none; padding: 0; margin: 0; }
.dir-links li { margin-bottom: 8px; }
.dir-links a { text-decoration: none; }
.dir-links a:hover { text-decoration: underline; }
.display-tools { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border); padding-bottom: 100px; }
.display-tools-row { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; }
.display-tools label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: 12px; }
.display-tools select, .display-tools button { padding: 10px 12px; }
.footer-note, .stamp { color: var(--muted); font-size: 12px; margin-top: 12px; }
.search-card { padding: 14px; margin-bottom: 12px; }
.backtotop-arrow{
  font-size:34px;
  line-height:1;
  display:block;
  color:#000;
}

/* dark mode */
html[data-theme="dark"] .backtotop-arrow{
  color:#fff;
}
#back-to-top{
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width: 1100px) {
  .headlines-grid.cols-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dir-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .shell { padding: 10px; }
  .topbar-main { grid-template-columns: 1fr; }
  .feedbar { grid-template-columns: 40px 1fr 40px; }
  .top-feed-menu-slot { justify-content:flex-start; min-width:0; width:100%; }
  .feedmenu-panel { grid-template-columns: 1fr; min-width: 0; width: min(92vw, 360px); }
  .headlines-grid.cols-2, .headlines-grid.cols-3, .dir-grid { grid-template-columns: 1fr; }
  .headline-card { display: block; min-height: 0; }
  .headline-image-link, .headline-image { width: 100%; height: auto; }
  .headline-image { aspect-ratio: 16/9; }
  .headline-image-link:hover .headline-image { transform: none; box-shadow: none; }
  .headline-spacer { height: 6px; }
  .brand .logo-light, .brand .logo-dark { height: 44px; }
}

.feedchips.inline-slot{display:block !important;}
.top-feed-menu-slot .feedmenu{margin-left:auto;margin-right:auto;}


.brand-wrap{display:flex;align-items:center;gap:10px;min-width:240px}

.brand-sub{font:700 18px/1 Arial,Helvetica,sans-serif;letter-spacing:1px;color:var(--muted);white-space:nowrap}
.topbar{padding:4px 0 8px;border-bottom:1px solid var(--border)}


.topSearch .gsc-control-cse,.topSearch .gsc-control-cse-en,.topSearch .gsc-search-box,.topSearch table,.topSearch td,.topSearch tr{background:transparent!important;border:0!important;padding:0!important}
.modebar{margin:12px 0 10px}
.modebar-row{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}
.top-feed-menu-slot{display:flex;justify-content:center;min-width:0}
.feedbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;padding:18px 0 22px}
.feedbar-main{display:grid;grid-template-columns:1fr;align-items:center;min-height:74px}
.feedbar-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 18px 0 8px}
.feedbar-title{justify-self:center;font-size:36px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.feedbar-label{justify-self:start;font-size:14px;color:var(--muted);text-transform:uppercase;white-space:nowrap}
.feedchips{display:none}
.feedmenu{position:relative;display:inline-block}
.feedmenu-toggle{padding:10px 16px;cursor:pointer;font-weight:800;text-transform:uppercase}
.feedmenu-panel{display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:100;border:1px solid var(--border);background:var(--surface);border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.18);padding:10px;columns:2;min-width:360px}
.feedmenu.open .feedmenu-panel{display:block}
.feedmenu-panel a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;white-space:nowrap}
.feedmenu-panel a:hover{background:var(--surface-2)}
.panel{padding-bottom:160px}
.headlines-grid{display:grid;gap:18px}
.headline-card{position:relative;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none}
.headline-content{overflow:visible}
.headline-spacer{height:20px}
.headline-meta-stack{margin-top:10px}
.headline-meta{display:block;margin-bottom:8px;color:var(--muted)}
.headline-source{font-weight:700}
.headline-time{display:block;margin-top:3px}
.headline-image{width:240px;max-width:100%;height:auto;max-height:240px;object-fit:cover;border-radius:12px;transition:transform .18s ease, box-shadow .18s ease;transform-origin:left top;position:relative;z-index:3}
.headline-image.image-small{width:120px;max-height:120px}
.headline-image.image-medium{width:240px;max-height:240px}
.headline-image.image-large{width:360px;max-height:360px}
.headline-image:hover{transform:scale(2.8);z-index:80;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.headline-card:hover{z-index:70}
.headlines-grid.cols-2 .headline-card,.headlines-grid.cols-3 .headline-card{overflow:visible}
.headline-actions{position:relative;z-index:5}
.display-tools{margin-top:14px}
@media (max-width: 900px){
  .brand-sub{font-size:15px}
  .feedbar-title{font-size:24px}
  .feedmenu-panel{min-width:300px}
}
@media (max-width: 700px){
  .modebar-row{grid-template-columns:1fr 1fr;align-items:center}
  .top-feed-menu-slot{grid-column:1 / -1;justify-content:flex-start}
  .feedbar{grid-template-columns:42px 1fr 42px}
  .feedbar-title-row{grid-template-columns:1fr;gap:6px;padding:0 4px}
  .feedbar-title{justify-self:start;font-size:20px}
  .feedbar-label{justify-self:start}
  .headline-image:hover{transform:none}
}


.brand .logo-light,.brand .logo-dark{height:38px;width:auto}
.brand-sub{font:700 18px/1 Arial,Helvetica,sans-serif;letter-spacing:1px;color:var(--muted);white-space:nowrap}
.topbar-main{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:14px;align-items:center;min-height:42px}
.topSearch{min-width:0;display:block;max-width:580px;justify-self:end;width:100%}
.header-tools{display:flex;align-items:center;gap:10px;justify-self:end}
.quicklinks-menu{position:relative}
.quicklinks-toggle,.voice-search-btn{
  border:0;
  background:transparent;
  color:var(--text);
  width:36px;height:36px;
  border-radius:8px;
  cursor:pointer;
  font-size:22px;
  line-height:1;
}
.quicklinks-toggle:hover,.voice-search-btn:hover{background:var(--surface-2)}
.quicklinks-panel{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:120;
  width:180px;
  max-height:420px;
  overflow:auto;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  padding:8px 0;
}
.quicklinks-panel a{
  display:block;
  padding:8px 14px;
  text-decoration:none;
  white-space:nowrap;
}
.quicklinks-panel a:hover{background:var(--surface-2)}

.topSearch .gsc-control-cse,
.topSearch .gsc-control-cse-en,
.topSearch .gsc-control-wrapper-cse,
.topSearch .gsc-search-box,
.topSearch table,
.topSearch tbody,
.topSearch tr,
.topSearch td{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}
.topSearch .gsc-input-box{
  border:1px solid var(--border)!important;
  border-radius:10px!important;
  background:var(--surface)!important;
  height:38px!important;
  box-shadow:none!important;
}
.topSearch input.gsc-input,
.topSearch input.gsib_a{
  background:transparent!important;
  color:var(--text)!important;
  height:36px!important;
  padding-left:12px!important;
  text-indent:0!important;
  box-sizing:border-box!important;
  font-size:16px!important;
}
.topSearch .gsc-search-button-v2{
  margin-left:8px!important;
  border:1px solid var(--border)!important;
  background:var(--surface)!important;
  border-radius:10px!important;
  height:38px!important;
  padding:0 12px!important;
}
.topSearch .gsib_b{
  vertical-align:middle!important;
}
.topSearch .gscb_a{
  color:var(--muted)!important;
}
.ql-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px;
  min-height:32px;
  object-fit:contain;
  display:block;
  margin-right:18px;
margin-left:18px;
background:transparent;
}
.ql-dark{
  display:none;
}

html[data-theme="dark"] .ql-light{
  display:none;
}

html[data-theme="dark"] .ql-dark{
  display:block;
}

@media (max-width: 980px){
  .topbar-main{grid-template-columns:auto 1fr auto}
  .topSearch{max-width:420px}
}
@media (max-width: 760px){
  .topbar-main{grid-template-columns:1fr auto;grid-template-areas:"brand tools" "search search";row-gap:10px}
  .brand-wrap{grid-area:brand}
  .header-tools{grid-area:tools}
  .topSearch{grid-area:search;max-width:none;justify-self:stretch}
  .brand .logo-light,.brand .logo-dark{height:34px}
  .brand-sub{font-size:15px}
}


.feedbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;padding:18px 0 22px;position:relative;z-index:5}
.feedbar-main{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:74px}
.feedbar-title-row{display:grid;grid-template-columns:1fr;align-items:center;gap:0;padding:0 150px 0 8px}
.feedbar-title{justify-self:center;font-size:36px;font-weight:800;letter-spacing:1px;text-transform:uppercase;line-height:1.05;text-align:center}
.feedchips{display:none}
.top-feed-menu-slot{flex:1 1 360px;min-width:320px;display:flex;justify-content:flex-end;padding-right:10px}
.feedmenu-top{margin-left:auto}
.feedmenu-panel{z-index:120}

.headline-card,
.headline-content,
.headline-image-link{position:relative;overflow:visible}
.headline-card:hover{z-index:90}
.headline-meta{display:block;margin-bottom:8px;color:var(--muted);white-space:nowrap;font-size:14px}
.headline-source{font-weight:700}
.headline-time{display:inline;margin-top:0}
.headline-actions{position:relative;z-index:10}
.headline-image{position:relative;z-index:3;transition:transform .18s ease, box-shadow .18s ease}
.headline-image.image-small{width:120px;max-height:120px}
.headline-image.image-medium{width:240px;max-height:240px}
.headline-image.image-large{width:360px;max-height:360px}
.headline-image:hover{transform:scale(1.8);z-index:100;box-shadow:0 12px 28px rgba(0,0,0,.28)}

@media (max-width: 700px){
  .feedbar-title-row{padding:0 8px}
  .feedbar-title{justify-self:start;font-size:24px;text-align:left}
  .top-feed-menu-slot{justify-content:flex-start;padding-right:0}
}


.brand-wrap{align-items:flex-end}
.brand-sub{position:relative; top:3px}
.top-feed-menu-slot{flex:1 1 420px;min-width:360px;display:flex;justify-content:flex-end;padding-right:34px}
.feedmenu-top{margin-left:auto}
.headline-meta{display:block;margin-bottom:8px;color:var(--muted);white-space:nowrap;font-size:14px;font-weight:400}
.headline-source{font-weight:400}
.headline-meta-line{font-weight:400}
.footer-note{margin:28px auto 8px auto;text-align:center;color:var(--muted);font-size:14px;line-height:1.4}
.display-tools-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}
.display-tools-row label{display:flex;align-items:center;gap:8px}
@media (max-width: 700px){
  .brand-sub{top:2px}
  .top-feed-menu-slot{justify-content:flex-start;padding-right:0}
}


.brand-sub{padding-bottom:2px}

.headline-card,
.headline-content,
.headline-image-link{position:relative;overflow:visible}
.headline-card:hover{z-index:120}
.headline-title{margin-top:0}
.headline-image-link{float:left;margin:2px 18px 10px 0}
.headline-content::after{content:"";display:block;clear:both}
.headline-image{position:relative;z-index:4;transform-origin:left top}
.headline-image.image-small{width:180px;max-height:180px}
.headline-image.image-medium{width:240px;max-height:240px}
.headline-image.image-large{width:300px;max-height:300px}
.headline-image:hover{transform:scale(1.8);z-index:140;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.headline-actions,
.headline-actions *{position:relative;z-index:6}
.headline-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
.headline-meta{display:block;margin:0;color:var(--muted);white-space:nowrap;font-size:14px;font-weight:400;flex:1 1 auto;min-width:220px}
.headline-source,.headline-meta-line{font-weight:400}
.headline-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.headline-actions .mini-btn,
.headline-actions button,
.headline-actions a{
  font-size:12px;
  line-height:1;
  padding:5px 8px;
  border-radius:999px;
}

@media (max-width: 900px){
  .headline-image.image-small{width:170px;max-height:170px}
  .headline-image.image-medium{width:220px;max-height:220px}
  .headline-image.image-large{width:275px;max-height:275px}
}

@media (max-width: 700px){
  .headline-image-link{float:none;margin:0 0 10px 0}
  .headline-meta-row{display:block}
  .headline-meta{white-space:normal;margin-bottom:8px}
  .headline-actions{display:flex;flex-wrap:wrap}
}


.headline-image{z-index:40}
.headline-image:hover{z-index:140}
.headline-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}
.headline-meta{display:block;margin:0;color:var(--muted);white-space:nowrap;font-size:14px;font-weight:400;flex:1 1 auto;min-width:220px}
.headline-source,.headline-meta-line{font-weight:400}
.headline-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;position:relative;z-index:2}
.headline-actions .mini-icon{
  border:0;
  background:transparent;
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  padding:0;
  margin:0;
  font-size:18px;
  line-height:1;
  border-radius:0;
  box-shadow:none;
  cursor:pointer;
}
.headline-actions .mini-icon:hover{color:var(--text);background:transparent}
.headline-actions .mini-icon:active{color:#458b74}
.headline-image-link{float:left;margin:0 18px 10px 0}
.headline-title{margin-top:0;line-height:1.18}
.headline-summary{margin-top:8px}
@media (max-width:700px){
  .headline-meta{white-space:normal;min-width:0}
  .headline-actions{margin-top:2px}
}


html[data-bg="warm"]:not([data-theme="dark"]) {
  --bg: #fbfaf6;
  --surface: #fffdf8;
  --surface-2: #f4efe5;
  --border: #ddd7cb;
}
html[data-bg="soft"]:not([data-theme="dark"]) {
  --bg: #f5f6f7;
  --surface: #ffffff;
  --surface-2: #eceff2;
  --border: #d6dbe0;
}

.topbar-main{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:14px;align-items:center;min-height:42px}
.topSearch{min-width:0;display:block;max-width:480px;justify-self:end;width:100%}
.topSearch .gsc-control-cse,
.topSearch .gsc-control-cse-en,
.topSearch .gsc-control-wrapper-cse,
.topSearch .gsc-search-box,
.topSearch table,
.topSearch tbody,
.topSearch tr,
.topSearch td{background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.topSearch .gsc-input-box{border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface)!important;height:38px!important;box-shadow:none!important}
.topSearch input.gsc-input{background:transparent!important;color:var(--text)!important;height:36px!important;padding-left:12px!important;box-sizing:border-box!important;font-size:16px!important}
.topSearch .gsc-search-button-v2{margin-left:8px!important;border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:10px!important;height:38px!important;padding:0 12px!important}
.topAd{width:100%;text-align:center;position:relative;margin:8px 0 10px 0;min-height:0}
.ad-slot-desktop{min-width:728px;height:90px;margin:0 auto}
.ad-slot-mobile{display:none;min-width:320px;max-width:468px;height:auto;max-height:60px;margin:0 auto}
.modebar-row{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}
.top-feed-menu-slot{flex:1 1 520px;min-width:420px;display:flex;justify-content:flex-end;padding-right:90px}
.panel{min-height:260px;padding-bottom:28px}
.feedbar{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;margin-bottom:10px}
.feedbar-title-row{display:flex;justify-content:center;align-items:center;min-height:42px;margin:0 0 14px 0;padding-right:0}
.feedbar-title{display:block;text-align:center;text-decoration:none;font-size:36px;font-weight:700;margin:0 auto}
.feedbar .feedchips{display:none}
.feedmenu-panel{position:absolute;right:0;left:auto;z-index:130}
.feed-chip,.display-tools button,.display-tools select,.modebar button,.mini-icon,.feed-step,.quicklinks-toggle,.voice-search-btn,.back-to-top-btn{cursor:pointer}
.display-tools-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}
.display-tools-row label{display:flex;align-items:center;gap:8px}
.back-to-top-btn{margin-left:auto}
.headline-card{display:flex;gap:14px;padding:14px 14px 10px;align-items:flex-start;min-height:0;position:relative;z-index:1}
.headline-card:hover{z-index:35}
.headline-image-link{flex:0 0 auto;width:auto;position:relative;z-index:2;display:block;overflow:visible}
.headline-image{width:240px;height:auto;max-height:240px;object-fit:cover;background:var(--surface-2);border-radius:10px;transition:transform .18s ease, box-shadow .18s ease;transform-origin:left top}
.headline-image.image-small{width:180px;max-height:180px}
.headline-image.image-medium{width:240px;max-height:240px}
.headline-image.image-large{width:300px;max-height:300px}
.headline-image-link:hover .headline-image{transform:scale(2.2);box-shadow:0 12px 30px rgba(0,0,0,.26);position:relative;z-index:80}
.headline-content{flex:1 1 auto;min-width:0}
.headline-title{margin:0 0 10px;font-size:1.18rem;line-height:1.2}
.headline-summary{margin:0 0 8px;color:var(--text);line-height:1.45}
.headline-meta-stack{margin-top:4px}
.headline-meta{display:flex;align-items:center;gap:0;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:0}
.headline-source{font-weight:400}
.headline-actions{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}
.mini-icon{border:0;background:transparent;color:var(--muted);width:20px;height:20px;padding:0;line-height:20px;font-size:16px}
.mini-icon:hover{color:var(--text)}
.stamp{display:block;width:100%;text-align:right;color:var(--muted);font-size:12px;margin-top:4px;margin-bottom:0}
.footer-note{margin:10px auto 4px auto;text-align:center;color:var(--muted);font-size:14px;line-height:1.4}
.dir-jump{position:sticky;top:0;background:var(--bg);z-index:15;padding:8px 0 12px;border-bottom:1px solid var(--border);margin-bottom:14px}
.dir-jump-inner{display:flex;gap:8px;flex-wrap:wrap}
.dir-jump a{text-decoration:none;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px}
.dir-jump a:hover{background:var(--surface-2)}
.dir-category{scroll-margin-top:60px}

@media (max-width:1020px){
  .topSearch{max-width:360px}
}
@media (max-width:940px){
  .topbar-main{grid-template-columns:1fr auto;grid-template-areas:"brand tools" "search search";row-gap:10px}
  .brand-wrap{grid-area:brand}
  .header-tools{grid-area:tools}
  .topSearch{grid-area:search;max-width:450px;justify-self:center}
  .ad-slot-desktop{display:none!important}
  .ad-slot-mobile{display:block}
}
@media (max-width:700px){
  .modebar-row{grid-template-columns:1fr 1fr;align-items:center}
  .top-feed-menu-slot{grid-column:1 / -1;justify-content:flex-start;padding-right:0;min-width:0}
  .topSearch{max-width:none;width:100%}
  .back-to-top-btn{margin-left:0}
  .headline-card{display:block}
  .headline-image-link{margin:0 0 10px 0}
  .headline-image.image-small{width:170px;max-height:170px}
  .headline-image.image-medium{width:220px;max-height:220px}
  .headline-image.image-large{width:275px;max-height:275px}
}
@media (max-width:480px){
  .topSearch{position:relative;width:100%}
  .topAd{max-height:60px}
  .headline-image-link:hover .headline-image{transform:none}
  .dir-jump{position:static}
}


:root { --bg-custom: #ffffff; }
html[data-theme="light"], html:not([data-theme="dark"]) { --bg: var(--bg-custom); }

.topAd{padding-top:12px}
.topbar-main{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:14px;align-items:center;min-height:42px}
.topSearch{min-width:0;display:block;max-width:480px;justify-self:end;width:100%}
.topSearch .gsc-control-cse,
.topSearch .gsc-control-cse-en,
.topSearch .gsc-control-wrapper-cse,
.topSearch .gsc-search-box,
.topSearch table,
.topSearch tbody,
.topSearch tr,
.topSearch td{background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.topSearch .gsc-input-box{border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface)!important;height:38px!important;box-shadow:none!important}
.topSearch input.gsc-input{background:transparent!important;color:var(--text)!important;height:36px!important;padding-left:12px!important;box-sizing:border-box!important;font-size:16px!important}
.topSearch .gsc-search-button-v2{margin-left:8px!important;border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:10px!important;height:38px!important;padding:0 12px!important}
.top-feed-menu-slot{flex:1 1 280px;min-width:280px;display:flex;justify-content:center;padding-right:0}
.feedmenu-panel{right:auto;left:50%;transform:translateX(-50%);z-index:130}
.feedbar-title{font-size:36px;font-weight:800;line-height:1.02;display:block;text-align:center;text-decoration:none;margin:0 auto}
.feedbar-title-row{display:flex;justify-content:center;align-items:center;min-height:42px;margin:0 0 14px 0}
.feedbar{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;margin-bottom:10px}
.feedbar .feedchips{display:none}
.panel{min-height:260px;padding-bottom:24px}
.stamp{display:block;width:100%;text-align:right;color:var(--muted);font-size:12px;margin-top:4px;margin-bottom:0}
.footer-note{margin:10px auto 4px auto;text-align:center;color:var(--muted);font-size:14px;line-height:1.4}
.display-tools-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}
.display-tools-row label{display:flex;align-items:center;gap:8px}
.back-to-top-btn{margin-left:auto}
#bg-color{width:44px;height:36px;padding:2px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}
.headline-card{display:flex;gap:14px;padding:14px 14px 10px;align-items:flex-start;min-height:0;position:relative;z-index:1}
.headline-card:hover{z-index:35}
.headline-image-link{flex:0 0 auto;width:auto;position:relative;z-index:2;display:block;overflow:visible}
.headline-image{width:240px;height:auto;max-height:240px;object-fit:cover;background:var(--surface-2);border-radius:10px;transition:transform .18s ease, box-shadow .18s ease;transform-origin:left top}
.headline-image.image-small{width:120px;max-height:120px}
.headline-image.image-medium{width:240px;max-height:240px}
.headline-image.image-large{width:360px;max-height:360px}
.headline-image-link:hover .headline-image{transform:scale(1.8);box-shadow:0 12px 30px rgba(0,0,0,.26);position:relative;z-index:80}
.headline-content{flex:1 1 auto;min-width:0}
.headline-title{margin:0 0 10px;font-size:1.18rem;line-height:1.2}
.headline-summary{margin:0 0 8px;color:var(--text);line-height:1.45}
.headline-meta-stack{margin-top:4px}
.headline-meta{display:flex;align-items:center;gap:0;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:0}
.headline-source{font-weight:400}
.headline-actions{display:inline-flex;gap:12px;align-items:center;white-space:nowrap;position:relative;z-index:10}
.mini-icon{border:0;background:transparent;color:var(--muted);width:20px;height:20px;padding:0;line-height:20px;font-size:15px;cursor:pointer}
.mini-icon:hover{color:var(--text)}
.dir-jump{position:sticky;top:0;background:var(--bg);z-index:15;padding:8px 0 12px;border-bottom:1px solid var(--border);margin-bottom:14px}
.dir-jump-inner{display:flex;gap:8px;flex-wrap:wrap}
.dir-jump a{text-decoration:none;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;cursor:pointer}
.dir-jump a:hover{background:var(--surface-2)}
.dir-category{scroll-margin-top:60px}
.headlines-grid.headlines-only .headline-summary,
.headlines-grid.headlines-only .headline-meta-stack{display:none}
.headlines-grid.headlines-only .headline-card{min-height:0;padding-bottom:12px}
.headlines-grid.headlines-only .headline-title{margin-bottom:0}
.headlines-grid.cols-1.headlines-only .headline-card{position:relative}
.headlines-grid.cols-1.headlines-only .headline-card:hover::after{
  content: attr(data-summary);
  position:absolute;
  left:14px; right:14px; top:100%;
  margin-top:6px;
  padding:10px 12px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  color:var(--text);
  z-index:120;
  line-height:1.35;
  white-space:normal;
}
.ad-slot-desktop{min-width:728px;height:90px;margin:0 auto}
.ad-slot-mobile{display:none;min-width:320px;max-width:468px;height:auto;max-height:60px;margin:0 auto}

@media (max-width:1020px){
  .topSearch{max-width:360px}
}
@media (max-width:940px){
  .topbar-main{grid-template-columns:1fr auto;grid-template-areas:"brand tools" "search search";row-gap:10px}
  .brand-wrap{grid-area:brand}
  .header-tools{grid-area:tools}
  .topSearch{grid-area:search;max-width:450px;justify-self:center}
  .ad-slot-desktop{display:none!important}
  .ad-slot-mobile{display:block}
}
@media (max-width:700px){
  .modebar-row{grid-template-columns:1fr 1fr;align-items:center}
  .top-feed-menu-slot{grid-column:1 / -1;justify-content:flex-start;padding-right:0;min-width:0}
  .topSearch{max-width:none;width:100%}
  .back-to-top-btn{margin-left:0}
  .feedbar-title{font-size:26px}
  .headline-card{display:block}
  .headline-image-link{margin:0 0 10px 0}
  .headline-image.image-small{width:120px;max-height:120px}
  .headline-image.image-medium{width:220px;max-height:220px}
  .headline-image.image-large{width:300px;max-height:300px}
}
@media (max-width:480px){
  .topSearch{position:relative;width:100%}
  .topAd{max-height:60px}
  .headline-image-link:hover .headline-image{transform:none}
  .dir-jump{position:static}
}


.page-message{
  width:100%;
  margin:10px auto 6px auto;
  text-align:center;
}
.page-message-inner{
  display:inline-block;
  max-width:980px;
  padding:10px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  color:var(--text);
  font-size:14px;
  line-height:1.35;
}
.display-tools-row{
  gap:24px;
}
.back-to-top-btn{
  margin-left:auto;
  width:44px;
  height:44px;
  border:1px solid var(--border) !important;
  border-radius:10px !important;
  background:var(--surface) !important;
  padding:1px !important;
  line-height:0;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.back-to-top-btn img{
  display:block;
}
.back-to-top-btn:hover{
  background:var(--surface-2) !important;
}
#voice-search-btn,
#voice-search-btn *{
  cursor:pointer;
}
@media (max-width:700px){
  .display-tools-row{
    gap:16px;
  }
}
/* FINAL feed menu positioning override */
.top-feed-menu-slot{
  flex: 1 1 520px;
  min-width: 420px;
  display: flex;
  justify-content: flex-end;
  padding-right: 200px;
}

.feedmenu-top{
  margin-left: auto;
}

.feedmenu-panel{
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

@media (max-width: 940px){
  .top-feed-menu-slot{
    padding-right: 90px;
  }
}

@media (max-width: 700px){
  .top-feed-menu-slot{
    grid-column: 1 / -1;
    justify-content: flex-start;
    min-width: 0;
    padding-right: 0;
  }
}
.topSearch .gsc-input-box{
  position: relative !important;
}

.topSearch .gsc-input-box::before{
  content: "⌕";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  font-size: 20px;
  pointer-events: none;
}

.topSearch input.gsc-input{
  padding-left: 28px !important;
}
.topSearch .gsc-input-box{
  border:1px solid #000 !important;
}

.headline-image-link:hover .headline-image{
  transform: scale(2.5) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.26) !important;
  position: relative;
  z-index: 140 !important;
}

.headline-image:hover{
  transform: scale(2.5) !important;
  z-index: 140 !important;
}

@media (max-width: 480px){
  .headline-image-link:hover .headline-image,
  .headline-image:hover{
    transform: none !important;
  }
}
.headline-bullet{
  display:inline-block;
  width:20px;
  min-width:20px;
  margin-right:2px;
  font-size:20px;
  line-height:1;
  color:var(--text);
  vertical-align:top;
  position:relative;
  top:1px;
}