/*
Theme Name: NewsWave
Theme URI: https://jadoiblogs.com/newswave
Author: Jadoi Blogs
Author URI: https://jadoiblogs.com
Description: A modern, fully responsive news magazine theme for Jadoi Blogs. Bold orange, grey and white design with breaking news ticker, category sections, and magazine-style layouts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newswave
Tags: news, magazine, blog, responsive, custom-menu, featured-images, widgets
*/

:root {
  --orange: #FF6B2B;
  --orange-dark: #e55a1c;
  --orange-light: #fff3ee;
  --grey: #4A4A4A;
  --grey-mid: #6b6b6b;
  --grey-light: #9a9a9a;
  --grey-bg: #f4f4f4;
  --grey-border: #e2e2e2;
  --white: #ffffff;
  --black: #111111;
  --font-sans: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-serif: Georgia, 'Times New Roman', serif;
  --radius: 6px;
  --shadow: 0 3px 14px rgba(0,0,0,0.09);
  --shadow-lg: 0 8px 28px rgba(0,0,0,0.14);
  --transition: 0.22s ease;
  --max-w: 1200px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-sans);color:var(--grey);background:var(--grey-bg);line-height:1.65;-webkit-font-smoothing:antialiased}
ul,ol{list-style:none}
img{max-width:100%;height:auto;display:block}
a{color:var(--orange);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--orange-dark)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--black);line-height:1.22;font-weight:700}
p{margin-bottom:1rem}
input,button,textarea,select{font-family:var(--font-sans);font-size:1rem}

.nw-container{max-width:var(--max-w);margin:0 auto;padding:0 20px}
.nw-section{padding:44px 0}
.nw-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.nw-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.nw-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.nw-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.nw-section-title{font-size:1.25rem;text-transform:uppercase;letter-spacing:.5px;color:var(--black);border-left:4px solid var(--orange);padding-left:12px}
.nw-view-all{font-size:.78rem;font-weight:700;text-transform:uppercase;color:var(--orange);border:1.5px solid var(--orange);padding:5px 14px;border-radius:20px;transition:all var(--transition)}
.nw-view-all:hover{background:var(--orange);color:var(--white)}

/* TICKER */
.nw-ticker{background:var(--orange);color:var(--white);padding:8px 0;overflow:hidden;z-index:110}
.nw-ticker .nw-container{display:flex;align-items:center;gap:14px}
.nw-ticker-label{background:var(--black);color:var(--white);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;padding:4px 12px;border-radius:3px;white-space:nowrap;flex-shrink:0}
.nw-ticker-wrap{overflow:hidden;flex:1}
.nw-ticker-inner{display:flex;white-space:nowrap;animation:nwTicker 38s linear infinite}
.nw-ticker-inner a{color:var(--white);font-size:.875rem;font-weight:500;padding-right:56px}
.nw-ticker-inner a:hover{text-decoration:underline;color:var(--white)}
@keyframes nwTicker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* HEADER */
.nw-header{background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.06);position:sticky;top:0;z-index:999}
.nw-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--grey-border)}
.nw-logo a{display:flex;flex-direction:column;gap:2px}
.nw-logo-text{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--black);letter-spacing:-1px;line-height:1}
.nw-logo-text span{color:var(--orange)}
.nw-logo-sub{font-size:.68rem;text-transform:uppercase;letter-spacing:2.5px;color:var(--grey-light)}
.nw-header-date{font-size:.78rem;color:var(--grey-light);text-align:right}
.nw-search-form{display:flex;align-items:center;border:2px solid var(--grey-border);border-radius:26px;overflow:hidden;background:var(--grey-bg);transition:border-color var(--transition)}
.nw-search-form:focus-within{border-color:var(--orange)}
.nw-search-form input[type="search"]{border:none;background:transparent;padding:8px 16px;width:220px;outline:none;color:var(--grey);font-size:.875rem}
.nw-search-form button{background:var(--orange);border:none;color:var(--white);padding:8px 15px;cursor:pointer;display:flex;align-items:center;transition:background var(--transition)}
.nw-search-form button:hover{background:var(--orange-dark)}
.nw-search-form button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}

