/*
Theme Name: HJDeal Launch
Theme URI: https://hjdeal.com/
Author: HJDeal Project
Description: Lightweight editorial affiliate buying guides theme. No external dependencies.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hjdeal-theme
*/
:root{--ink:#15243a;--muted:#607084;--blue:#195ecb;--pale:#eff5ff;--line:#e2e9f1;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 22px}.site-head{background:white;border-bottom:1px solid var(--line)}.head-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:78px}.brand{font-size:1.6rem;font-weight:850;letter-spacing:-.05em;color:var(--ink)}.brand span{color:var(--blue)}nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0}nav a{color:var(--ink);font-weight:600;font-size:.94rem}.hero{padding:72px 0;background:linear-gradient(125deg,#eaf3ff,#fff 75%)}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:.12em;font-size:.78rem;text-transform:uppercase}.hero h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.12;max-width:780px;letter-spacing:-.045em;margin:12px 0 18px}.hero p{max-width:680px;color:var(--muted);font-size:1.16rem}.btn{display:inline-block;background:var(--blue);color:#fff;border-radius:10px;padding:12px 21px;font-weight:700}.btn:hover{color:white}.section{padding:55px 0}.section h2{font-size:1.9rem;letter-spacing:-.035em;margin:0 0 8px}.intro{color:var(--muted);margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 5px 18px #15243a08}.card .tag{font-size:.76rem;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.card h3{font-size:1.23rem;line-height:1.35;margin:12px 0}.card p{color:var(--muted);font-size:.95rem;flex:1}.card a.read{font-weight:800}.strip{background:#102744;color:white;border-radius:20px;padding:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.strip p{color:#c6d5e9;margin:5px 0 0}.content{max-width:800px;margin:48px auto 72px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,5vw,55px)}.content h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;letter-spacing:-.035em}.content h2{margin-top:2rem;line-height:1.25}.content h3{margin-top:1.6rem}.content p,.content li{font-size:1.04rem}.disclosure{border-left:4px solid var(--blue);padding:12px 18px;background:var(--pale);font-size:.9rem;color:#42546a;margin:24px 0}.site-foot{background:#102744;color:#d6e2ef;padding:35px 0}.site-foot a{color:white}.foot-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.muted{color:var(--muted)}.search-form{display:flex;gap:8px;max-width:500px;margin-top:25px}.search-form input{flex:1;min-width:0;border:1px solid #c7d5e7;border-radius:9px;padding:12px;font-size:1rem}.search-form button{border:0;background:var(--blue);color:white;padding:12px 19px;border-radius:9px;font-weight:700;cursor:pointer}.article-meta{color:var(--muted);font-size:.9rem}.notice{padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.head-inner{align-items:flex-start;flex-direction:column;padding:18px 22px}nav ul{gap:10px 16px}.strip{grid-template-columns:1fr}.hero{padding:50px 0}}@media(max-width:550px){.cards{grid-template-columns:1fr}.content{margin:20px 12px 45px}.section{padding:36px 0}}

/* HJDeal v1.1: balanced homepage hero */
.hero{padding:48px 0 52px}
.hero h1{font-size:clamp(2.25rem,3.5vw,3.15rem);line-height:1.14;max-width:720px;margin:12px 0 16px}
.hero p{font-size:1.08rem;max-width:700px}
@media(max-width:800px){.hero{padding:40px 0 44px}.hero h1{font-size:clamp(2.1rem,5.2vw,2.8rem)}}
@media(max-width:550px){.hero{padding:34px 0 40px}.hero h1{font-size:clamp(2rem,8vw,2.25rem)}.hero p{font-size:1rem}}