/* ===== 東都新報 ONLINE — Japanese news portal stylesheet ===== */
:root{
  --red:#b3000f;
  --red-dark:#8c000c;
  --link:#1153a3;
  --link-visited:#6a3fa0;
  --ink:#1a1a1a;
  --sub:#666;
  --line:#dcdcdc;
  --bg:#efefef;
  --box:#ffffff;
  --gnav:#262a30;
  --gnav-hover:#3a4049;
  --jp:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic","Meiryo",-apple-system,"MS PGothic",sans-serif;
  --mincho:"Hiragino Mincho ProN","Yu Mincho","YuMincho","MS PMincho",serif;
}
*{box-sizing:border-box;}
html{font-size:62.5%;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--jp);
  font-size:1.4rem;line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;color:var(--red);}
img{display:block;max-width:100%;}
.wrap{max-width:1000px;margin:0 auto;padding:0 10px;}
h1,h2,h3,h4{margin:0;font-weight:700;}

/* ---- topbar ---- */
.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:1.15rem;color:var(--sub);}
.topbar-in{display:flex;justify-content:space-between;align-items:center;height:30px;}
.topbar-links{display:flex;gap:14px;align-items:center;}
.topbar-links a{color:var(--sub);}
.tb-weather b{color:var(--ink);}
.tb-login{background:var(--red);color:#fff!important;padding:2px 10px;border-radius:2px;}
.tb-login:hover{background:var(--red-dark);text-decoration:none;}

/* ---- masthead ---- */
.masthead{background:#fff;padding:12px 0 10px;}
.masthead-in{display:flex;justify-content:space-between;align-items:center;}
.logo{display:flex;align-items:center;gap:10px;}
.logo:hover{text-decoration:none;}
.logo-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;background:var(--red);color:#fff;
  font-family:var(--mincho);font-size:3rem;font-weight:700;border-radius:3px;
}
.logo-text b{display:block;font-family:var(--mincho);font-size:2.8rem;color:var(--ink);letter-spacing:2px;line-height:1.1;}
.logo-text small{display:block;font-size:1rem;color:var(--sub);letter-spacing:3px;}
.masthead-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.searchbox{display:flex;border:1px solid #bbb;border-radius:2px;overflow:hidden;}
.searchbox input{border:0;padding:6px 10px;width:220px;font-size:1.3rem;outline:none;font-family:var(--jp);}
.searchbox button{border:0;background:var(--gnav);color:#fff;padding:0 16px;cursor:pointer;font-size:1.25rem;}
.masthead-meta{font-size:1.1rem;color:var(--sub);}

/* ---- global nav ---- */
.gnav{background:var(--gnav);}
.gnav-in{display:flex;flex-wrap:wrap;}
.gnav-item{
  color:#e8e8e8;padding:11px 16px;font-size:1.45rem;font-weight:700;
  border-left:1px solid rgba(255,255,255,.07);
}
.gnav-item:last-child{border-right:1px solid rgba(255,255,255,.07);}
.gnav-item:hover{background:var(--gnav-hover);color:#fff;text-decoration:none;}
.gnav-home{background:var(--red);}
.gnav-home:hover{background:var(--red-dark);}

/* ---- breaking ticker ---- */
.ticker{background:#fff5f5;border-bottom:1px solid #f0caca;}
.ticker-in{display:flex;align-items:center;height:34px;overflow:hidden;}
.tk-label{background:var(--red);color:#fff;font-size:1.2rem;font-weight:700;padding:2px 10px;border-radius:2px;margin-right:12px;flex-shrink:0;}
.tk-track{display:flex;align-items:center;gap:4px;font-size:1.3rem;white-space:nowrap;overflow:hidden;}
.tk-track a{color:var(--ink);}
.tk-track a:hover{color:var(--red);}
.tk-time{color:var(--red);font-weight:700;margin-right:6px;}
.tk-sep{color:#ccc;margin:0 8px;}

/* ---- layout ---- */
.layout{display:flex;gap:18px;margin:16px auto;align-items:flex-start;}
.col-main{flex:1;min-width:0;}
.col-side{width:300px;flex-shrink:0;}

/* ---- breadcrumb ---- */
.breadcrumb{font-size:1.2rem;color:var(--sub);padding-top:12px;}
.breadcrumb a{color:var(--link);}
.breadcrumb span{color:var(--ink);}

/* ---- HERO ---- */
.hero{display:flex;gap:14px;background:var(--box);border:1px solid var(--line);padding:14px;margin-bottom:16px;}
.hero-lead{flex:1.4;position:relative;color:var(--ink);}
.hero-lead:hover{text-decoration:none;}
.hero-lead img{width:100%;height:auto;border-radius:2px;}
.hero-cat{position:absolute;top:8px;left:8px;color:#fff;font-size:1.15rem;font-weight:700;padding:3px 10px;border-radius:2px;}
.hero-lead h1{font-size:2.1rem;line-height:1.4;margin:10px 0 6px;font-weight:700;}
.hero-lead:hover h1{color:var(--red);}
.hero-lead p{font-size:1.3rem;color:#444;margin:0;}
.hero-side{flex:1;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--line);padding-left:14px;}
.hero-side-item{display:flex;gap:10px;color:var(--ink);padding-bottom:10px;border-bottom:1px dotted var(--line);}
.hero-side-item:last-child{border-bottom:0;}
.hero-side-item:hover{text-decoration:none;}
.hero-side-item img{width:110px;height:72px;object-fit:cover;border-radius:2px;flex-shrink:0;}
.hsi-cat{font-size:1.1rem;font-weight:700;}
.hero-side-item h3{font-size:1.35rem;line-height:1.45;font-weight:700;margin-top:2px;}
.hero-side-item:hover h3{color:var(--red);}

/* ---- section bar ---- */
.section-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--gnav);padding-bottom:4px;margin-bottom:10px;}
.section-bar h2{font-size:1.8rem;position:relative;padding-left:12px;}
.section-bar h2:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;background:var(--red);}
.section-bar a{font-size:1.2rem;color:var(--sub);}

/* ---- main news list ---- */
.main-news{background:var(--box);border:1px solid var(--line);padding:14px;margin-bottom:16px;}
.news-list{list-style:none;margin:0;padding:0;}
.news-list li{border-bottom:1px dotted var(--line);}
.news-list li:last-child{border-bottom:0;}
.news-list a{display:flex;align-items:baseline;gap:8px;padding:9px 2px;color:var(--ink);font-size:1.45rem;line-height:1.5;}
.news-list a:hover{color:var(--red);background:#fafafa;text-decoration:none;}
.mini-time{color:var(--sub);font-size:1.15rem;flex-shrink:0;width:78px;}
.mini-cat{font-size:1.1rem;font-weight:700;flex-shrink:0;}

/* ---- category grid ---- */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cat-block{background:var(--box);border:1px solid var(--line);padding:12px;}
.cat-block-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid;padding-bottom:5px;margin-bottom:9px;}
.cat-block-head h2{font-size:1.65rem;}
.cat-block-head h2 a{color:inherit;}
.cat-more{font-size:1.15rem;color:var(--sub);}
.cat-lead{display:flex;gap:10px;color:var(--ink);padding-bottom:9px;margin-bottom:8px;border-bottom:1px dotted var(--line);}
.cat-lead:hover{text-decoration:none;}
.cat-lead img{width:120px;height:74px;object-fit:cover;flex-shrink:0;border-radius:2px;}
.cat-lead-txt h3{font-size:1.4rem;line-height:1.4;}
.cat-lead:hover h3{color:var(--red);}
.cat-lead-txt p{font-size:1.15rem;color:var(--sub);margin:4px 0 0;}
.cat-list{list-style:none;margin:0;padding:0;}
.cat-list li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dotted var(--line);font-size:1.3rem;}
.cat-list li:last-child{border-bottom:0;}
.cat-list a{color:var(--ink);flex:1;}
.cat-list a:hover{color:var(--red);}
.cl-time{color:var(--sub);font-size:1.1rem;flex-shrink:0;}

/* ---- sidebar ---- */
.side-box{background:var(--box);border:1px solid var(--line);padding:12px;margin-bottom:16px;}
.side-h{font-size:1.55rem;border-left:5px solid var(--red);padding-left:9px;margin-bottom:10px;line-height:1.2;}
.rank-h{border-color:var(--red);}

/* ranking */
.rank-list{list-style:none;margin:0;padding:0;counter-reset:r;}
.rank-list li{border-bottom:1px dotted var(--line);}
.rank-list li:last-child{border-bottom:0;}
.rank-list a{display:flex;gap:9px;align-items:flex-start;padding:8px 2px;color:var(--ink);font-size:1.3rem;line-height:1.45;}
.rank-list a:hover{color:var(--red);background:#fafafa;text-decoration:none;}
.rank-num{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;border-radius:2px;color:#fff;}
.rank-top{background:var(--red);}
.rank-norm{background:#9aa0a6;}

/* weather */
.weather-box .side-h,.weather-box h3{font-size:1.55rem;border-left:5px solid #2c6e9b;padding-left:9px;margin-bottom:10px;}
.weather-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.wcard{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);padding:6px 2px;border-radius:2px;background:#fafbfc;}
.wc-city{font-size:1.1rem;color:var(--sub);}
.wc-icon{font-size:1.8rem;line-height:1;}
.wc-temp{font-size:1.25rem;font-weight:700;}

/* mini news */
.mini-news{list-style:none;margin:0;padding:0;}
.mini-news li{border-bottom:1px dotted var(--line);}
.mini-news li:last-child{border-bottom:0;}
.mini-news a{display:block;padding:7px 2px;color:var(--ink);font-size:1.25rem;line-height:1.45;}
.mini-news a:hover{color:var(--red);text-decoration:none;}
.mini-news .mini-time{display:inline;width:auto;margin-right:6px;}
.mini-news .mini-cat{margin-right:6px;}

/* features */
.feature-banner{display:block;height:60px;border-radius:3px;margin-bottom:8px;position:relative;overflow:hidden;background:linear-gradient(120deg,#2c6e9b,#1b4a6b);}
.feature-banner.alt{background:linear-gradient(120deg,#16a085,#0e6e5b);}
.feature-banner.alt2{background:linear-gradient(120deg,#b7950b,#876d06);}
.feature-banner span{position:absolute;left:12px;bottom:9px;color:#fff;font-weight:700;font-size:1.35rem;}
.feature-banner:hover{text-decoration:none;opacity:.93;}

/* market */
.stock-table{width:100%;border-collapse:collapse;font-size:1.3rem;}
.stock-table td{padding:6px 4px;border-bottom:1px dotted var(--line);}
.stock-table td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;}
.stock-table .up{color:#c0392b;}
.stock-table .down{color:#1e7e34;}
.stock-table small{font-size:1rem;}
.stock-note{font-size:1.05rem;color:var(--sub);margin:6px 0 0;text-align:right;}

/* cat nav list */
.cat-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;}
.cat-nav-list li a{display:block;border-left:4px solid #999;padding:5px 10px;background:#f6f6f6;color:var(--ink);font-size:1.25rem;}
.cat-nav-list li a:hover{background:#eee;text-decoration:none;}

/* ===== category page ===== */
.cat-page-head{display:flex;align-items:baseline;gap:12px;border-bottom:3px solid;padding-bottom:6px;margin-bottom:14px;}
.cat-page-head h1{font-size:2.4rem;}
.cat-page-head span{font-size:1.2rem;color:var(--sub);}
.cat-page-lead{display:flex;gap:14px;background:var(--box);border:1px solid var(--line);padding:14px;margin-bottom:14px;color:var(--ink);}
.cat-page-lead:hover{text-decoration:none;}
.cat-page-lead img{width:300px;height:auto;object-fit:cover;flex-shrink:0;border-radius:2px;}
.cpl-cat{display:inline-block;color:#fff;font-size:1.15rem;font-weight:700;padding:2px 9px;border-radius:2px;margin-bottom:6px;}
.cat-page-lead h2{font-size:2rem;line-height:1.4;margin-bottom:6px;}
.cat-page-lead:hover h2{color:var(--red);}
.cat-page-lead p{font-size:1.35rem;color:#444;margin:0 0 8px;}
.cpl-time{font-size:1.15rem;color:var(--sub);}

.article-rows{list-style:none;margin:0;padding:0;background:var(--box);border:1px solid var(--line);}
.article-row{border-bottom:1px solid var(--line);}
.article-row:last-child{border-bottom:0;}
.article-row a{display:flex;gap:14px;padding:14px;color:var(--ink);}
.article-row a:hover{background:#fafafa;text-decoration:none;}
.article-row img{width:140px;height:90px;object-fit:cover;flex-shrink:0;border-radius:2px;}
.ar-txt h3{font-size:1.6rem;line-height:1.45;margin-bottom:4px;}
.article-row a:hover h3{color:var(--red);}
.ar-txt p{font-size:1.25rem;color:var(--sub);margin:0 0 6px;}
.ar-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
.ar-time{font-size:1.15rem;color:var(--sub);}
.ar-tag{font-size:1.1rem;background:#f0f0f0;color:#555;padding:1px 8px;border-radius:10px;}

/* fiction marker bar */
.fiction-bar{background:#fbeaec;border-bottom:1px solid #e7c3c8;color:#8c000c;}
.fiction-bar .wrap{font-size:1.15rem;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-align:center;}

/* X / Twitter callout */
.x-callout{display:flex;align-items:center;gap:14px;background:#0f1419;color:#fff;border-radius:8px;padding:16px 18px;margin:18px 0;}
.x-callout .xc-icon{font-size:2.6rem;line-height:1;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:50%;flex-shrink:0;}
.x-callout .xc-avatar{position:relative;width:54px;height:54px;flex-shrink:0;display:block;}
.x-callout .xc-avatar img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#222;}
.x-callout .xc-avatar:hover img{opacity:.92;}
.x-callout .xc-badge{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;background:#000;border:2px solid #0f1419;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;line-height:1;}
.xc-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.xc-label{font-size:1.15rem;color:#8b98a5;font-weight:700;}
.xc-handle{font-size:1.7rem;font-weight:700;color:#fff;}
.xc-handle:hover{color:#1d9bf0;text-decoration:none;}
.xc-handle b{color:#1d9bf0;font-weight:700;}
.xc-sub{font-size:1.2rem;color:#8b98a5;}
.xc-btn{flex-shrink:0;background:#1d9bf0;color:#fff;font-size:1.4rem;font-weight:700;padding:9px 20px;border-radius:999px;}
.xc-btn:hover{background:#1a8cd8;text-decoration:none;}
@media(max-width:560px){.x-callout{flex-wrap:wrap;}.xc-btn{width:100%;text-align:center;}}

/* ===== article page ===== */
.article{background:var(--box);border:1px solid var(--line);padding:24px 28px;}
.article-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px;}
.art-cat{display:inline-block;color:#fff;font-size:1.2rem;font-weight:700;padding:3px 11px;border-radius:2px;vertical-align:middle;}
.art-cat:hover{text-decoration:none;opacity:.9;}
.art-breaking{display:inline-block;background:var(--red);color:#fff;font-size:1.2rem;font-weight:700;padding:3px 11px;border-radius:2px;margin-left:6px;animation:blink 1.4s infinite;}
@keyframes blink{50%{opacity:.55;}}
.article-head h1{font-size:2.9rem;line-height:1.45;margin:12px 0;font-weight:700;letter-spacing:.2px;}
.article-meta{display:flex;gap:14px;align-items:center;font-size:1.25rem;color:var(--sub);}
.am-source{padding-left:14px;border-left:1px solid var(--line);}
.article-figure{margin:0 0 18px;}
.article-figure img{width:100%;max-height:460px;object-fit:cover;border-radius:2px;background:#eee;}
.article-figure figcaption{font-size:1.15rem;color:var(--sub);padding:5px 2px;}
.article-lead{font-size:1.65rem;line-height:1.85;font-weight:700;color:#222;margin-bottom:18px;padding:14px;background:#f8f8f8;border-left:4px solid var(--red);}
.article-body{font-size:1.6rem;line-height:2.1;}
.article-body p{margin:0 0 1.4em;}
.article-body h2{font-size:2.1rem;margin:1.6em 0 .7em;padding:8px 0 8px 14px;border-left:6px solid var(--red);line-height:1.5;color:#1a1a1a;background:linear-gradient(90deg,#f6f6f6,#fff);}
.article-body .art-dateline{font-weight:700;color:#444;font-size:1.4rem;letter-spacing:1px;}
.article-body .art-dateline strong{color:var(--red);}
.article-body .art-hr{border:0;border-top:1px solid var(--line);margin:2em 0;}
.article-body strong{font-weight:700;}

.article-share{display:flex;align-items:center;gap:8px;margin:24px 0 14px;padding-top:16px;border-top:1px solid var(--line);}
.article-share span{font-size:1.25rem;color:var(--sub);margin-right:4px;}
.sh{color:#fff;font-size:1.2rem;font-weight:700;padding:6px 14px;border-radius:3px;}
.sh:hover{text-decoration:none;opacity:.9;}
.sh-x{background:#000;}
.sh-fb{background:#1877f2;}
.sh-line{background:#06c755;}
.sh-copy{background:#777;}

.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
.atag{font-size:1.25rem;background:#eef3f8;color:var(--link);padding:4px 12px;border-radius:14px;}
.atag:hover{background:#e0eaf4;text-decoration:none;}
.byline{font-size:1.25rem;color:var(--sub);border-top:1px dotted var(--line);padding-top:12px;margin-top:8px;}

/* related */
.related{margin-top:18px;background:var(--box);border:1px solid var(--line);padding:16px;}
.related-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.related-grid a{color:var(--ink);}
.related-grid a:hover{text-decoration:none;}
.related-grid img{width:100%;height:96px;object-fit:cover;border-radius:2px;margin-bottom:5px;}
.rg-cat{font-size:1.1rem;font-weight:700;}
.related-grid h3{font-size:1.3rem;line-height:1.45;}
.related-grid a:hover h3{color:var(--red);}

/* ===== static pages ===== */
.static-page{background:var(--box);border:1px solid var(--line);padding:26px 30px;}
.static-page h1{font-size:2.6rem;border-bottom:3px solid var(--gnav);padding-bottom:10px;margin-bottom:18px;}
.static-page h2{font-size:1.8rem;margin:24px 0 10px;padding-left:10px;border-left:4px solid var(--red);}
.static-page p{font-size:1.5rem;line-height:1.9;margin:0 0 1em;}
.info-table{width:100%;border-collapse:collapse;margin:14px 0;}
.info-table th,.info-table td{border:1px solid var(--line);padding:10px 14px;font-size:1.4rem;text-align:left;}
.info-table th{background:#f6f6f6;width:140px;white-space:nowrap;}
.disclaimer{font-size:1.25rem;color:var(--sub);background:#fafafa;border:1px dashed #ccc;padding:12px;margin-top:18px;}
.contact-form{display:flex;flex-direction:column;gap:14px;max-width:520px;}
.contact-form label{display:flex;flex-direction:column;gap:5px;font-size:1.35rem;font-weight:700;}
.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #bbb;border-radius:3px;padding:9px 11px;font-size:1.4rem;font-family:var(--jp);font-weight:400;}
.submit-btn{background:var(--red);color:#fff;border:0;padding:12px;font-size:1.5rem;font-weight:700;border-radius:3px;cursor:pointer;}
.submit-btn:hover{background:var(--red-dark);}

/* sitemap */
.sitemap{background:var(--box);border:1px solid var(--line);padding:24px;margin:16px 0;}
.sitemap h1{font-size:2.6rem;border-bottom:3px solid var(--gnav);padding-bottom:10px;margin-bottom:16px;}
.sitemap-block{margin-bottom:20px;}
.sitemap-block h2{font-size:1.7rem;border-left:5px solid;padding-left:10px;margin-bottom:8px;}
.sitemap-block h2 a{color:inherit;}
.sitemap-block ul{columns:2;list-style:none;margin:0;padding:0;}
.sitemap-block li{font-size:1.25rem;padding:3px 0;break-inside:avoid;}

/* ===== footer ===== */
.site-footer{background:#2b2f36;color:#c8ccd2;margin-top:30px;padding:30px 0 0;font-size:1.3rem;}
.footer-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:24px;padding-bottom:24px;border-bottom:1px solid #444;}
.footer-col h4{font-size:1.4rem;color:#fff;margin-bottom:10px;border-bottom:1px solid #444;padding-bottom:6px;}
.footer-col a{display:block;color:#b9bdc4;padding:4px 0;font-size:1.25rem;}
.footer-col a:hover{color:#fff;}
.footer-brand .footer-logo{display:flex;align-items:center;gap:8px;font-family:var(--mincho);font-size:2rem;color:#fff;margin-bottom:8px;}
.footer-brand .logo-mark{width:34px;height:34px;font-size:2rem;}
.footer-tag{font-size:1.2rem;color:#9aa0a6;margin:0 0 12px;}
.footer-sns{display:flex;gap:8px;}
.footer-sns a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#444;border-radius:50%;color:#fff;font-size:1.3rem;}
.footer-sns a:hover{background:var(--red);text-decoration:none;}
.footer-bottom{padding:16px 0 24px;font-size:1.15rem;color:#888;}
.footer-bottom p{margin:0 0 6px;}
.copyright{color:#aaa;}

/* ===== responsive ===== */
@media(max-width:880px){
  .layout{flex-direction:column;}
  .col-side{width:100%;}
  .cat-grid{grid-template-columns:1fr;}
  .hero{flex-direction:column;}
  .hero-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px;}
  .related-grid{grid-template-columns:1fr 1fr;}
  .footer-cols{grid-template-columns:1fr 1fr;}
  .searchbox input{width:140px;}
}
@media(max-width:560px){
  .masthead-in{flex-direction:column;gap:10px;align-items:flex-start;}
  .masthead-right{align-items:flex-start;width:100%;}
  .searchbox{width:100%;}.searchbox input{flex:1;}
  .gnav-in{overflow-x:auto;flex-wrap:nowrap;}
  .gnav-item{white-space:nowrap;}
  .cat-page-lead{flex-direction:column;}.cat-page-lead img{width:100%;}
  .article{padding:16px;}
  .article-head h1{font-size:2.2rem;}
  .article-body{font-size:1.5rem;}
  .related-grid{grid-template-columns:1fr;}
  .sitemap-block ul{columns:1;}
  .footer-cols{grid-template-columns:1fr;}
  .topbar-links{display:none;}
}
