/*
Theme Name: Fresh Spark Health
Theme URI: https://example.com/
Author: Ehyperlink
Description: Clinical Professional health editorial theme with image-led categories, contextual internal links and modern medical publishing UX.
Version: 2.0.0
Text Domain: fresh-spark-health
Requires at least: 6.0
Requires PHP: 7.4
*/

:root{
 --fsh-bg:#f4f9ff;
 --fsh-paper:#ffffff;
 --fsh-ink:#0b2c55;
 --fsh-ink2:#123f72;
 --fsh-blue:#1677df;
 --fsh-blue2:#35a7ff;
 --fsh-cyan:#22c6d9;
 --fsh-lime:#a9e534;
 --fsh-mint:#dff8ef;
 --fsh-line:#d9e8f5;
 --fsh-soft:#eaf4ff;
 --fsh-muted:#60758b;
 --fsh-ext:#d14d72;
 --fsh-shadow:0 18px 45px rgba(21,74,122,.10);
 --fsh-radius:22px;
}
.fsh-site,.fsh-site *{box-sizing:border-box;min-width:0}
.fsh-site{background:var(--fsh-bg);color:var(--fsh-ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.fsh-site a{color:inherit;text-decoration:none}
.fsh-site img{display:block;max-width:100%;height:auto}
.fsh-wrap{width:min(1500px,calc(100% - 42px));margin:auto}

/* topbar */
.fsh-topbar{background:#0c4176;color:#fff;font-size:12px}
.fsh-topbar-in{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.fsh-top-links{display:flex;gap:18px;flex-wrap:wrap}

/* header */
.fsh-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--fsh-line)}
.admin-bar .fsh-header{top:32px}
.fsh-head{min-height:100px;display:grid;grid-template-columns:390px minmax(460px,1fr) 350px;gap:24px;align-items:center}
.fsh-logo{display:flex;align-items:center;gap:14px}
.fsh-logo-mark{width:68px;height:68px;position:relative;border-radius:18px;background:linear-gradient(145deg,#1aa9e8,#7ddeff);box-shadow:0 10px 24px rgba(22,119,223,.18)}
.fsh-logo-mark:before,.fsh-logo-mark:after{content:"";position:absolute;background:#fff}
.fsh-logo-mark:before{left:28px;top:12px;width:12px;height:44px;border-radius:4px}
.fsh-logo-mark:after{left:12px;top:28px;width:44px;height:12px;border-radius:4px}
.fsh-logo-text strong{display:block;font-size:27px;line-height:1}
.fsh-logo-text strong em{font-style:normal;color:var(--fsh-blue)}
.fsh-logo-text small{display:block;margin-top:7px;color:var(--fsh-muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.fsh-nav ul{display:flex;list-style:none;margin:0;padding:0;justify-content:center;gap:4px;flex-wrap:nowrap}
.fsh-nav a{display:block;padding:12px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.fsh-nav a:hover{color:var(--fsh-blue)}
.fsh-search{display:grid;grid-template-columns:1fr 50px;border:1px solid var(--fsh-line);border-radius:999px;overflow:hidden;background:#fff}
.fsh-search input{border:0;outline:0;padding:0 18px}
.fsh-search button{border:0;background:var(--fsh-blue);color:#fff;font-size:18px}

/* hero */
.fsh-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f4fbff,#e9f5ff)}
.fsh-hero-bg{position:absolute;inset:0;opacity:.34}.fsh-hero-bg img{width:100%;height:100%;object-fit:cover}
.fsh-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,251,255,.97) 0 46%,rgba(246,251,255,.55) 64%,rgba(246,251,255,.12) 100%)}
.fsh-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.07fr .93fr;gap:34px;align-items:center;min-height:650px;padding:68px 0}
.fsh-kicker{font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--fsh-blue)}
.fsh-hero h1{max-width:760px;font-size:clamp(4rem,5.9vw,6.4rem);line-height:.91;letter-spacing:-.05em;margin:18px 0}
.fsh-hero p{max-width:680px;font-size:18px;line-height:1.55;color:#294b6d}
.fsh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.fsh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-size:13px;font-weight:900}
.fsh-btn.primary{background:var(--fsh-blue);color:#fff}.fsh-btn.secondary{background:#fff;border:2px solid var(--fsh-blue);color:var(--fsh-blue)}
.fsh-hero-side{justify-self:end;width:min(420px,100%);display:grid;gap:14px}
.fsh-side-tile{background:rgba(255,255,255,.94);border:1px solid var(--fsh-line);border-radius:20px;padding:20px;box-shadow:var(--fsh-shadow)}
.fsh-side-tile strong{display:block;font-size:15px}.fsh-side-tile span{display:block;margin-top:5px;font-size:11px;color:var(--fsh-muted)}
.fsh-side-tile:nth-child(1){border-left:5px solid var(--fsh-blue)}
.fsh-side-tile:nth-child(2){border-left:5px solid var(--fsh-cyan)}
.fsh-side-tile:nth-child(3){border-left:5px solid var(--fsh-lime)}

/* stat strip */
.fsh-statbar{background:#fff;border-bottom:1px solid var(--fsh-line)}
.fsh-statgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.fsh-stat{padding:22px 24px;border-right:1px solid var(--fsh-line);display:flex;align-items:center;gap:12px}
.fsh-stat:last-child{border-right:0}.fsh-stat-icon{width:42px;height:42px;border-radius:12px;background:#eaf4ff;display:grid;place-items:center;color:var(--fsh-blue);font-size:20px}.fsh-stat b{display:block;font-size:17px}.fsh-stat small{display:block;color:var(--fsh-muted);font-size:10px}

/* categories */
.fsh-section{padding:46px 0}
.fsh-section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}
.fsh-section-head h2{margin:0;font-size:1.7rem}.fsh-section-head p{margin:0;max-width:440px;text-align:right;color:var(--fsh-muted);font-size:11px;line-height:1.5}
.fsh-cat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.fsh-cat{background:#fff;border:1px solid var(--fsh-line);border-radius:20px;padding:14px;box-shadow:0 8px 22px rgba(21,74,122,.05);transition:.2s}
.fsh-cat:hover{transform:translateY(-4px);box-shadow:var(--fsh-shadow)}
.fsh-cat-img{height:120px;border-radius:16px;overflow:hidden;background:var(--fsh-soft)}
.fsh-cat-img img{width:100%;height:100%;object-fit:cover}
.fsh-cat-copy{padding:12px 4px 2px}.fsh-cat-copy strong{display:block;font-size:14px}.fsh-cat-copy span{display:block;margin-top:5px;color:var(--fsh-blue);font-size:9px;font-weight:900;text-transform:uppercase}

/* personalized guidance */
.fsh-guidance{display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#0d4e89,#0e85c5);border-radius:24px;overflow:hidden;color:#fff;box-shadow:var(--fsh-shadow)}
.fsh-guidance-copy{padding:34px}.fsh-guidance-copy h2{font-size:2rem;margin:0 0 12px}.fsh-guidance-copy p{font-size:13px;line-height:1.6;color:#dcefff}.fsh-guidance-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.fsh-guidance-list span{padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.07);font-size:11px}
.fsh-guidance-image{min-height:320px}.fsh-guidance-image img{width:100%;height:100%;object-fit:cover}

/* home articles */
.fsh-home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}
.fsh-feature{background:#fff;border:1px solid var(--fsh-line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--fsh-shadow)}
.fsh-feature-img{min-height:390px}.fsh-feature-img img{width:100%;height:100%;object-fit:cover}
.fsh-feature-copy{padding:28px}.fsh-tag{display:inline-block;padding:7px 10px;border-radius:999px;background:#e9f5ff;color:var(--fsh-blue);font-size:9px;font-weight:900}.fsh-feature h3{font-size:1.9rem;line-height:1.05;margin:12px 0}.fsh-meta{font-size:10px;color:var(--fsh-muted)}.fsh-feature p{font-size:13px;line-height:1.6;color:#4d657a}
.fsh-list{display:flex;flex-direction:column;gap:10px}.fsh-list-item{display:grid;grid-template-columns:120px 1fr;gap:12px;background:#fff;border:1px solid var(--fsh-line);border-radius:16px;padding:10px}.fsh-list-item img{width:120px;height:80px;object-fit:cover;border-radius:10px}.fsh-list-item small{color:var(--fsh-blue);font-weight:900;font-size:9px}.fsh-list-item h4{margin:5px 0;font-size:14px;line-height:1.18}

/* trust cards */
.fsh-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fsh-trust-card{background:#fff;border:1px solid var(--fsh-line);border-radius:20px;padding:20px;display:flex;align-items:center;gap:13px}
.fsh-trust-card:nth-child(1){background:#eef7ff}.fsh-trust-card:nth-child(2){background:#f1efff}.fsh-trust-card:nth-child(3){background:#effaf4}.fsh-trust-card:nth-child(4){background:#fff7eb}
.fsh-trust-icon{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:23px}.fsh-trust-card strong{font-size:12px}

/* archives */
.fsh-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fsh-post-card{background:#fff;border:1px solid var(--fsh-line);border-radius:20px;overflow:hidden}.fsh-post-card img{width:100%;height:230px;object-fit:cover}.fsh-post-card .copy{padding:18px}.fsh-post-card h3{font-size:1.15rem;line-height:1.15;margin:8px 0}.fsh-post-card p{font-size:12px;color:var(--fsh-muted);line-height:1.5}

/* single post */
.fsh-post-hero{padding:50px 0 30px;background:linear-gradient(90deg,#eaf5ff,#f7fbff);border-bottom:1px solid var(--fsh-line)}
.fsh-post-hero h1{max-width:1080px;font-size:clamp(2.8rem,4.7vw,4.8rem);line-height:.98;letter-spacing:-.035em;margin:12px 0}.fsh-post-meta{font-size:11px;color:var(--fsh-muted)}
.fsh-post-wrap{width:min(1060px,calc(100% - 32px));margin:auto;padding:42px 0 66px}
.fsh-article{background:#fff;border:1px solid var(--fsh-line);border-radius:24px;padding:42px;box-shadow:var(--fsh-shadow);overflow:hidden}
.fsh-featured img{width:100%;max-height:560px;object-fit:cover;border-radius:20px;margin-bottom:30px}
.fsh-entry{font:16px/1.82 Georgia,"Times New Roman",serif;color:#344e65}.fsh-entry>*{max-width:100%;box-sizing:border-box}.fsh-entry img{border-radius:16px;margin:22px auto}
.fsh-entry a{color:#0e79b8;text-decoration:underline;text-underline-offset:3px}.fsh-entry a.fsh-external,.fsh-entry a[target="_blank"]{color:var(--fsh-ext)!important}
.fsh-entry p,.fsh-entry li,.fsh-entry a,.fsh-entry span,.fsh-entry strong{overflow-wrap:anywhere;white-space:normal}
.fsh-context{margin:30px 0;padding:18px;border-radius:18px;background:#eef7ff;border-left:5px solid var(--fsh-blue);box-shadow:0 8px 20px rgba(21,74,122,.06)}
.fsh-context small{display:block;color:var(--fsh-blue);font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:7px}.fsh-context a{display:flex;justify-content:space-between;gap:14px;color:var(--fsh-ink)!important;text-decoration:none!important;font-weight:800}
.fsh-disclaimer{margin-top:28px;padding:18px;border:1px solid var(--fsh-line);border-radius:16px;background:#f8fbff;color:var(--fsh-muted);font-size:11px;line-height:1.55}
.fsh-related{margin-top:38px}.fsh-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fsh-related-card{background:#fff;border:1px solid var(--fsh-line);border-radius:18px;overflow:hidden}.fsh-related-card img{width:100%;height:185px;object-fit:cover}.fsh-related-card div{padding:13px}.fsh-related-card h3{margin:0;font-size:1rem;line-height:1.15}

/* clinical footer */
.fsh-footer{background:
 radial-gradient(circle at 85% 0%,rgba(34,198,217,.16),transparent 22%),
 linear-gradient(180deg,#063b6f,#062c57 55%,#052445);color:#eaf4ff}
.fsh-footer-top{height:26px;background:linear-gradient(177deg,var(--fsh-bg) 0 48%,transparent 49%)}
.fsh-footer-main{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:34px;padding:38px 0 30px}
.fsh-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.fsh-footer-brand .fsh-logo-mark{width:52px;height:52px;border-radius:14px}.fsh-footer-brand strong{font-size:1.4rem;color:#fff}
.fsh-footer p{font-size:11px;line-height:1.65;color:#c9dced}.fsh-footer h3{font-size:1rem;margin:0 0 12px;color:#fff}.fsh-footer-col{display:flex;flex-direction:column;gap:8px}.fsh-footer-col a{font-size:11px;color:#d8e8f7}
.fsh-footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.13);padding:16px 0 24px;font-size:10px;color:#bfd2e5}

/* responsive */
@media(max-width:1250px){
 .fsh-head{grid-template-columns:330px 1fr}.fsh-search{grid-column:1/-1;max-width:760px;justify-self:end;width:100%}
 .fsh-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .admin-bar .fsh-header{top:46px}.fsh-header{position:relative}.fsh-head{display:flex;flex-direction:column;align-items:stretch;padding:14px 0}.fsh-nav ul{justify-content:flex-start;overflow-x:auto}
 .fsh-hero-grid{grid-template-columns:1fr;min-height:auto;padding:52px 0}.fsh-hero-side{justify-self:start}.fsh-statgrid{grid-template-columns:repeat(2,1fr)}
 .fsh-section-head{flex-direction:column;align-items:flex-start}.fsh-section-head p{text-align:left}.fsh-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fsh-guidance,.fsh-home-grid,.fsh-feature{grid-template-columns:1fr}.fsh-trust-grid{grid-template-columns:repeat(2,1fr)}.fsh-post-grid{grid-template-columns:repeat(2,1fr)}.fsh-footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .fsh-wrap{width:min(100% - 24px,1500px)}.fsh-topbar-in{flex-direction:column;align-items:flex-start;padding:10px 0}.fsh-logo-text strong{font-size:21px}
 .fsh-hero h1{font-size:3.2rem}.fsh-statgrid,.fsh-cat-grid,.fsh-trust-grid,.fsh-post-grid,.fsh-related-grid,.fsh-footer-main{grid-template-columns:1fr}.fsh-article{padding:22px 16px}
}