/*
Theme Name: Vaminos Magazine
Description: Custom magazine theme for Vaminos — Finance & Tax Hacks, Digital Growth & SEO, The Nursing Station, and Smart Travel & Lifestyle.
Author: Vaminos
Version: 1.0
*/

:root{
  --ink:#171B24;
  --ink-soft:#3C4250;
  --paper:#ECE7D8;
  --paper-2:#E2DCC7;
  --paper-3:#D9D2B8;
  --rule:#C9C2A6;
  --white:#FAF8F1;

  --finance:#2F6B4F;
  --finance-accent:#C9A227;
  --seo:#33379C;
  --seo-accent:#8FA83A;
  --nursing:#AD4C55;
  --nursing-accent:#6FA893;
  --travel:#215F7A;
  --travel-accent:#D69A2D;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

.dateline{
  background:var(--ink);
  color:var(--paper);
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.dateline .wrap{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:7px;padding-bottom:7px;flex-wrap:wrap;gap:6px;
}
.dateline span{opacity:.85;}

.masthead{border-bottom:3px solid var(--ink);background:var(--paper);}
.masthead .wrap{
  display:flex;align-items:flex-end;justify-content:space-between;
  padding-top:28px;padding-bottom:20px;gap:20px;flex-wrap:wrap;
}
.brand-block h1{
  font-family:'Fraunces',serif;font-weight:700;
  font-size:clamp(34px,6vw,58px);letter-spacing:-.01em;margin:0;line-height:.95;
}
.brand-block p{
  margin:6px 0 0;font-family:'IBM Plex Mono',monospace;font-size:11.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);
}
.masthead-tools{display:flex;gap:10px;align-items:center;}
.search-form{display:flex;align-items:center;border:1.5px solid var(--ink);background:var(--white);}
.search-form input{border:none;background:transparent;padding:9px 10px;font-family:'Inter',sans-serif;font-size:13.5px;width:150px;color:var(--ink);}
.search-form input:focus{outline:none;}
.search-form button{border:none;background:var(--ink);color:var(--paper);padding:9px 12px;font-size:13px;font-weight:600;}

.desk-nav{background:var(--ink);}
.desk-tabs{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0;max-width:1180px;margin:0 auto;}
.desk-tabs li{margin:0;}
.desk-tab{
  display:block;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;color:var(--paper);padding:13px 20px;
  border-right:1px solid rgba(250,248,241,.15);position:relative;
  transition:background .15s ease, color .15s ease;background:transparent;
}
.desk-tab:hover{background:rgba(250,248,241,.08);}
.desk-tab.active{background:var(--paper);color:var(--ink);}
.desk-tab .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;position:relative;top:-1px;}
.desk-tab[data-cat="finance-tax-hacks"] .dot{background:var(--finance-accent);}
.desk-tab[data-cat="digital-growth-seo"] .dot{background:var(--seo-accent);}
.desk-tab[data-cat="nursing-station"] .dot{background:var(--nursing-accent);}
.desk-tab[data-cat="smart-travel-lifestyle"] .dot{background:var(--travel-accent);}

main{padding-bottom:70px;}
.section-head{
  display:flex;align-items:baseline;justify-content:space-between;
  border-bottom:2px solid var(--ink);margin:46px 0 22px;padding-bottom:8px;flex-wrap:wrap;gap:8px;
}
.section-head h2{font-family:'Fraunces',serif;font-weight:600;font-style:italic;font-size:26px;margin:0;}
.section-head .count{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;}

.hero{margin-top:34px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:stretch;}
@media (max-width:820px){ .hero{grid-template-columns:1fr;} }

.stamp{
  display:inline-block;border:2px dashed currentColor;font-family:'IBM Plex Mono',monospace;
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;transform:rotate(-3deg);
}
.tag-finance{color:var(--finance);}
.tag-seo{color:var(--seo);}
.tag-nursing{color:var(--nursing);}
.tag-travel{color:var(--travel);}

.hero-main{background:var(--white);border:1px solid var(--ink);padding:30px;display:flex;flex-direction:column;gap:14px;}
.hero-main h3{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(26px,3.4vw,40px);line-height:1.05;margin:0;}
.hero-main .dek{font-size:16px;color:var(--ink-soft);line-height:1.5;margin:0;}
.byline{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--rule);padding-top:12px;margin-top:auto;}

.desk-directory{display:flex;flex-direction:column;gap:14px;}
.desk-card{border:1px solid var(--ink);background:var(--white);padding:16px 18px;display:flex;flex-direction:column;gap:6px;flex:1;border-left:6px solid var(--ink);}
.desk-card[data-cat="finance-tax-hacks"]{border-left-color:var(--finance);}
.desk-card[data-cat="digital-growth-seo"]{border-left-color:var(--seo);}
.desk-card[data-cat="nursing-station"]{border-left-color:var(--nursing);}
.desk-card[data-cat="smart-travel-lifestyle"]{border-left-color:var(--travel);}
.desk-card h4{font-family:'Fraunces',serif;font-size:17px;font-weight:600;margin:0;}
.desk-card p{margin:0;font-size:12.5px;color:var(--ink-soft);line-height:1.45;}
.desk-card .go{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-weight:600;}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media (max-width:900px){ .grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .grid{grid-template-columns:1fr;} }