/* NAV */
.nw-nav{background:var(--grey);position:relative}
.nw-nav .nw-container{display:flex;align-items:center;justify-content:space-between}
.nw-nav-menu{display:flex}
.nw-nav-menu li a{display:block;color:var(--white);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:13px 17px;transition:background var(--transition)}
.nw-nav-menu li a:hover,.nw-nav-menu li.current-menu-item>a,.nw-nav-menu li.current-cat>a{background:var(--orange);color:var(--white)}
.nw-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:14px 0}
.nw-hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}
.nw-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nw-hamburger.open span:nth-child(2){opacity:0}
.nw-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* CARDS */
.nw-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}
.nw-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.nw-card-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--grey-border)}
.nw-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.nw-card:hover .nw-card-thumb img{transform:scale(1.06)}
.nw-card-no-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--orange-light),#ffe0cc);display:flex;align-items:center;justify-content:center;font-size:2.5rem}
.nw-card-body{padding:18px;flex:1;display:flex;flex-direction:column}
.nw-card-cat{display:inline-block;background:var(--orange);color:var(--white);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:3px;margin-bottom:9px;width:fit-content;transition:background var(--transition)}
.nw-card-cat:hover{background:var(--orange-dark);color:var(--white)}
.nw-card-title{font-size:1rem;margin-bottom:9px;flex:1}
.nw-card-title a{color:var(--black)}
.nw-card-title a:hover{color:var(--orange)}
.nw-card-excerpt{font-size:.84rem;color:var(--grey-mid);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}
.nw-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.75rem;color:var(--grey-light);margin-top:12px;padding-top:11px;border-top:1px solid var(--grey-border)}
.nw-card-meta span{display:flex;align-items:center;gap:4px}
.nw-card-meta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.nw-card-featured .nw-card-thumb{aspect-ratio:16/9}
.nw-card-featured .nw-card-title{font-size:1.45rem}

.nw-mini-card{display:flex;gap:12px;align-items:flex-start;background:var(--white);border-radius:var(--radius);padding:11px;box-shadow:var(--shadow);transition:transform var(--transition)}
.nw-mini-card:hover{transform:translateX(4px)}
.nw-mini-thumb{width:80px;height:68px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--grey-border)}
.nw-mini-thumb img{width:100%;height:100%;object-fit:cover}
.nw-mini-body{flex:1;min-width:0}
.nw-mini-cat{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--orange);display:block;margin-bottom:4px}
.nw-mini-title{font-size:.84rem;font-family:var(--font-serif);line-height:1.3}
.nw-mini-title a{color:var(--black)}
.nw-mini-title a:hover{color:var(--orange)}
.nw-mini-date{font-size:.7rem;color:var(--grey-light);margin-top:4px;display:block}

/* HERO */
.nw-hero{background:var(--white);padding:30px 0}
.nw-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:26px;align-items:start}
.nw-mini-list{display:flex;flex-direction:column;gap:14px}

/* SIDEBAR */
.nw-sidebar{display:flex;flex-direction:column;gap:26px}
.nw-widget{background:var(--white);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.nw-widget-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.6px;font-weight:800;color:var(--black);border-bottom:2px solid var(--orange);padding-bottom:10px;margin-bottom:16px}
.nw-widget ul li{border-bottom:1px solid var(--grey-border)}
.nw-widget ul li:last-child{border-bottom:none}
.nw-widget ul li a{display:flex;align-items:center;justify-content:space-between;padding:9px 0;color:var(--grey);font-size:.875rem;transition:color var(--transition),padding-left var(--transition)}
.nw-widget ul li a:hover{color:var(--orange);padding-left:5px}
.nw-count{background:var(--grey-bg);border-radius:10px;padding:2px 8px;font-size:.72rem;color:var(--grey-light)}
.nw-widget-ad{background:linear-gradient(135deg,var(--orange-light),#ffe4d0);border:2px dashed var(--orange);border-radius:var(--radius);padding:36px 20px;text-align:center;color:var(--orange);font-weight:700;font-size:.84rem}

/* SINGLE */
.nw-single-wrap{padding:40px 0 60px}
.nw-single-layout{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start}
.nw-article{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.nw-article-hero{aspect-ratio:16/7;overflow:hidden}
.nw-article-hero img{width:100%;height:100%;object-fit:cover}
.nw-article-body{padding:34px}
.nw-breadcrumb{font-size:.78rem;color:var(--grey-light);margin-bottom:14px}
.nw-breadcrumb a{color:var(--orange)}
.nw-breadcrumb span{margin:0 6px}
.nw-article-cat-badge{display:inline-block;background:var(--orange);color:var(--white);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:3px;margin-bottom:14px}
.nw-article-title{font-size:1.9rem;line-height:1.2;margin-bottom:18px}
.nw-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:.8rem;color:var(--grey-light);padding:14px 0;border-top:1px solid var(--grey-border);border-bottom:1px solid var(--grey-border);margin-bottom:26px}
.nw-article-meta span{display:flex;align-items:center;gap:5px}
.nw-article-meta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.nw-article-content{font-size:1.05rem;line-height:1.82;color:var(--grey)}
.nw-article-content p{margin-bottom:1.4rem}
.nw-article-content h2{font-size:1.45rem;margin:2rem 0 .9rem}
.nw-article-content h3{font-size:1.2rem;margin:1.7rem 0 .75rem}
.nw-article-content ul,.nw-article-content ol{padding-left:1.5rem;margin-bottom:1.4rem;list-style:disc}
.nw-article-content blockquote{border-left:4px solid var(--orange);padding:14px 20px;margin:2rem 0;background:var(--orange-light);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;font-size:1.08rem}
.nw-article-content img{border-radius:var(--radius);margin:1.5rem 0}
.nw-share{margin-top:28px;padding-top:20px;border-top:1px solid var(--grey-border)}
.nw-share-label{font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--grey);margin-bottom:12px}
.nw-share-btns{display:flex;flex-wrap:wrap;gap:9px}
.nw-share-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:4px;font-size:.8rem;font-weight:700;color:var(--white);transition:opacity var(--transition)}
.nw-share-btn:hover{opacity:.85;color:var(--white)}
.nw-share-btn svg{width:15px;height:15px;fill:currentColor}
.nw-share-fb{background:#1877f2}.nw-share-tw{background:#1da1f2}.nw-share-wa{background:#25d366}
.nw-tags{margin-top:24px;padding-top:18px;border-top:1px solid var(--grey-border)}
.nw-tags-label{font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--grey);margin-bottom:10px}
.nw-tags-list{display:flex;flex-wrap:wrap;gap:8px}
.nw-tags-list a{font-size:.78rem;color:var(--grey);padding:4px 12px;border:1px solid var(--grey-border);border-radius:20px;transition:all var(--transition)}
.nw-tags-list a:hover{border-color:var(--orange);color:var(--orange)}
.nw-author-box{display:flex;gap:18px;align-items:flex-start;background:var(--grey-bg);border-radius:var(--radius);padding:22px;margin-top:32px;border:1px solid var(--grey-border)}
.nw-author-avatar{width:66px;height:66px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--orange-light);display:flex;align-items:center;justify-content:center;font-size:1.8rem}
.nw-author-avatar img{width:100%;height:100%;object-fit:cover}
.nw-author-name{font-size:1rem;font-weight:700;color:var(--black);margin-bottom:4px}
.nw-author-bio{font-size:.84rem;color:var(--grey-mid);line-height:1.6;margin:0}
.nw-related{margin-top:44px;padding-top:30px;border-top:2px solid var(--grey-border)}
.nw-related h3{font-size:1.15rem;margin-bottom:20px;border-left:4px solid var(--orange);padding-left:12px}
.nw-comments{background:var(--white);border-radius:var(--radius);padding:30px;margin-top:28px;box-shadow:var(--shadow)}
.nw-comments-title{font-size:1.2rem;margin-bottom:22px;border-left:4px solid var(--orange);padding-left:12px}
.nw-comment{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--grey-border)}
.nw-comment:last-child{border-bottom:none}
.nw-comment-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--orange-light)}
.nw-comment-avatar img{width:100%;height:100%;object-fit:cover}
.nw-comment-name{font-weight:700;font-size:.88rem;color:var(--black)}
.nw-comment-date{font-size:.72rem;color:var(--grey-light);margin-bottom:6px}
.nw-comment-text{font-size:.875rem;line-height:1.6}
.nw-comment-form{margin-top:30px;padding-top:24px;border-top:1px solid var(--grey-border)}
.nw-comment-form h3{font-size:1.05rem;margin-bottom:18px}
.nw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.nw-form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.nw-form-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--grey)}
.nw-form-group input,.nw-form-group textarea{padding:10px 14px;border:1.5px solid var(--grey-border);border-radius:var(--radius);outline:none;font-size:.9rem;color:var(--grey);background:var(--white);transition:border-color var(--transition)}
.nw-form-group input:focus,.nw-form-group textarea:focus{border-color:var(--orange)}
.nw-form-group textarea{resize:vertical;min-height:110px}

