/*
Theme Name: MyLoanAlert
Theme URI: https://myloanalert.com/
Author: MyLoanAlert
Description: Editorial mortgage education, calculators, curated news, and original articles.
Version: 0.3.2
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: refinancenews
*/

:root{--navy:#08295c;--ink:#19375e;--muted:#52657c;--teal:#08782e;--signal:#199b43;--paper:#f2f5f7;--panel:#fff;--soft:#edf5ef;--line:#d9e2e9;--focus:#a97920;--content:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--teal)}
button,input,textarea{font:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.skip-link{position:absolute;left:14px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}
.site-header,.coverage-strip,.site-main,.site-footer{max-width:var(--content);margin-inline:auto}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:34px;padding:18px 32px;border-bottom:1px solid var(--line)}
.brand img{display:block;width:250px}
.primary-nav .rn-menu{display:flex;align-items:center;gap:26px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.primary-nav a{color:var(--ink);font-size:14px;font-weight:650;text-decoration:none}.primary-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.coverage-strip{display:flex;gap:25px;padding:9px 32px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em}
.coverage-strip span:not(:last-child)::after{content:"";display:inline-block;width:4px;height:4px;margin-left:25px;border-radius:50%;background:var(--signal);vertical-align:middle}
.site-main{padding-inline:32px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;margin-top:26px;padding:48px 52px 54px;overflow:hidden;background-color:var(--navy);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;color:#fff}
.hero h1{margin:15px 0 20px;color:#fff;font-family:Georgia,serif;font-size:clamp(42px,4.5vw,64px);font-weight:500;line-height:1.12;letter-spacing:-2.4px}.hero h1 em{color:var(--signal);font-weight:500}.hero .intro{max-width:610px;color:#e0ebe8;font-size:18px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.18em}.hero .eyebrow{color:var(--signal)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:0;background:var(--teal);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.hero-actions .button:first-child{background:var(--signal);color:var(--navy)}.button-outline{border:1px solid #fff;background:transparent}.button[disabled]{cursor:not-allowed;opacity:.58}
.fine{color:var(--muted);font-size:12px}.hero .fine,.hero .monitor-note span{color:#dce8e5}.monitor-note{font-size:15px}
.hero-ai{align-self:start;padding:30px;border-top:10px solid var(--signal);background:#fff;color:var(--ink);box-shadow:14px 14px 0 rgba(66,209,174,.2)}.hero-ai h2{margin:0 0 14px;font-family:Georgia,serif;font-size:36px;font-weight:500;line-height:1.15}.hero-ai label{display:block;margin-top:17px;font-size:13px;font-weight:750}.hero-ai textarea{display:block;width:100%;margin:8px 0 12px;padding:12px;border:1px solid #adbcb4;background:var(--paper);color:var(--ink);resize:vertical}.hero-ai .button{width:100%;background:var(--navy)}
.section-block{padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.section-block h2,.page-header h1,.article-header h1{margin:0 0 15px;font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.3px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading p{margin:0;color:var(--muted)}
.setup-note{padding:28px;border:1px solid var(--line);background:#fff}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.content-card{padding:26px;border:1px solid var(--line);background:#fff}.content-card h2,.content-card h3{margin:8px 0 12px;font-size:22px;line-height:1.3}.content-card h2 a,.content-card h3 a{color:var(--ink);text-decoration:none}.content-card h2 a:hover,.content-card h3 a:hover{text-decoration:underline}.card-meta{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.text-link{font-size:13px;font-weight:750}.empty-card{grid-column:1/-1;max-width:780px}
.content-card{display:flex;flex-direction:column;min-width:0}.content-card>.text-link{margin-top:auto;padding-top:12px;align-self:flex-start}
.ai-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.ai-plan{padding:30px;border:1px solid var(--line);background:#fff}.ai-member{border-color:#b9d9c3;background:var(--soft)}.ai-plan h3{margin:0;font-size:26px}.ai-price{margin:14px 0;font-family:Georgia,serif;font-size:44px}.ai-price span{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}
.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start;padding:36px 32px 44px}.footer-brand img{width:225px}.site-footer p{margin:0;font-size:13px}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13px}
.archive-layout{padding-block:60px 80px}.page-header{max-width:780px;margin-bottom:35px}.navigation.pagination{margin-top:35px}.nav-links{display:flex;gap:12px}.page-numbers{padding:8px 12px;border:1px solid var(--line);background:#fff;text-decoration:none}.page-numbers.current{background:var(--navy);color:#fff}
.article-layout{max-width:900px;padding-block:60px 80px}.article-header{margin-bottom:30px}.article-image{margin-bottom:28px}.article-content{font-family:Georgia,serif;font-size:19px;line-height:1.75}.article-content h2,.article-content h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.25}.source-box{margin-top:40px;padding:22px;border-left:5px solid var(--signal);background:#fff}.source-box p{margin:4px 0}
[data-refinancenews-calculator]{padding:30px;border-top:8px solid var(--signal);background:#fff}[data-refinancenews-calculator]>h2{font-family:Georgia,serif}[data-refinancenews-calculator] form{margin-top:24px}[data-refinancenews-calculator] fieldset{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:0;padding:0}[data-refinancenews-calculator] legend{grid-column:1/-1;font-size:20px;font-weight:800}[data-refinancenews-calculator] label{font-size:13px;font-weight:700}[data-refinancenews-calculator] input{width:100%;min-height:46px;margin-top:5px;padding:10px;border:1px solid #adbcb4}[data-refinancenews-calculator] fieldset>p,[data-refinancenews-calculator] fieldset>button{grid-column:1/-1}[data-refinancenews-calculator] button{min-height:48px;border:0;background:var(--teal);color:#fff;font-weight:800}[data-refinancenews-calculator] [data-result]{margin-top:30px;padding:24px;background:var(--soft)}[data-refinancenews-calculator] dl{display:grid;grid-template-columns:1fr auto;gap:8px 24px}[data-refinancenews-calculator] dt,[data-refinancenews-calculator] dd{margin:0;padding:8px 0;border-bottom:1px solid #d9e2e9}[data-refinancenews-calculator] dd{font-weight:800;text-align:right}
@media(max-width:820px){.site-header{flex-direction:column}.brand img{width:min(220px,76vw)}.primary-nav{width:100%}.primary-nav .rn-menu{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.primary-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;text-align:center}.coverage-strip{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.coverage-strip span::after{display:none!important}.site-main{padding-inline:20px}.hero{grid-template-columns:1fr;width:calc(100% + 40px);margin:0 -20px;padding:32px 22px 38px;gap:28px}.hero h1{font-size:clamp(36px,11vw,48px)}.hero-actions{flex-direction:column}.hero-ai{padding:24px;box-shadow:8px 8px 0 rgba(66,209,174,.2)}.section-block{padding:48px 0}.section-heading{align-items:start;flex-direction:column}.card-grid,.ai-plans{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding-inline:20px}[data-refinancenews-calculator] fieldset{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}