.card{border-top:3px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:8px;}
.card[data-cat="finance-tax-hacks"]{border-top-color:var(--finance);}
.card[data-cat="digital-growth-seo"]{border-top-color:var(--seo);}
.card[data-cat="nursing-station"]{border-top-color:var(--nursing);}
.card[data-cat="smart-travel-lifestyle"]{border-top-color:var(--travel);}
.card img{width:100%;height:150px;object-fit:cover;background:var(--paper-3);margin-bottom:2px;}
.card .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);}
.card h3{font-family:'Fraunces',serif;font-weight:600;font-size:19px;margin:0;line-height:1.15;}
.card p{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.5;}
.card .byline{border-top:none;padding-top:2px;margin-top:0;}

.load-more-wrap{text-align:center;margin-top:38px;}
.btn{display:inline-block;border:1.5px solid var(--ink);background:transparent;color:var(--ink);padding:11px 22px;font-size:13px;font-weight:600;font-family:'IBM Plex Mono',monospace;letter-spacing:.05em;text-transform:uppercase;}
.btn:hover{background:var(--ink);color:var(--paper);}

.empty, .error-box{border:1px dashed var(--ink-soft);padding:26px;text-align:center;color:var(--ink-soft);font-size:14px;}

.desk-brief{margin-top:30px;padding:24px 26px;border:1px solid var(--ink);background:var(--white);border-left:8px solid var(--ink);}
.desk-brief[data-cat="finance-tax-hacks"]{border-left-color:var(--finance);}
.desk-brief[data-cat="digital-growth-seo"]{border-left-color:var(--seo);}
.desk-brief[data-cat="nursing-station"]{border-left-color:var(--nursing);}
.desk-brief[data-cat="smart-travel-lifestyle"]{border-left-color:var(--travel);}
.desk-brief h2{font-family:'Fraunces',serif;font-size:30px;margin:0 0 6px;font-weight:600;}
.desk-brief p{margin:0;color:var(--ink-soft);font-size:14.5px;max-width:640px;line-height:1.55;}

.post-view{margin-top:30px;max-width:760px;}
.post-view .stamp{margin-bottom:14px;}
.post-view h1{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(28px,4vw,44px);line-height:1.08;margin:0 0 12px;}
.post-view .meta{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:10px 0;margin-bottom:24px;}
.post-body{font-size:17px;line-height:1.75;}
.post-body p{margin:0 0 20px;}
.post-body img{margin:20px 0;}
.post-body h2,.post-body h3{font-family:'Fraunces',serif;margin-top:34px;}
.back-link{display:inline-block;margin-top:34px;font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--ink);padding-bottom:2px;}

.newsletter{margin-top:60px;background:var(--ink);color:var(--paper);padding:34px 0;}
.newsletter .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.newsletter h3{font-family:'Fraunces',serif;font-style:italic;font-size:22px;margin:0 0 4px;font-weight:500;}
.newsletter p{margin:0;font-size:13px;color:var(--paper-3);}
.nform{display:flex;gap:0;border:1.5px solid var(--paper);}
.nform input{background:transparent;border:none;padding:11px 12px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13.5px;width:220px;}
.nform input::placeholder{color:var(--paper-3);}
.nform input:focus{outline:none;}
.nform button{border:none;background:var(--paper);color:var(--ink);padding:11px 18px;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;}

footer.site-footer{border-top:3px solid var(--ink);margin-top:0;padding:34px 0;}
.foot-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}
.foot-col h5{font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;color:var(--ink-soft);}
.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.foot-col a{font-size:13.5px;}
.foot-col a:hover{text-decoration:underline;}
.foot-bottom{margin-top:26px;padding-top:16px;border-top:1px solid var(--rule);font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:10px;top:10px;background:var(--paper);padding:8px;z-index:10;}

.contact-form{display:flex;flex-direction:column;gap:6px;max-width:480px;margin-top:28px;}
.contact-form label{font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-top:10px;}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
  border:1.5px solid var(--ink);background:var(--white);padding:10px 12px;
  font-family:'Inter',sans-serif;font-size:14.5px;color:var(--ink);width:100%;
}
.contact-form textarea{resize:vertical;}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--ink);outline-offset:1px;}
.contact-form .btn{margin-top:16px;align-self:flex-start;border:1.5px solid var(--ink);}
.contact-form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-notice{padding:12px 16px;font-size:13.5px;border:1.5px solid var(--ink);margin-top:20px;}
.form-notice-ok{border-color:var(--finance);background:rgba(47,107,79,.08);}
.form-notice-err{border-color:var(--nursing);background:rgba(173,76,85,.08);}

.pagination{margin-top:40px;display:flex;gap:10px;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;}
.pagination a, .pagination span{border:1.5px solid var(--ink);padding:8px 14px;}
.pagination .current{background:var(--ink);color:var(--paper);}

@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }