/*
Theme Name: Seemouse
Theme URI: https://seemouse.com
Author: Seemouse
Author URI: https://seemouse.com
Description: Premium technology publication theme for Seemouse — practical AI, software and productivity guides.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: seemouse
*/

:root{
  --ink:#141A22;--ink-soft:#3B4452;--muted:#66707E;
  --paper:#FBFBF9;--paper-alt:#F1F2EF;--line:#DEE1DC;
  --cobalt:#2B4EE0;--cobalt-deep:#1E3AB8;--cobalt-tint:#EAEDFC;
  --amber:#D98A2B;--amber-tint:#FBF0DF;
  --radius-sm:6px;--radius-md:10px;--maxw:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',-apple-system,sans-serif;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Lora',Georgia,serif;font-weight:600;line-height:1.18;margin:0;color:var(--ink);}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;}

.logo{display:flex;align-items:center;gap:10px;}
.logo-mark{width:34px;height:34px;flex-shrink:0;}
.logo-word{font-family:'Lora',serif;font-weight:700;font-size:19px;letter-spacing:-0.01em;color:var(--ink);}

header.site{position:sticky;top:0;z-index:50;background:rgba(251,251,249,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.header-row{display:flex;align-items:center;justify-content:space-between;height:72px;}
nav.primary{display:flex;gap:2px;align-items:center;}
nav.primary ul{list-style:none;display:flex;gap:2px;margin:0;padding:0;}
nav.primary a{font-size:14.5px;font-weight:500;color:var(--ink-soft);padding:9px 13px;border-radius:var(--radius-sm);transition:background .15s,color .15s;display:inline-block;}
nav.primary a:hover{background:var(--paper-alt);color:var(--ink);}
.header-actions{display:flex;align-items:center;gap:6px;}
.icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:none;cursor:pointer;color:var(--ink-soft);}
.icon-btn:hover{background:var(--paper-alt);}
.menu-btn{display:none;}
@media (max-width:980px){nav.primary{display:none;}.menu-btn{display:flex;}}
.mobile-nav{display:none;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding:14px 0 20px;}
.mobile-nav.open{display:flex;}
.mobile-nav ul{list-style:none;margin:0;padding:0;}
.mobile-nav a{padding:12px 4px;font-size:15.5px;font-weight:500;color:var(--ink-soft);border-bottom:1px solid var(--line);display:block;}

.hero{padding:60px 0 52px;border-bottom:1px solid var(--line);}
.hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center;}
@media (max-width:880px){.hero-grid{grid-template-columns:1fr;gap:32px;}}
.hero h1{font-size:42px;letter-spacing:-0.015em;}
@media (max-width:560px){.hero h1{font-size:31px;}}
.hero-sub{margin-top:18px;font-size:17px;line-height:1.6;color:var(--ink-soft);max-width:48ch;}
.hero-ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .12s,background .15s;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--cobalt);color:#fff;}
.btn-primary:hover{background:var(--cobalt-deep);}
.btn-secondary{background:transparent;border-color:var(--ink);color:var(--ink);}
.btn-secondary:hover{background:var(--ink);color:#fff;}
.hero-visual{background:var(--ink);border-radius:var(--radius-md);padding:32px;position:relative;overflow:hidden;aspect-ratio:4/3.1;}
.hero-visual .glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(43,78,224,0.55),transparent 70%);top:-60px;right:-60px;}
.hero-visual .mark{width:60px;height:60px;position:relative;z-index:1;}
.hero-visual .lines{position:relative;z-index:1;margin-top:24px;display:flex;flex-direction:column;gap:9px;}
.hero-visual .lines div{height:8px;background:rgba(255,255,255,0.14);border-radius:4px;}
.hero-visual .lines div:nth-child(1){width:78%;}
.hero-visual .lines div:nth-child(2){width:58%;}
.hero-visual .lines div:nth-child(3){width:66%;}
.hero-visual .tagchip{position:relative;z-index:1;margin-top:22px;display:inline-flex;background:rgba(255,255,255,0.08);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:20px;}

section.block{padding:50px 0;}
section.block.alt{background:var(--paper-alt);}
.block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap;}
.block-head h2{font-size:24px;}
.block-head .see-all{font-size:13.5px;font-weight:600;color:var(--cobalt);white-space:nowrap;}
.block-head .see-all:hover{color:var(--cobalt-deep);}
.block-desc{color:var(--muted);font-size:14.5px;margin-top:6px;max-width:60ch;}