/* CATEGORY PAGE */
.nw-cat-hero{background:linear-gradient(135deg,var(--grey) 0%,var(--black) 100%);padding:46px 0;margin-bottom:36px}
.nw-cat-hero h1{color:var(--white);font-size:2.4rem;margin-bottom:8px}
.nw-cat-hero h1 span{color:var(--orange)}
.nw-cat-hero p{color:rgba(255,255,255,.65);font-size:.95rem;margin:0}
.nw-cat-breadcrumb{font-size:.78rem;color:rgba(255,255,255,.45);margin-bottom:10px}
.nw-cat-breadcrumb a{color:var(--orange)}
.nw-cat-layout{display:grid;grid-template-columns:1fr 300px;gap:34px;padding-bottom:60px}
.nw-pagination{display:flex;justify-content:center;gap:8px;padding:36px 0}
.nw-page-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);font-size:.88rem;font-weight:700;color:var(--grey);background:var(--white);border:1px solid var(--grey-border);transition:all var(--transition)}
.nw-page-num:hover,.nw-page-num.current{background:var(--orange);color:var(--white);border-color:var(--orange)}

/* BUTTONS */
.nw-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:var(--radius);font-weight:700;font-size:.88rem;cursor:pointer;border:none;transition:all var(--transition)}
.nw-btn-primary{background:var(--orange);color:var(--white)}.nw-btn-primary:hover{background:var(--orange-dark);color:var(--white)}

