/*
Theme Name: AWithoutI
Theme URI: https://awithouti.com
Author: AWithoutI
Author URI: https://awithouti.com
Description: A dark "AI newsroom" theme for awithouti.com — breaking ticker, bento hero, daily brief, model leaderboard, tool spotlight, and a dense news feed. Built to match the AWithoutI brand (orange accent on dark navy).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
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: awithouti
*/

:root{
  --bg:#0A0F1A;
  --bg-2:#0E1726;
  --panel:#111E32;
  --panel-2:#15233A;
  --line:#1E2C45;
  --line-soft:#1a273e;
  --orange:#F2703A;
  --orange-deep:#C85A22;
  --cyan:#39D8E8;
  --green:#3FD08A;
  --ink:#F4F8FE;
  --body:#9DB0C7;
  --muted:#6C7E97;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--body);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk',sans-serif;color:var(--ink);line-height:1.12;letter-spacing:-.015em}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.mono{font-family:'JetBrains Mono',monospace}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;background:var(--orange);color:#0A0F1A;padding:8px 14px;border-radius:8px;z-index:200}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;border-radius:10px;padding:12px 20px;cursor:pointer;border:1px solid transparent;transition:.15s;text-align:center;white-space:nowrap}
.btn-orange{background:var(--orange);color:#0A0F1A}
.btn-orange:hover{background:#ff8052;box-shadow:0 8px 24px -8px rgba(242,112,58,.6)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}

.tag{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--orange)}
.tag.models{color:var(--cyan)}
.tag.tools{color:var(--orange)}
.tag.work{color:var(--green)}
.tag.policy{color:#C79BF2}
.tag.creative{color:#F2A03A}
.tag.industry{color:#7FA8FF}

/* Breaking ticker */
.ticker{background:var(--orange);color:#0A0F1A;overflow:hidden;white-space:nowrap;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px}
.ticker .tk-inner{display:flex;align-items:center}
.ticker .label{background:#0A0F1A;color:var(--orange);padding:9px 16px;flex-shrink:0;letter-spacing:1px;text-transform:uppercase;position:relative;z-index:2}
.ticker .track{display:flex;gap:48px;padding:9px 0 9px 32px;animation:scroll 34s linear infinite}
.ticker .track a{color:#0A0F1A}
.ticker .track span::before,.ticker .track a::before{content:"\25CF";color:#0A0F1A;opacity:.4;margin-right:14px}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker:hover .track{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.ticker .track{animation:none}}

/* Header */
header.site-header{position:sticky;top:0;z-index:50;background:rgba(10,15,26,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:24px}
.logo{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.5px}
.logo .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--orange),var(--orange-deep));display:flex;align-items:center;justify-content:center;font-size:16px}
.logo b{color:var(--orange)}
.logo img{max-height:38px;width:auto}
.nav-links{display:flex;gap:26px;align-items:center;margin-left:8px;list-style:none}
.nav-links a{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:14.5px;color:var(--body)}
.nav-links a:hover,.nav-links li.current-menu-item a{color:var(--ink)}
.nav-links li.current-menu-item a{color:var(--orange)}
.nav-right{display:flex;align-items:center;gap:14px;margin-left:auto}
.search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:var(--muted);font-size:13px;font-family:'JetBrains Mono',monospace;min-width:180px}
.search input{border:none;background:transparent;color:var(--ink);font-family:'Inter',sans-serif;font-size:13px;outline:none;width:100%}
.menu-toggle{display:none;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:9px 12px;font-size:18px;cursor:pointer}

/* Section scaffolding */
section.block{padding:62px 0}
.sec-head-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px;flex-wrap:wrap}
.sec-head-row h2{font-size:26px;font-weight:700;display:flex;align-items:center;gap:11px}
.bar{width:5px;height:24px;background:var(--orange);border-radius:3px;display:inline-block;flex-shrink:0}
.view-all{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px;color:var(--orange)}
.view-all::after{content:" \2192"}

/* HERO BENTO */
.hero{padding:34px 0 8px}
.bento{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:auto auto;gap:18px}
.b-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.18s;position:relative;display:flex;flex-direction:column}
.b-card:hover{border-color:#2c436b;transform:translateY(-3px)}
.b-lead{grid-row:1 / span 2}
.b-lead .visual{height:300px;background:radial-gradient(circle at 30% 20%,rgba(242,112,58,.28),transparent 55%),radial-gradient(circle at 80% 80%,rgba(57,216,232,.20),transparent 50%),linear-gradient(135deg,#13233c,#0c1525);display:flex;align-items:center;justify-content:center;font-size:84px;position:relative;background-size:cover;background-position:center}
.b-lead .pad{padding:24px 28px 30px;flex:1;display:flex;flex-direction:column}
.b-lead h2{font-size:30px;font-weight:700;line-height:1.14;margin:12px 0 12px}
.b-lead p{font-size:15.5px;margin-bottom:18px;flex:1}
.meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.meta .dot{color:var(--line)}
.b-sm .visual{height:118px;display:flex;align-items:center;justify-content:center;font-size:40px;background:linear-gradient(135deg,#10283a,#0c1c2c);background-size:cover;background-position:center}
.b-sm.alt .visual{background:linear-gradient(135deg,#241a33,#15172a);background-size:cover;background-position:center}
.b-sm .pad{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column}
.b-sm h3{font-size:17px;font-weight:600;line-height:1.2;margin:9px 0 10px}
.b-sm .meta{font-size:11px;margin-top:auto}

/* DAILY BRIEF + widgets */
.brief-grid{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
.brief{background:linear-gradient(160deg,var(--panel),#0d1827);border:1px solid var(--line);border-radius:18px;padding:30px 32px}
.brief .b-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.brief .b-top h2{font-size:23px;display:flex;align-items:center;gap:10px}
.brief .b-top .stamp{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--orange);border:1px solid var(--line);border-radius:20px;padding:5px 13px}
.brief ul{list-style:none;display:flex;flex-direction:column}
.brief li{display:flex;gap:15px;padding:15px 0;border-bottom:1px dashed var(--line)}
.brief li:last-child{border-bottom:none;padding-bottom:0}
.brief li .n{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px;color:var(--orange);flex-shrink:0;padding-top:2px}
.brief li .txt{font-size:15px;color:var(--ink);font-weight:500}
.brief li .txt b{color:#fff}
.brief li .txt em{font-style:normal;color:var(--body);font-weight:400}
.brief .read-time{margin-top:22px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.widget-box{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 24px;margin-bottom:22px}
.widget-box h4{font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.widget-box .sub{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:18px}
.lb-row{margin-bottom:15px}
.lb-row:last-child{margin-bottom:0}
.lb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.lb-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13.5px;color:var(--ink)}
.lb-score{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--cyan)}
.lb-bar{height:7px;background:var(--bg-2);border-radius:5px;overflow:hidden}
.lb-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--orange-deep),var(--orange))}
.lb-fill.c{background:linear-gradient(90deg,#1f8c95,var(--cyan))}

.spotlight{background:linear-gradient(155deg,#1a1230,#10182a);border:1px solid #2a2247}
.spotlight h4{color:var(--orange)}
.spot-app{display:flex;align-items:center;gap:13px;margin:14px 0 12px}
.spot-app .ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--orange-deep));display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.spot-app .nm{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;color:var(--ink)}
.spot-app .cat{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted)}
.spotlight p{font-size:14px;margin-bottom:16px}
.spot-stars{color:var(--orange);font-size:13px;letter-spacing:2px;margin-bottom:14px}
.spotlight .btn{width:100%}

/* News feed dense list */
.news{background:var(--bg-2)}
.feed{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.feed.one-col{grid-template-columns:1fr}
.row-item{display:flex;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.16s}
.row-item:hover{border-color:#2c436b;background:var(--panel-2)}
.row-item .thumb{width:74px;height:74px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,#13233c,#0d1726);background-size:cover;background-position:center}
.row-item .ri-body{flex:1;min-width:0}
.row-item .ri-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.row-item .time{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted)}
.row-item h3{font-size:15.5px;font-weight:600;line-height:1.25;color:var(--ink);margin-bottom:5px}
.row-item:hover h3{color:#fff}
.row-item p{font-size:13px;color:var(--body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Topics */
.topic-list{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.topic{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px 14px;text-align:center;transition:.16s}
.topic:hover{border-color:var(--orange);transform:translateY(-3px)}
.topic .t-ic{font-size:24px;display:block;margin-bottom:9px}
.topic .t-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13.5px;color:var(--ink)}
.topic .t-count{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-top:4px}

/* Newsletter */
.news-band{background:radial-gradient(circle at 50% 0%,rgba(242,112,58,.16),transparent 60%),var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nb-inner{text-align:center;max-width:640px;margin:0 auto;padding:66px 24px}
.nb-inner .eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.nb-inner h2{font-size:34px;font-weight:700;margin-bottom:14px}
.nb-inner p{font-size:17px;margin-bottom:26px}
.nb-form{display:flex;gap:11px;max-width:480px;margin:0 auto;flex-wrap:wrap}
.nb-form input{flex:1;min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:15px;color:var(--ink);font-family:'Inter',sans-serif;outline:none}
.nb-form input:focus{border-color:var(--orange)}
.nb-stats{display:flex;justify-content:center;gap:34px;margin-top:26px;flex-wrap:wrap}
.nb-stats .s{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted)}
.nb-stats .s b{color:var(--ink);font-size:20px;display:block;font-family:'Space Grotesk',sans-serif}

/* ===== Single / archive / page content ===== */
.page-head{padding:48px 0 8px}
.page-head .crumb{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);margin-bottom:14px}
.page-head .crumb a:hover{color:var(--orange)}
.page-head h1{font-size:40px;font-weight:700;max-width:900px;line-height:1.12}
.page-head .pg-meta{margin-top:16px}
.article-wrap{max-width:760px;margin:0 auto;padding:40px 24px 20px}
.article-hero{height:340px;border-radius:18px;margin:24px auto 0;max-width:1000px;background:radial-gradient(circle at 30% 20%,rgba(242,112,58,.28),transparent 55%),radial-gradient(circle at 80% 80%,rgba(57,216,232,.20),transparent 50%),linear-gradient(135deg,#13233c,#0c1525);display:flex;align-items:center;justify-content:center;font-size:90px;background-size:cover;background-position:center}
.entry-content{font-size:17px;line-height:1.75;color:#C2D0E2}
.entry-content > *{margin-bottom:22px}
.entry-content h2{font-size:27px;color:var(--ink);margin:38px 0 12px}
.entry-content h3{font-size:21px;color:var(--ink);margin:30px 0 10px}
.entry-content a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.entry-content a:hover{color:#ff8052}
.entry-content ul,.entry-content ol{padding-left:24px}
.entry-content li{margin-bottom:8px}
.entry-content blockquote{border-left:3px solid var(--orange);background:var(--panel);padding:18px 24px;border-radius:0 12px 12px 0;color:var(--ink);font-style:italic}
.entry-content img,.entry-content .wp-caption{border-radius:12px}
.entry-content code{font-family:'JetBrains Mono',monospace;background:var(--panel);padding:2px 7px;border-radius:6px;font-size:.9em;color:var(--cyan)}
.entry-content pre{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;overflow:auto}
.entry-content pre code{background:none;padding:0}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignright{float:right;margin:0 0 16px 24px}
.alignleft{float:left;margin:0 24px 16px 0}
.wp-caption-text{font-size:13px;color:var(--muted);text-align:center;margin-top:6px}
.post-tags{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.post-tags a{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--body);background:var(--panel);border:1px solid var(--line);padding:6px 12px;border-radius:20px}
.post-tags a:hover{border-color:var(--orange);color:var(--orange)}
.author-box{display:flex;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:36px}
.author-box .av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-deep));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px}
.author-box .nm{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--ink);font-size:16px}
.author-box .bio{font-size:14px;margin-top:3px}

/* archive grid */
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card-post{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.18s;display:flex;flex-direction:column}
.card-post:hover{border-color:#2c436b;transform:translateY(-3px)}
.card-post .thumb{height:172px;background:linear-gradient(135deg,#13233c,#0d1726);display:flex;align-items:center;justify-content:center;font-size:44px;background-size:cover;background-position:center}
.card-post .cp-body{padding:22px;flex:1;display:flex;flex-direction:column}
.card-post h3{font-size:18px;font-weight:600;line-height:1.25;margin:9px 0 9px;color:var(--ink)}
.card-post p{font-size:14px;margin-bottom:14px;flex:1}

/* pagination */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:46px;flex-wrap:wrap}
.pagination .page-numbers{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--body);background:var(--panel);border:1px solid var(--line);padding:10px 15px;border-radius:9px}
.pagination .page-numbers.current{background:var(--orange);color:#0A0F1A;border-color:var(--orange)}
.pagination a.page-numbers:hover{border-color:var(--orange);color:var(--orange)}

/* comments */
.comments-area{max-width:760px;margin:40px auto 0;padding:0 24px}
.comments-area h3{font-size:20px;margin-bottom:20px}
.comment-list{list-style:none}
.comment-list li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:14px}
.comment-author{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink);font-size:14px}
.comment-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:8px}
.comment-respond{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:24px}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font-family:'Inter',sans-serif;margin-bottom:14px;outline:none}
.comment-respond textarea:focus,.comment-respond input:focus{border-color:var(--orange)}

/* Footer */
footer.site-footer{background:#070B14;color:var(--body);padding:56px 0 26px;border-top:1px solid var(--line)}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.foot-brand .fb-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.foot-brand .fb-name .mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--orange),var(--orange-deep));display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.foot-brand .fb-name b{color:var(--orange)}
.foot-brand p{font-size:13.5px;max-width:300px}
footer.site-footer h4{color:#fff;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px;font-family:'Space Grotesk',sans-serif;font-weight:600}
footer.site-footer ul{list-style:none}
footer.site-footer ul li{margin-bottom:10px;font-size:13.5px}
footer.site-footer ul li a:hover{color:var(--orange)}
.foot-bottom{padding-top:22px;font-size:12.5px;color:var(--muted)}
.foot-bottom .disc{max-width:880px;margin-bottom:13px;line-height:1.6}
.foot-bottom .frow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

@media(max-width:980px){
  .bento{grid-template-columns:1fr}
  .b-lead{grid-row:auto}
  .brief-grid{grid-template-columns:1fr}
  .topic-list{grid-template-columns:repeat(3,1fr)}
  .feed{grid-template-columns:1fr}
  .archive-grid{grid-template-columns:repeat(2,1fr)}
  .foot-top{grid-template-columns:1fr 1fr}
  .nav-links,.search{display:none}
  .menu-toggle{display:inline-block}
  .nav-links.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--line);padding:18px 24px;gap:16px;margin:0}
  .page-head h1{font-size:30px}
}
@media(max-width:560px){
  .topic-list{grid-template-columns:repeat(2,1fr)}
  .archive-grid{grid-template-columns:1fr}
  .b-lead h2{font-size:24px}
  .nb-inner h2{font-size:26px}
  .article-hero{height:220px;font-size:60px}
}