.chip{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:5px;letter-spacing:0.01em;}
.chip-ai{background:var(--cobalt-tint);color:var(--cobalt-deep);}
.chip-software{background:#EAF4EE;color:#1F7A45;}
.chip-productivity{background:var(--amber-tint);color:#9A5F14;}
.chip-automation{background:#F3EAFB;color:#7332A8;}
.chip-workspace{background:#E9F5F7;color:#166B77;}
.chip-business{background:#FBEAEE;color:#B0284C;}
.chip-comparison{background:#EFF1F4;color:var(--ink-soft);}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.card-grid{grid-template-columns:1fr;}}
.card{display:flex;flex-direction:column;}
.card-thumb{aspect-ratio:16/10;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--paper-alt),#E6E8E3);border:1px solid var(--line);margin-bottom:14px;position:relative;overflow:hidden;}
.card-thumb img{width:100%;height:100%;object-fit:cover;}
.card h3{font-size:17.5px;margin-top:10px;line-height:1.32;}
.card h3 a:hover{color:var(--cobalt-deep);}
.card-meta{font-size:12.5px;color:var(--muted);margin-top:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.card-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted);}
.card-excerpt{font-size:14px;color:var(--ink-soft);margin-top:8px;line-height:1.55;}

.featured-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;}
@media (max-width:900px){.featured-layout{grid-template-columns:1fr;}}
.featured-main .card-thumb{aspect-ratio:16/10.5;}
.featured-main h3{font-size:27px;}
.featured-side{display:flex;flex-direction:column;gap:22px;}
.featured-side .card{flex-direction:row;gap:14px;}
.featured-side .card-thumb{width:104px;height:78px;aspect-ratio:auto;flex-shrink:0;margin-bottom:0;}
.featured-side .card h3{font-size:15px;margin-top:0;}
.featured-side .card-meta{margin-top:6px;}

.topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
@media (max-width:980px){.topic-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:560px){.topic-grid{grid-template-columns:repeat(2,1fr);}}
.topic-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:18px 14px;background:var(--paper);transition:border-color .15s,transform .15s;}
.topic-card:hover{border-color:var(--cobalt);transform:translateY(-2px);}
.topic-card .icon{width:22px;height:22px;color:var(--cobalt);margin-bottom:12px;}
.topic-card h4{font-family:'Inter';font-size:13.5px;font-weight:700;line-height:1.3;margin:0;}

.picks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:900px){.picks-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.picks-grid{grid-template-columns:1fr;}}
.pick-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;background:var(--paper);}
.pick-card .chip{margin-bottom:10px;}
.pick-card h4{font-size:15.5px;line-height:1.4;margin:0;}
.pick-card .card-meta{margin-top:10px;}

.compare-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;background:var(--paper);}
.compare-head{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:16px;}
@media (max-width:600px){.compare-head{grid-template-columns:1fr;text-align:center;}}
.compare-side{text-align:center;}
.compare-side .name{font-family:'Lora',serif;font-weight:600;font-size:19px;}
.compare-vs{font-size:12px;font-weight:800;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.compare-rows{border-top:1px solid var(--line);}
.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;}
.compare-row .label{font-weight:600;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.02em;grid-column:1/-1;margin-bottom:4px;}
.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media (max-width:700px){.compare-grid{grid-template-columns:1fr;}}

.newsletter{background:var(--ink);border-radius:var(--radius-md);padding:42px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.newsletter h2{color:#fff;font-size:23px;max-width:26ch;}
.newsletter p{color:rgba(255,255,255,0.62);font-size:14.5px;margin-top:8px;max-width:40ch;}
.newsletter-form{display:flex;gap:10px;flex-wrap:wrap;}
.newsletter-form input{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.06);color:#fff;font-size:14px;min-width:220px;}
.newsletter-form input::placeholder{color:rgba(255,255,255,0.45);}
.newsletter-form .btn-primary{background:var(--amber);}
.newsletter-form .btn-primary:hover{background:#B9711D;}

.about-strip{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:680px;margin:0 auto;}
.about-strip h2{font-size:26px;}
.about-strip p{margin-top:14px;color:var(--ink-soft);font-size:15.5px;line-height:1.65;}
.about-strip .btn{margin-top:22px;}

footer.site{border-top:1px solid var(--line);padding:50px 0 28px;background:var(--paper-alt);}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;}
@media (max-width:820px){.footer-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr;}}
.footer-desc{font-size:13.5px;color:var(--muted);margin-top:14px;max-width:32ch;line-height:1.55;}
.footer-col h5{font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:14px;}
.footer-col a{display:block;font-size:13.5px;color:var(--ink-soft);padding:5px 0;}
.footer-col a:hover{color:var(--cobalt);}
.footer-social{display:flex;gap:8px;margin-top:16px;}
.footer-social a{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);}
.footer-social a:hover{border-color:var(--cobalt);color:var(--cobalt);}
.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--muted);}
.footer-bottom a{color:var(--muted);}
.footer-bottom a:hover{color:var(--ink);}

.ad-placeholder{border:1px dashed var(--line);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12.5px;padding:20px;background:var(--paper);}

/* WordPress core alignment helpers */
.alignleft{float:left;margin-right:1.5em;}
.alignright{float:right;margin-left:1.5em;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{max-width:100%;}
.screen-reader-text{position:absolute;left:-9999px;}