/*
Theme Name: RetroTech 2005
Theme URI: https://example.com/retrotech-2005
Author: OpenAI
Description: A two-column, early-2000s inspired technology news theme with an editable right widget sidebar, Elementor compatibility, Gutenberg support and responsive layouts.
Version: 1.11.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: retrotech-2005
Tags: news, blog, custom-logo, custom-menu, featured-images, two-columns, right-sidebar, translation-ready
*/
:root{--rt-blue:#145b91;--rt-blue-dark:#0b3d68;--rt-link:#075da8;--rt-border:#b8c9d8;--rt-soft:#edf3f8;--rt-bg:#e6ebf0;--rt-text:#222;--rt-muted:#687786;--rt-width:1180px;--rt-font:Tahoma,"Leelawadee UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--rt-bg);color:var(--rt-text);font:14px/1.65 var(--rt-font)}a{color:var(--rt-link);text-decoration:none}a:hover{color:#c0392b;text-decoration:underline}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea{font:inherit}.site-wrap{max-width:var(--rt-width);margin:18px auto;background:#fff;border:1px solid #9eafbf;box-shadow:0 2px 9px #26384920}.top-strip{background:#dce7f0;border-bottom:1px solid #b4c6d5;color:#42576a;padding:5px 14px;font-size:12px;display:flex;justify-content:space-between;gap:12px}.masthead{padding:17px 20px 13px;background:linear-gradient(#fff,#f0f5f9);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.custom-logo{max-height:68px;width:auto}.site-title{font-size:30px;line-height:1.15;font-weight:bold;color:#174f7c;letter-spacing:-1px;margin:0}.site-title a{color:inherit}.site-description{margin:4px 0 0;color:#687b8b;font-size:12px}.header-ad{max-width:468px;min-height:60px;flex:0 1 468px}.main-nav{background:linear-gradient(#2876ad,#104e7d);border-top:1px solid #5d95bd;border-bottom:3px solid #0b3d68}.main-nav ul{list-style:none;margin:0;padding:0 10px;display:flex;flex-wrap:wrap}.main-nav li{margin:0}.main-nav a{display:block;padding:10px 14px;color:#fff;font-weight:bold;border-right:1px solid #ffffff25;text-shadow:0 1px #123}.main-nav a:hover,.main-nav .current-menu-item>a{background:#083b64;text-decoration:none}.breaking{display:flex;align-items:stretch;border-bottom:1px solid var(--rt-border);background:#f7fafc}.breaking-label{background:#b52d26;color:#fff;font-weight:bold;padding:7px 12px;white-space:nowrap}.breaking-content{padding:7px 12px;min-width:0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:16px;align-items:start}.column{min-width:0}.panel{border:1px solid var(--rt-border);margin-bottom:14px;background:#fff}.panel-title{margin:0;padding:7px 10px;background:linear-gradient(#f4f8fb,#dce8f1);border-bottom:1px solid var(--rt-border);color:#174f7c;font-size:15px;font-weight:bold}.panel-body{padding:10px}.side-menu{list-style:none;padding:0;margin:0}.side-menu li+li{border-top:1px dotted #ccd5dc}.side-menu a{display:block;padding:6px 2px}.news-list{list-style:none;margin:0;padding:0}.news-list li{padding:8px 0;border-bottom:1px dotted #cbd4dc}.news-list li:last-child{border-bottom:0}.news-list a{font-weight:bold}.news-meta{font-size:11px;color:var(--rt-muted);margin-top:3px}.featured-story{display:grid;grid-template-columns:42% 1fr;gap:13px;padding-bottom:12px;border-bottom:1px solid #d5dee5;margin-bottom:10px}.featured-story img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #c7d2dc;padding:2px}.featured-story h2{font-size:20px;line-height:1.35;margin:0 0 6px}.featured-story p{margin:0;color:#4d5963}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-card{border:1px solid #d5dee5;padding:7px}.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:6px}.story-card h3{font-size:14px;line-height:1.4;margin:0}.story-card .news-meta{margin-top:5px}.post-header{border-bottom:1px solid #d5dee5;padding-bottom:10px;margin-bottom:14px}.post-title{font-size:27px;line-height:1.35;color:#174f7c;margin:0 0 7px}.entry-content{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{color:#174f7c;line-height:1.4}.entry-content img{height:auto}.entry-content blockquote{border-left:4px solid #4b88b5;background:#f2f7fa;margin:18px 0;padding:10px 15px}.entry-content table{border-collapse:collapse;width:100%;margin:16px 0}.entry-content th,.entry-content td{border:1px solid #c6d2dc;padding:7px;text-align:left}.entry-content th{background:#edf3f8}.post-thumbnail{margin:12px 0}.post-thumbnail img{width:100%;height:auto}.tag-links a,.cat-links a{display:inline-block;background:#edf3f8;border:1px solid #d2dfe8;padding:2px 7px;margin:2px;font-size:12px}.pagination,.posts-navigation{padding:12px 0}.page-numbers{display:inline-block;padding:5px 9px;border:1px solid #bdcbd7;margin:2px}.page-numbers.current{background:#145b91;color:#fff}.widget-area .widget{border:1px solid var(--rt-border);margin-bottom:14px}.widget-title{margin:0;padding:7px 10px;background:linear-gradient(#f4f8fb,#dce8f1);border-bottom:1px solid var(--rt-border);font-size:15px;color:#174f7c}.widget-area .widget> :not(.widget-title){margin:10px}.ad-slot{min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8493a0;background:#fafcfd;border:1px dashed #c7d2dc;padding:8px;font-size:12px}.ad-slot:empty:before{content:"พื้นที่โฆษณา"}.site-footer{background:#eaf1f6;border-top:3px solid #145b91;padding:17px 20px;color:#5d6c78;font-size:12px}.footer-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:12px}.footer-bottom{border-top:1px solid #cbd7e0;padding-top:10px;display:flex;justify-content:space-between;gap:10px}.breadcrumbs{font-size:12px;color:#71808c;margin:0 0 10px}.breadcrumbs a{color:#526d83}.search-form{display:flex;gap:5px}.search-form input[type=search]{min-width:0;width:100%;padding:6px;border:1px solid #b9c8d4}.search-form button{background:#145b91;color:#fff;border:0;padding:6px 10px;cursor:pointer}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;white-space:nowrap}.alignwide{max-width:100%}.wp-caption{max-width:100%}.gallery{display:flex;flex-wrap:wrap;gap:10px}.gallery-item{margin:0}.comment-list{padding-left:22px}.comment-body{border-bottom:1px dotted #ccd5dc;padding:10px 0}.comment-form input,.comment-form textarea{width:100%;padding:8px;border:1px solid #bdcbd7}.comment-form .submit{width:auto;background:#145b91;color:#fff;border:0;padding:8px 14px;cursor:pointer}
@media(max-width:900px){.content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:12px;padding:12px}.header-ad{display:none}}
@media(max-width:680px){.site-wrap{margin:0;border:0}.top-strip{font-size:11px}.masthead{padding:13px}.site-title{font-size:24px}.main-nav ul{padding:0}.main-nav a{padding:9px 10px;font-size:13px}.content-grid{display:flex;flex-direction:column;padding:10px;gap:12px}.main-column,.right-column{width:100%}.right-column{display:block;margin-top:0}.featured-story{grid-template-columns:1fr}.featured-story h2{font-size:19px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-card{padding:5px}.story-card h3{font-size:13px}.post-title{font-size:23px}.footer-widgets{grid-template-columns:1fr}.footer-bottom{display:block}.breaking-label{padding:7px 8px;font-size:12px}.breaking-content{font-size:12px}}

/* Two-column layout and widget controls */
.right-column{min-width:0;width:100%}.main-column{min-width:0}.right-column .widget ul{padding-left:20px}.right-column .widget select,.right-column .widget input{max-width:100%}.right-column .widget img{height:auto}


/* Automatic Table of Contents */
.rt-toc{
  margin:0 0 20px;
  border:1px solid #c5d3df;
  background:#f7fafc;
  color:#344b5d;
  font-size:14px;
  line-height:1.65;
  max-width:100%;
}
.rt-toc-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  background:linear-gradient(#f4f8fb,#e2ebf2);
  border-bottom:1px solid #c5d3df;
}
.rt-toc-title{font-size:15px;color:#174f7c}
.rt-toc-toggle{
  border:1px solid #b9c9d6;
  border-radius:2px;
  background:#fff;
  color:#245b83;
  padding:3px 9px;
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.rt-toc-toggle:hover{background:#edf4f8}
.rt-toc-list{margin:9px 14px 12px;padding-left:23px}
.rt-toc-list[hidden]{display:none}
.rt-toc-item{padding:2px 0}
.rt-toc-item a{color:#145b91;text-decoration:none}
.rt-toc-item a:hover{text-decoration:underline;color:#0b3d65}
.rt-toc-h3{margin-left:17px;list-style-type:circle;font-size:13px}
.rt-toc-target{scroll-margin-top:24px}
.rt-toc-target:focus{outline:2px solid #9bbbd3;outline-offset:4px}
@media(max-width:680px){
  .rt-toc{font-size:13px}
  .rt-toc-header{padding:7px 9px}
  .rt-toc-list{margin:8px 10px 10px;padding-left:21px}
}


/* RetroTech 2005 box treatment: crisp borders and offset shadows */
:root{
  --rt-page:#e8edf2;--rt-surface:#fff;--rt-panel-head1:#f5f9fc;--rt-panel-head2:#dce8f1;
  --rt-ink:#202b35;--rt-soft-ink:#506171;--rt-line:#9db2c5;--rt-shadow:#071b2b;
  --rt-blue-head:#0754a5;--rt-blue-head2:#003b83;--rt-blue-nav:#63a9f7;
}
body{background:var(--rt-page);color:var(--rt-ink)}
.site-wrap{background:var(--rt-surface);border:1px solid #657f96;box-shadow:3px 4px 0 var(--rt-shadow),0 0 0 1px #fff inset}
.masthead{background:linear-gradient(180deg,#0870cf 0%,#00469b 100%);color:#fff;border-bottom:1px solid #00346f}
.site-title,.site-title a{color:#fff;text-shadow:1px 2px 0 #00366d}
.site-description{color:#d8eaff}
.main-nav{background:linear-gradient(#83c1ff,#4b9af0);border-top:1px solid #b9dcff;border-bottom:3px solid #0751a0}
.main-nav a{color:#062f65;text-shadow:none;border-right:1px solid #ffffff70}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#d8ebff;color:#003c80}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nav-inner>div{min-width:0}
.rt-mode-toggle{flex:0 0 auto;margin:4px 8px 4px auto;padding:4px 10px;border:1px solid #002f66;border-radius:2px;background:linear-gradient(#123f72,#001e43);color:#fff;font-weight:bold;font-size:12px;cursor:pointer;box-shadow:1px 2px 0 #00172f}
.rt-mode-toggle:hover{filter:brightness(1.2)}
.promo-strip{padding:8px 10px;background:#f5f9ff;border-bottom:1px solid #a9c9ed}
.promo-strip .widget{margin:0}
.promo-strip .widget-title{display:none}
.promo-strip .widget> :not(.widget-title){margin:0}
.promo-placeholder{min-height:54px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #6ea8e7;outline:1px dashed #9cc5f0;outline-offset:-5px;background:linear-gradient(90deg,#fff,#eaf4ff);box-shadow:3px 3px 0 #173c63;color:#064b91;font-weight:bold}
.promo-placeholder strong{padding:3px 8px;background:#ed2024;color:#fff;font-size:11px}
.promo-placeholder span{font-size:13px}
.promo-strip .widget{border:1px solid #6ea8e7;box-shadow:3px 3px 0 #173c63;background:#fff;padding:8px 12px}
.promo-strip a{font-weight:bold}
.breaking{background:#eaf4ff;border-bottom:1px solid #8eb8e4;align-items:center;min-width:0}
.breaking-label{background:#07519c;color:#fff;border:1px solid #00386f;margin:4px 6px;padding:2px 8px;font-size:12px;box-shadow:1px 2px 0 #092c4e}
.breaking-window{min-width:0;overflow:hidden;flex:1;padding:5px 0}
.breaking-track{display:flex;align-items:center;gap:55px;width:max-content;white-space:nowrap;animation:rt-marquee 34s linear infinite}
.breaking:hover .breaking-track{animation-play-state:paused}
.breaking-item{font-weight:bold;color:#064a91}
.breaking-item:before{content:"» ";color:#e45a19}
.breaking-item a{color:#064a91}
@keyframes rt-marquee{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}
.panel,.widget-area .widget,.story-card,.featured-story,.rt-toc{box-shadow:3px 4px 0 #172b3d}
.panel{border:1px solid #667f96}
.panel-title,.widget-title{background:linear-gradient(var(--rt-panel-head1),var(--rt-panel-head2));border-bottom:1px solid var(--rt-line);color:#084b8d}
.widget-area .widget{border:1px solid #667f96;background:var(--rt-surface)}
.story-card{border:1px solid #9db2c5;background:var(--rt-surface)}
.ad-slot{background:#f8fbff;border-color:#a9c3dc}
@media(max-width:680px){
 .nav-inner{align-items:stretch}.nav-inner>div{overflow-x:auto}.rt-mode-toggle{margin:5px 6px;padding:4px 7px}
 .promo-placeholder{align-items:flex-start;flex-direction:column;gap:4px}
 .breaking-track{animation-duration:25s}
}
@media(prefers-reduced-motion:reduce){.breaking-track{animation:none;transform:none}html{scroll-behavior:auto}}

/* User-selected dark mode; preference persists in this browser */
html[data-color-mode="dark"] body{background:#101820;color:#dce6ef}
html[data-color-mode="dark"] .site-wrap{--rt-surface:#17232e;--rt-ink:#dce6ef;--rt-muted:#a7b6c4;background:#17232e;border-color:#40566a;box-shadow:3px 4px 0 #050a0f}
html[data-color-mode="dark"] .top-strip{background:#1e3040;color:#c0d0df;border-color:#40566a}
html[data-color-mode="dark"] .masthead{background:linear-gradient(#063c70,#061f42)}
html[data-color-mode="dark"] .main-nav{background:linear-gradient(#244f78,#132e4b);border-color:#426b91}
html[data-color-mode="dark"] .main-nav a{color:#e2efff;border-color:#ffffff20}
html[data-color-mode="dark"] .main-nav a:hover,html[data-color-mode="dark"] .main-nav .current-menu-item>a{background:#315d86}
html[data-color-mode="dark"] .promo-strip{background:#172b3d;border-color:#40566a}
html[data-color-mode="dark"] .promo-placeholder,html[data-color-mode="dark"] .promo-strip .widget{background:linear-gradient(90deg,#1b2c3b,#203b55);color:#e2efff;border-color:#55799a;box-shadow:3px 3px 0 #050a0f}
html[data-color-mode="dark"] .breaking{background:#1b2d3d;border-color:#40566a}
html[data-color-mode="dark"] .breaking-item,html[data-color-mode="dark"] .breaking-item a{color:#9dccff}
html[data-color-mode="dark"] .panel,html[data-color-mode="dark"] .widget-area .widget,html[data-color-mode="dark"] .story-card{background:#1b2a37;border-color:#52697d;box-shadow:3px 4px 0 #050a0f}
html[data-color-mode="dark"] .panel-title,html[data-color-mode="dark"] .widget-title{background:linear-gradient(#29465e,#1d354a);color:#d7eaff;border-color:#52697d}
html[data-color-mode="dark"] .entry-content h2,html[data-color-mode="dark"] .entry-content h3,html[data-color-mode="dark"] .post-title{color:#a9d2ff}
html[data-color-mode="dark"] .entry-content blockquote,html[data-color-mode="dark"] .entry-content th{background:#24394b;color:#dce6ef}
html[data-color-mode="dark"] .entry-content td,html[data-color-mode="dark"] .entry-content th{border-color:#52697d}
html[data-color-mode="dark"] .news-meta,html[data-color-mode="dark"] .featured-story p{color:#aab9c7}
html[data-color-mode="dark"] .site-footer{background:#132331;color:#b5c5d3;border-color:#3e719e}
html[data-color-mode="dark"] .ad-slot{background:#1c2d3c;border-color:#52697d;color:#9caebe}
html[data-color-mode="dark"] .rt-toc{background:#1b2c3b;color:#dce6ef;border-color:#52697d;box-shadow:3px 4px 0 #050a0f}
html[data-color-mode="dark"] .rt-toc-header{background:linear-gradient(#29465e,#1d354a);border-color:#52697d}
html[data-color-mode="dark"] .rt-toc-title,html[data-color-mode="dark"] .rt-toc-item a{color:#a9d2ff}
html[data-color-mode="dark"] .rt-toc-toggle{background:#17232e;color:#dce6ef;border-color:#52697d}
html[data-color-mode="dark"] input,html[data-color-mode="dark"] textarea,html[data-color-mode="dark"] select{background:#17232e;color:#e3edf6;border-color:#52697d}


/* Featured story refinement: show the complete cover image and use the text area better */
.featured-story{
  grid-template-columns:minmax(220px,40%) minmax(0,1fr);
  align-items:start;
  gap:14px;
}
.featured-story>a{display:block;min-width:0}
.featured-story img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  object-position:center;
  background:#f2f6fa;
  border:1px solid #b8c9d8;
  padding:2px;
}
.featured-story>div{min-width:0}
.featured-story h2{font-size:20px;line-height:1.4;margin:0 0 5px}
.featured-story p{
  margin:7px 0 9px;
  color:#4d5963;
  line-height:1.75;
  font-size:14px;
}
@media(max-width:680px){
  .featured-story{grid-template-columns:minmax(0,1fr);gap:10px}
  .featured-story img{aspect-ratio:16/9;object-fit:contain}
}
html[data-color-mode="dark"] .featured-story img{background:#1b2a37;border-color:#52697d}
html[data-color-mode="dark"] .featured-story p{color:#aab9c7}


/* Dark mode contrast fix: make linked story headlines readable */
html[data-color-mode="dark"] .featured-story h2 a,
html[data-color-mode="dark"] .story-card h3 a{
  color:#e4f1ff;
}
html[data-color-mode="dark"] .featured-story h2 a:hover,
html[data-color-mode="dark"] .story-card h3 a:hover{
  color:#ffffff;
  text-decoration:underline;
}


/* RetroTech compact two-column footer panel */
.site-footer{
  margin:10px;
  padding:0;
  background:transparent;
  border:0;
  color:var(--rt-ink,#243342);
}
.rt-footer-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,48%);
  gap:24px;
  padding:16px;
  border:1px solid #174a78;
  background:#fff;
  color:#243342;
  box-shadow:3px 3px 0 #071b2b;
}
.rt-footer-about{min-width:0;padding:2px 4px}
.rt-footer-about h2{
  margin:0 0 6px;
  color:#07519c;
  font-size:14px;
  line-height:1.4;
  font-weight:bold;
}
.rt-footer-about p{
  margin:0;
  color:#526477;
  font-size:12px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.rt-footer-policy{min-width:0}
.rt-footer-policy>h2{
  margin:0 0 7px;
  padding:7px 9px;
  color:#fff;
  background:linear-gradient(#0870cf,#00469b);
  border:1px solid #003d82;
  font-size:12px;
  line-height:1.4;
}
.rt-footer-links{list-style:none!important;margin:0!important;padding:0!important}
.rt-footer-links li{list-style:none!important;margin:0 0 5px!important;padding:0!important}
.rt-footer-links a{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:23px;
  padding:3px 7px;
  border:1px solid #a9c9ed;
  background:#edf4fb;
  color:#064b91;
  font-size:11px;
  line-height:1.45;
  text-decoration:none;
}
.rt-footer-links a:hover{
  background:#dcecff;
  color:#003c80;
  text-decoration:underline;
}
.rt-footer-link-icon{display:inline-flex;flex:0 0 13px;justify-content:center;font-size:12px;color:#07519c}
.site-footer .footer-bottom{
  margin-top:10px;
  padding:8px 4px 0;
  border-top:1px solid #b8c9d8;
  color:#687786;
  font-size:11px;
}
html[data-color-mode="dark"] .rt-footer-box{
  background:#17232e;
  color:#dce6ef;
  border-color:#52697d;
  box-shadow:3px 3px 0 #050a0f;
}
html[data-color-mode="dark"] .rt-footer-about h2{color:#a9d2ff}
html[data-color-mode="dark"] .rt-footer-about p{color:#b7c6d4}
html[data-color-mode="dark"] .rt-footer-policy>h2{
  background:linear-gradient(#244f78,#132e4b);
  border-color:#52697d;
}
html[data-color-mode="dark"] .rt-footer-links a{
  background:#203446;
  border-color:#52697d;
  color:#d4e9ff;
}
html[data-color-mode="dark"] .rt-footer-links a:hover{background:#294b68;color:#fff}
html[data-color-mode="dark"] .rt-footer-link-icon{color:#a9d2ff}
html[data-color-mode="dark"] .site-footer .footer-bottom{border-color:#40566a;color:#a7b6c4}
@media(max-width:680px){
  .site-footer{margin:8px}
  .rt-footer-box{grid-template-columns:1fr;gap:14px;padding:12px}
  .rt-footer-policy{width:100%}
}


/* Keep footer aligned with the main content column, not underneath the sidebar */
.site-footer{
  box-sizing:border-box;
  width:calc(100% - 348px);
  max-width:none;
  margin:0 0 10px 16px;
}
@media(max-width:900px){
  .site-footer{
    width:calc(100% - 296px);
    margin:0 0 10px 12px;
  }
}
@media(max-width:680px){
  .site-footer{
    width:calc(100% - 20px);
    margin:0 10px 10px;
  }
}


/* Compact affiliate promotion banner, constrained to the main content column */
.rt-promo-banner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:58px;
  margin:0 0 12px;
  padding:8px 12px;
  border:1px solid #6ea8e7;
  outline:1px dashed #9cc5f0;
  outline-offset:-5px;
  background:linear-gradient(90deg,#fff 0%,#f5f9ff 55%,#eaf4ff 100%);
  box-shadow:3px 3px 0 #173c63;
  color:#064b91;
}
.rt-promo-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  padding:4px 8px;
  background:#ed2024;
  border:1px solid #b70f16;
  color:#fff;
  font-size:10px;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
}
.rt-promo-copy{min-width:0}
.rt-promo-title{
  color:#07519c;
  font-size:13px;
  font-weight:bold;
  line-height:1.45;
}
.rt-promo-description{
  margin-top:2px;
  color:#526477;
  font-size:11px;
  line-height:1.4;
}
.rt-promo-action{justify-self:end}
.rt-promo-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:5px 13px;
  border:1px solid #002f55;
  background:linear-gradient(#0870a9,#002d50);
  box-shadow:1px 2px 0 #8298aa;
  color:#fff!important;
  font-size:11px;
  font-weight:bold;
  line-height:1.3;
  text-decoration:none!important;
  white-space:nowrap;
}
.rt-promo-button:hover{background:linear-gradient(#0a83c5,#06416c);color:#fff!important}
.rt-promo-button.is-unlinked{opacity:.85;cursor:default}
html[data-color-mode="dark"] .rt-promo-banner{
  background:linear-gradient(90deg,#172b3d,#203b55);
  border-color:#55799a;
  outline-color:#385a79;
  box-shadow:3px 3px 0 #050a0f;
  color:#e2efff;
}
html[data-color-mode="dark"] .rt-promo-title{color:#b9dcff}
html[data-color-mode="dark"] .rt-promo-description{color:#c0d0df}
@media(max-width:680px){
  .rt-promo-banner{
    grid-template-columns:auto minmax(0,1fr);
    gap:8px;
    padding:9px 10px;
  }
  .rt-promo-badge{min-width:70px;font-size:9px}
  .rt-promo-copy{grid-column:2}
  .rt-promo-action{grid-column:2;justify-self:start}
  .rt-promo-title{font-size:12px}
  .rt-promo-description{font-size:10px}
  .rt-promo-button{min-height:26px}
}


/* v1.10.0 refinements requested: remove top info strip, slow ticker, improve mode button */
.breaking-track{
  animation-duration:60s;
}
.rt-mode-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:32px;
  padding:5px 12px;
  margin:4px 8px 4px auto;
  border:1px solid #002f66;
  border-radius:3px;
  background:linear-gradient(#164d80,#001e43);
  color:#fff;
  font-weight:bold;
  font-size:12px;
  line-height:1;
  cursor:pointer;
  box-shadow:1px 2px 0 #00172f;
  white-space:nowrap;
}
.rt-mode-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:16px;
  line-height:1;
  flex:0 0 18px;
}
.rt-mode-label{display:inline-block;line-height:1.2}
.rt-mode-toggle:hover{filter:brightness(1.2)}
@media(max-width:680px){
  .rt-mode-toggle{gap:6px;padding:4px 8px;min-height:30px}
  .rt-mode-icon{width:16px;height:16px;flex-basis:16px;font-size:14px}
}


/* Match homepage section headers to the dark-blue website policy header */
.panel-title{
  background:linear-gradient(#0870cf,#00469b);
  border-bottom:1px solid #003d82;
  color:#fff;
  text-shadow:0 1px 0 #00366d;
}
html[data-color-mode="dark"] .panel-title{
  background:linear-gradient(#0870cf,#004080);
  border-bottom-color:#315f8d;
  color:#fff;
}