/*
Theme Name: UpTheGear Classic v3.6 Topics First
Theme URI: https://upthegear.com
Author: UpTheGear
Description: Minimal date-first WordPress news theme for UpTheGear. Daily editions are built from normal WordPress posts.
Version: 3.6.0
Text Domain: upthegear-classic-v3
*/
*{box-sizing:border-box}
:root{--bg:#f7f4ec;--paper:#fffdf8;--ink:#171717;--muted:#716c63;--line:#d9d2c5;--accent:#733a32;--max:1040px}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
button,input{font:inherit}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.mast{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{font:500 30px Georgia,'Times New Roman',serif;text-decoration:none;letter-spacing:-1px}
.small-link{font-size:13px;color:var(--muted);text-decoration:none}
.home{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:28px}
.homebox{width:min(580px,100%);text-align:center}
.kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.home h1{font:500 clamp(54px,11vw,92px)/.95 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:0}
.tag{font:400 19px/1.6 Georgia,'Times New Roman',serif;color:var(--muted);margin:22px 0 40px}
.dateform{padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 150px;gap:10px;text-align:left}
.dateform label{grid-column:1/-1;font-size:12px;color:var(--muted)}
.dateform input{height:52px;background:var(--paper);border:1px solid var(--line);padding:0 14px;border-radius:0;color:var(--ink)}
.dateform button{height:52px;border:1px solid var(--ink);background:var(--ink);color:white;cursor:pointer}
.home-note{min-height:22px;margin-top:12px;font-size:13px;color:var(--accent)}
.edition-head{padding:54px 0 24px}
.edition-head h1{font:500 clamp(38px,6vw,64px)/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0}
.edition-sub{margin:15px 0 0;color:var(--muted);line-height:1.6}
.tabs{display:flex;gap:7px;overflow:auto;padding:26px 0 0}
.tab{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:9px 12px;cursor:pointer;color:var(--muted)}
.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.list{border-top:1px solid var(--line);margin-bottom:80px}
.story{display:grid;grid-template-columns:132px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}
.story.no-image{grid-template-columns:1fr}
.thumb{width:132px;height:88px;object-fit:cover;display:block;background:#e7e1d7}
.meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
.story h2{font:500 25px/1.15 Georgia,'Times New Roman',serif;margin:0 0 8px}
.story h2 a{text-decoration:none}
.story h2 a:hover{text-decoration:underline}
.excerpt{margin:0;color:var(--muted);line-height:1.6;font-size:15px;max-width:760px}
.article{width:min(760px,calc(100% - 36px));margin:auto;padding:62px 0 90px}
.article h1{font:500 clamp(40px,7vw,67px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-2.5px;margin:0}
.deck{font:400 21px/1.55 Georgia,'Times New Roman',serif;color:var(--muted);margin:24px 0 34px}
.hero{width:100%;max-height:470px;object-fit:cover;display:block;margin:0 0 42px}
.article-content h2{font:500 28px/1.2 Georgia,'Times New Roman',serif;margin:34px 0 12px}
.article-content p{font:400 19px/1.78 Georgia,'Times New Roman',serif;margin:0 0 22px}
.sourcebox{border-top:1px solid var(--line);padding-top:25px;margin-top:48px}
.sourcebox h2{font:500 22px Georgia,'Times New Roman',serif}
.sourcebox ul{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.7;font-size:14px}
.sourcebox a{word-break:break-word}
.empty{padding:70px 0;text-align:center}
.empty h1{font:500 42px Georgia,'Times New Roman',serif}
.empty p{color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:25px 0 40px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:650px){
 .dateform{grid-template-columns:1fr}
 .dateform button,.dateform input{width:100%}
 .story{grid-template-columns:92px 1fr;gap:14px}
 .thumb{width:92px;height:72px}
 .story h2{font-size:20px}
 .excerpt{font-size:13px}
 .mast{height:64px}
 .logo{font-size:25px}
 .footer{display:block}
 .home h1{letter-spacing:-2px}
}


.article-nav-top{display:flex;justify-content:space-between;gap:12px;margin:0 0 30px}
.back-edition,.nav-story{display:inline-block;border:1px solid var(--line);padding:10px 14px;text-decoration:none;font-size:13px;background:var(--paper)}
.back-edition:hover,.nav-story:hover{border-color:var(--ink)}
.story-navigation{display:flex;justify-content:space-between;gap:14px;margin:48px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.story-navigation a{max-width:48%;text-decoration:none}
.story-navigation small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.story-navigation strong{font:500 17px/1.3 Georgia,'Times New Roman',serif}
.more-news{margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}
.more-news h2{font:500 30px/1.2 Georgia,'Times New Roman',serif;margin:0 0 8px}
.more-news-sub{color:var(--muted);font-size:14px;margin:0 0 22px}
.more-news-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid var(--line)}
.more-news-item{padding:20px 0;border-bottom:1px solid var(--line)}
.more-news-item .meta{margin-bottom:6px}
.more-news-item h3{font:500 20px/1.25 Georgia,'Times New Roman',serif;margin:0}
.more-news-item h3 a{text-decoration:none}
.more-news-item h3 a:hover{text-decoration:underline}
.article-bottom-back{margin-top:30px}
@media(max-width:650px){
 .article-nav-top{display:block}
 .back-edition{margin-bottom:8px}
 .story-navigation{display:block}
 .story-navigation a{display:block;max-width:100%;margin:0 0 16px}
 .more-news-list{grid-template-columns:1fr}
}


/* ===== UpTheGear v3.3 MOBILE FIX ===== */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.wrap,
.article,
.homebox {
  min-width: 0;
}

.story > div,
.more-news-item,
.article-content,
.article {
  min-width: 0;
}

.story h2,
.story h2 a,
.more-news-item h3,
.more-news-item h3 a,
.article h1,
.article-content p,
.article-content h2,
.deck {
  overflow-wrap: anywhere;
  word-break: normal;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.tabs::-webkit-scrollbar {
  display: none;
}

@media (max-width: 768px) {
  .wrap {
    width: calc(100% - 24px);
  }

  .mast {
    height: 62px;
  }

  .logo {
    font-size: 24px;
    letter-spacing: -0.5px;
  }

  .small-link {
    font-size: 12px;
  }

  .home {
    min-height: calc(100vh - 62px);
    padding: 24px 12px;
    align-items: center;
  }

  .homebox {
    width: 100%;
    max-width: 520px;
  }

  .home h1 {
    font-size: clamp(48px, 15vw, 70px);
    line-height: 0.95;
    letter-spacing: -2px;
  }

  .tag {
    font-size: 17px;
    line-height: 1.5;
    margin: 18px 0 30px;
  }

  .dateform {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-top: 22px;
  }

  .dateform label {
    grid-column: 1;
  }

  .dateform input,
  .dateform button {
    width: 100%;
    min-width: 0;
    height: 50px;
  }

  .edition-head {
    padding: 34px 0 18px;
  }

  .edition-head h1 {
    font-size: clamp(34px, 10vw, 48px);
    line-height: 1.05;
    letter-spacing: -1px;
  }

  .edition-sub {
    font-size: 14px;
    line-height: 1.5;
  }

  .tabs {
    gap: 6px;
    padding-top: 18px;
    margin-right: -12px;
    padding-right: 12px;
  }

  .tab {
    padding: 9px 11px;
    font-size: 13px;
  }

  .story {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
    padding: 18px 0;
  }

  .story.no-image {
    grid-template-columns: 1fr;
  }

  .thumb {
    width: 88px;
    height: 68px;
    border-radius: 0;
    object-fit: cover;
  }

  .meta {
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: .07em;
    margin-bottom: 6px;
  }

  .story h2 {
    font-size: 19px;
    line-height: 1.2;
    margin-bottom: 6px;
  }

  .excerpt {
    font-size: 13px;
    line-height: 1.45;
  }

  .article {
    width: calc(100% - 24px);
    padding: 30px 0 60px;
  }

  .article-nav-top {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
  }

  .back-edition {
    flex: 1 1 auto;
    text-align: center;
    padding: 10px 12px;
    font-size: 12px;
  }

  .article h1 {
    font-size: clamp(34px, 10vw, 48px);
    line-height: 1.05;
    letter-spacing: -1.4px;
  }

  .deck {
    font-size: 18px;
    line-height: 1.45;
    margin: 18px 0 26px;
  }

  .hero {
    width: 100%;
    max-height: 320px;
    margin-bottom: 28px;
  }

  .article-content h2 {
    font-size: 24px;
    line-height: 1.25;
    margin: 28px 0 10px;
  }

  .article-content p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 18px;
  }

  .sourcebox {
    margin-top: 36px;
    padding-top: 20px;
  }

  .sourcebox h2 {
    font-size: 21px;
  }

  .sourcebox ul {
    font-size: 13px;
    padding-left: 18px;
  }

  .story-navigation {
    display: block;
    margin-top: 34px;
  }

  .story-navigation > div {
    text-align: left !important;
    margin-bottom: 12px;
  }

  .story-navigation a {
    max-width: 100%;
    width: 100%;
    display: block;
  }

  .nav-story {
    padding: 12px;
  }

  .more-news {
    margin-top: 40px;
    padding-top: 24px;
  }

  .more-news h2 {
    font-size: 26px;
  }

  .more-news-list {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .more-news-item {
    padding: 16px 0;
  }

  .more-news-item h3 {
    font-size: 19px;
  }

  .footer {
    width: calc(100% - 24px);
    display: block;
    padding: 20px 0 28px;
    font-size: 11px;
  }

  .footer span {
    display: block;
    margin-bottom: 6px;
  }
}

@media (max-width: 420px) {
  .wrap,
  .article {
    width: calc(100% - 20px);
  }

  .home {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home h1 {
    font-size: 48px;
  }

  .story {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px;
  }

  .thumb {
    width: 76px;
    height: 62px;
  }

  .story h2 {
    font-size: 18px;
  }

  .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .article h1 {
    font-size: 34px;
  }

  .deck {
    font-size: 17px;
  }

  .article-content p {
    font-size: 16px;
    line-height: 1.65;
  }
}


/* ===== UpTheGear v3.5 SEO HOMEPAGE ===== */
.home-seo{width:min(var(--max),calc(100% - 36px));margin:0 auto 80px}
.home-hero{min-height:calc(78vh - 76px);display:grid;place-items:center;padding:54px 0 38px}
.home-hero .homebox{width:min(650px,100%)}
.home-section{border-top:1px solid var(--line);padding:42px 0}
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.home-section-head h2{font:500 clamp(30px,4vw,46px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-1.4px;margin:0}
.home-section-head p{margin:0;color:var(--muted);max-width:520px;line-height:1.5;font-size:14px}
.home-latest{display:grid;grid-template-columns:1.35fr 1fr;gap:34px}
.home-lead{border-right:1px solid var(--line);padding-right:34px}
.home-lead-img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e7e1d7;display:block;margin-bottom:16px}
.home-lead h3{font:500 clamp(28px,4vw,42px)/1.08 Georgia,'Times New Roman',serif;margin:0 0 12px;letter-spacing:-1px}
.home-lead h3 a,.home-mini h3 a,.home-cat-card a,.edition-link{text-decoration:none}
.home-lead h3 a:hover,.home-mini h3 a:hover,.home-cat-card a:hover,.edition-link:hover{text-decoration:underline}
.home-mini-list{border-top:1px solid var(--line)}
.home-mini{padding:16px 0;border-bottom:1px solid var(--line)}
.home-mini h3{font:500 21px/1.2 Georgia,'Times New Roman',serif;margin:0 0 6px}
.home-mini .excerpt{font-size:13px}
.home-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.home-cat-card{background:var(--paper);border:1px solid var(--line);padding:20px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}
.home-cat-card strong{font:500 22px/1.15 Georgia,'Times New Roman',serif}
.home-cat-card span{font-size:12px;color:var(--muted);line-height:1.45;margin-top:14px}
.home-editions{display:flex;flex-wrap:wrap;gap:10px}
.edition-link{border:1px solid var(--line);background:var(--paper);padding:11px 14px;font-size:13px}
.home-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}
.home-about h2{font:500 clamp(30px,4vw,44px)/1.05 Georgia,'Times New Roman',serif;margin:0;letter-spacing:-1px}
.home-about-copy{font:400 17px/1.7 Georgia,'Times New Roman',serif;color:#37332e}
.home-about-copy p{margin:0 0 18px}
.home-about-copy strong{color:var(--ink)}
.home-topic-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.home-topic-row a{border-bottom:1px solid var(--line);padding:6px 0;margin-right:14px;text-decoration:none;font-size:13px;color:var(--accent)}
.home-topic-row a:hover{border-color:var(--accent)}
.home-search-copy{background:var(--paper);border:1px solid var(--line);padding:28px}
.home-search-copy h3{font:500 25px Georgia,'Times New Roman',serif;margin:0 0 12px}
.home-search-copy p{color:var(--muted);line-height:1.7;margin:0;font-size:14px}

@media(max-width:850px){
 .home-latest,.home-about{grid-template-columns:1fr}
 .home-lead{border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:26px}
 .home-categories{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .home-seo{width:calc(100% - 24px);margin-bottom:55px}
 .home-hero{min-height:auto;padding:42px 0 44px}
 .home-section{padding:30px 0}
 .home-section-head{display:block}
 .home-section-head p{margin-top:10px}
 .home-latest{gap:22px}
 .home-lead h3{font-size:30px}
 .home-mini h3{font-size:19px}
 .home-categories{grid-template-columns:1fr 1fr;gap:8px}
 .home-cat-card{min-height:112px;padding:16px}
 .home-cat-card strong{font-size:19px}
 .home-about{gap:20px}
 .home-about-copy{font-size:16px}
}
@media(max-width:430px){
 .home-categories{grid-template-columns:1fr}
 .home-cat-card{min-height:auto}
}