/* FOOTER */
.nw-footer{background:#111;color:rgba(255,255,255,.72);padding-top:58px}
.nw-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
.nw-footer-col h3{color:var(--white);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;padding-bottom:9px;border-bottom:2px solid var(--orange);display:inline-block;margin-bottom:18px}
.nw-footer-logo{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--white);letter-spacing:-1px;margin-bottom:12px}
.nw-footer-logo span{color:var(--orange)}
.nw-footer-about{font-size:.86rem;line-height:1.72;margin-bottom:18px}
.nw-social-links{display:flex;gap:9px}
.nw-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);color:rgba(255,255,255,.75);transition:background var(--transition),color var(--transition)}
.nw-social-link:hover{background:var(--orange);color:var(--white)}
.nw-social-link svg{width:17px;height:17px;fill:currentColor}
.nw-footer-links li{border-bottom:1px solid rgba(255,255,255,.06)}
.nw-footer-links li:last-child{border-bottom:none}
.nw-footer-links li a{display:flex;align-items:center;gap:7px;padding:8px 0;color:rgba(255,255,255,.6);font-size:.86rem;transition:color var(--transition),gap var(--transition)}
.nw-footer-links li a::before{content:'›';color:var(--orange)}
.nw-footer-links li a:hover{color:var(--orange);gap:10px}
.nw-newsletter-form{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.nw-newsletter-form input[type="email"]{padding:10px 13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--white);border-radius:var(--radius);outline:none;font-size:.86rem;transition:border-color var(--transition)}
.nw-newsletter-form input::placeholder{color:rgba(255,255,255,.3)}
.nw-newsletter-form input:focus{border-color:var(--orange)}
.nw-newsletter-form button{background:var(--orange);color:var(--white);border:none;padding:10px 18px;border-radius:var(--radius);font-weight:700;font-size:.86rem;cursor:pointer;transition:background var(--transition)}
.nw-newsletter-form button:hover{background:var(--orange-dark)}
.nw-footer-bottom{padding:16px 0;border-top:1px solid rgba(255,255,255,.06)}
.nw-footer-bottom .nw-container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nw-copyright{font-size:.78rem;color:rgba(255,255,255,.38)}
.nw-footer-bottom-links{display:flex;gap:18px}
.nw-footer-bottom-links a{font-size:.78rem;color:rgba(255,255,255,.38);transition:color var(--transition)}
.nw-footer-bottom-links a:hover{color:var(--orange)}

/* SCROLL TOP */
#nw-scroll-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;background:var(--orange);color:var(--white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:800;box-shadow:0 4px 14px rgba(255,107,43,.4);opacity:0;visibility:hidden;transition:all var(--transition)}
#nw-scroll-top.visible{opacity:1;visibility:visible}
#nw-scroll-top:hover{background:var(--orange-dark);transform:translateY(-3px)}
.nw-no-posts{text-align:center;padding:70px 20px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}
.nw-no-posts .icon{font-size:3.5rem;margin-bottom:16px}
.nw-no-posts h2{font-size:1.4rem;margin-bottom:8px}

/* RESPONSIVE */
@media(max-width:900px){
  .nw-hero-grid{grid-template-columns:1fr}
  .nw-single-layout{grid-template-columns:1fr}
  .nw-cat-layout{grid-template-columns:1fr}
  .nw-footer-grid{grid-template-columns:1fr 1fr}
  .nw-grid-3{grid-template-columns:repeat(2,1fr)}
  .nw-grid-4{grid-template-columns:repeat(2,1fr)}
  .nw-form-row{grid-template-columns:1fr}
  .nw-search-form input[type="search"]{width:170px}
}
@media(max-width:600px){
  .nw-header-inner{flex-wrap:wrap;gap:10px;padding:12px 0}
  .nw-header-date{display:none}
  .nw-logo-text{font-size:1.6rem}
  .nw-search-form input[type="search"]{width:130px}
  .nw-hamburger{display:flex}
  .nw-nav-menu{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;right:0;background:var(--grey);z-index:997;border-top:2px solid var(--orange)}
  .nw-nav-menu.open{display:flex}
  .nw-nav-menu li a{padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
  .nw-nav{position:relative}
  .nw-grid-2,.nw-grid-3,.nw-grid-4{grid-template-columns:1fr}
  .nw-footer-grid{grid-template-columns:1fr;gap:26px}
  .nw-footer-bottom .nw-container{flex-direction:column;text-align:center}
  .nw-footer-bottom-links{flex-wrap:wrap;justify-content:center}
  .nw-article-title{font-size:1.4rem}
  .nw-article-body{padding:20px}
  .nw-cat-hero h1{font-size:1.75rem}
  .nw-ticker-label{display:none}
  .nw-author-box{flex-direction:column}
  #nw-scroll-top{bottom:16px;right:16px}
}
@media print{
  .nw-header,.nw-nav,.nw-ticker,.nw-sidebar,.nw-footer,#nw-scroll-top,.nw-share,.nw-comment-form{display:none!important}
  .nw-single-layout,.nw-cat-layout{grid-template-columns:1fr}
  body{background:#fff;color:#000}
}