/*
Theme Name: Savings to Wealth
Author: Savings to Wealth
Description: Minimal financial education theme with article hubs and Market Desk compatibility.
Version: 1.6.4
*/
:root{--g:#287353;--gd:#1b5a3f;--p:#f5fbf7;--l:#dce7e0;--i:#17231e;--m:#66736d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--i);font-family:"Google Sans","Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.stw-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--l)}.stw-logo{height:98px;display:flex;justify-content:center;align-items:center}.stw-logo img{width:360px;max-width:75vw;height:90px;object-fit:contain}.stw-nav{height:56px;border-top:1px solid var(--l);display:flex;justify-content:center;gap:40px;overflow-x:auto}.stw-nav a{display:flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:650;color:#506059;position:relative}.stw-nav a:hover{color:var(--g)}.stw-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#48a879;transform:scaleX(0)}.stw-nav a:hover:after{transform:scaleX(1)}.stw-hero{max-width:1400px;margin:auto;padding:95px 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.stw-label{display:inline-block;color:var(--gd);font-size:13px;font-weight:700;letter-spacing:.07em;border-bottom:2px solid #48a879;padding-bottom:9px}.stw-hero h1{font-size:clamp(52px,6.6vw,92px);line-height:.98;letter-spacing:-.055em;margin:28px 0}.stw-hero h1 span{color:var(--g)}.stw-lead{font-size:18px;line-height:1.65;color:var(--m);max-width:650px}.stw-btn{display:inline-block;background:var(--g);color:#fff;padding:15px 20px;border-radius:8px;font-size:13px;font-weight:700;margin-top:20px}.stw-framework{border:1px solid var(--l);border-radius:18px;padding:30px;box-shadow:0 20px 55px rgba(26,84,58,.08)}.stw-framework h2{font-size:24px}.stw-step{display:grid;grid-template-columns:35px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-top:1px solid var(--l)}.stw-step>span{width:30px;height:30px;border:1px solid #ccebdd;border-radius:50%;display:grid;place-items:center;color:var(--g);font-size:9px}.stw-step strong,.stw-step small{display:block}.stw-step small{color:var(--m);margin-top:4px}.stw-step>b{font-size:9px;color:var(--g);background:var(--p);padding:6px}.stw-topics{background:var(--p);border-block:1px solid var(--l);padding:90px 6vw}.stw-section-head{max-width:1380px;margin:0 auto 45px}.stw-section-head h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.04em;margin:20px 0}.stw-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stw-card{background:#fff;border:1px solid var(--l);border-radius:14px;padding:28px;min-height:280px;display:flex;flex-direction:column}.stw-card:hover{border-color:#48a879;transform:translateY(-3px)}.stw-card small{color:var(--g)}.stw-card h3{font-size:30px;margin:38px 0 12px}.stw-card p{color:var(--m);font-size:13px;line-height:1.6}.stw-card b{margin-top:auto;color:var(--gd);font-size:11px}.stw-content{max-width:1180px;margin:auto;padding:80px 5vw}.stw-content h1{font-size:clamp(48px,7vw,88px);color:var(--gd);letter-spacing:-.05em}.stw-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.stw-post{border-top:2px solid #ccebdd;padding:24px 8px;min-height:220px}.stw-post h2{font-size:24px}.stw-post p{color:var(--m);line-height:1.6}.entry-content{line-height:1.75}.stw-footer{background:var(--p);border-top:1px solid var(--l);padding:45px 6vw;display:flex;justify-content:space-between;color:var(--m);font-size:11px}.stw-footer img{width:210px}.wp-site-blocks{padding:0!important}@media(max-width:900px){.stw-hero{grid-template-columns:1fr}.stw-grid,.stw-posts{grid-template-columns:1fr 1fr}.stw-nav{justify-content:flex-start;padding:0 20px}}@media(max-width:600px){.stw-logo{height:80px}.stw-logo img{width:270px}.stw-nav{height:52px;gap:26px}.stw-hero,.stw-topics,.stw-content{padding:65px 20px}.stw-grid,.stw-posts{grid-template-columns:1fr}.stw-step{grid-template-columns:35px 1fr}.stw-step>b{display:none}.stw-footer{display:block}.stw-footer p{margin-top:20px}}
/* Homepage refinement: typographic masthead and Market Desk preview. */
.stw-logo.stw-wordmark{height:112px;font-size:clamp(46px,6vw,78px);font-weight:750;letter-spacing:-.055em;line-height:1;gap:.2em;white-space:nowrap}.stw-wordmark span{color:#082b67}.stw-wordmark b{color:#00a83b}.stw-button{display:inline-flex;align-items:center;gap:40px;background:var(--g);color:#fff;padding:17px 24px;border-radius:10px;font-size:14px;font-weight:700;margin-top:24px;box-shadow:0 12px 30px rgba(40,115,83,.12)}.stw-button:hover{background:var(--gd)}.stw-section-heading{max-width:1380px;margin:0 auto 45px}.stw-section-heading h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.04em;margin:20px 0}.stw-card>span{color:var(--g);font-size:12px}.stw-desk-feature{max-width:1500px;margin:auto;padding:110px 6vw;display:grid;grid-template-columns:.88fr 1.12fr;gap:7vw;align-items:center}.stw-desk-copy h2{font-size:clamp(42px,4.7vw,68px);line-height:1.04;letter-spacing:-.052em;margin:24px 0 18px}.stw-desk-copy>p:not(.stw-label){font-size:18px;line-height:1.72;color:var(--m);max-width:620px}.stw-desk-preview{border:1px solid #d5e5db;border-radius:20px;background:#fff;box-shadow:0 24px 55px rgba(26,84,58,.07);padding:34px}.stw-desk-preview-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5e5db;padding:0 0 24px;letter-spacing:.13em;font-size:12px}.stw-desk-preview-head span{color:var(--g);font-weight:700}.stw-desk-preview-head i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#48a879;margin-right:9px}.stw-desk-preview-body{padding-top:34px}.stw-preview-label{font-size:11px;letter-spacing:.13em;color:var(--m)}.stw-desk-preview h3{font-size:34px;color:var(--g);letter-spacing:-.035em;margin:18px 0 10px}.stw-preview-note{color:var(--m);font-size:12px;letter-spacing:.08em}.stw-levels{border-left:2px solid #ccebdd;margin:30px 0 24px;padding-left:28px;display:grid;gap:10px}.stw-levels>div{min-height:64px;background:var(--p);border:1px solid #e3eee7;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.stw-levels span{font-size:11px;letter-spacing:.1em}.stw-levels b{font-size:24px}.stw-levels .is-market{background:var(--g);color:#fff}.stw-desk-preview small{color:var(--m)}
@media(max-width:900px){.stw-desk-feature{grid-template-columns:1fr;gap:55px}}
@media(max-width:600px){.stw-logo.stw-wordmark{height:82px;font-size:clamp(36px,11vw,48px)}.stw-desk-feature{padding:65px 20px}.stw-desk-preview{padding:22px}.stw-desk-preview-head{align-items:flex-start;gap:12px}.stw-levels{padding-left:12px}.stw-levels>div{padding:0 12px}.stw-levels b{font-size:18px}}

/* Footer refinement: match the white masthead and use a proportional wordmark. */
.stw-footer{background:#fff;padding:48px 6vw;align-items:center}.stw-footer-wordmark{display:inline-flex;align-items:center;gap:.18em;font-size:clamp(28px,2.7vw,42px);font-weight:750;letter-spacing:-.055em;line-height:1;white-space:nowrap}.stw-footer-brand>p{margin:14px 0 0}.stw-footer-note{text-align:right;line-height:1.5;margin:0}
@media(max-width:600px){.stw-footer{padding:40px 20px}.stw-footer-wordmark{font-size:32px}.stw-footer-note{text-align:left;margin-top:26px}}

/* Homepage balance and Market Desk contrast corrections. */
.stw-hero{grid-template-columns:1fr 1fr;gap:5vw}.stw-hero>div:first-child{max-width:720px}.stw-hero h1{font-size:clamp(50px,5.5vw,80px)}.stw-principle{min-height:440px;border:1px solid var(--l);border-radius:22px;background:linear-gradient(145deg,#fff 20%,var(--p));padding:54px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 22px 58px rgba(26,84,58,.07)}.stw-principle h2{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.045em;margin:28px 0 0}.current em,.stw-plan em{color:#fff!important}.stw-plan small{color:#dce7e0!important}.stw-flow-total>span{color:#dce7e0!important}.stw-regime-read b{color:#d8f04c!important}.stw-flow-total small,.stw-regime-read p{color:#dce7e0!important}
@media(max-width:900px){.stw-hero{grid-template-columns:1fr}.stw-principle{min-height:320px}}
@media(max-width:600px){.stw-principle{padding:32px;min-height:280px}.stw-hero h1{font-size:clamp(45px,14vw,64px)}}

/* Keep homepage hero rules from inflating the Market Desk plugin layout. */
.page-id-117 main.stw-content{max-width:none;padding:0}.page-id-117 main.stw-content>h1{display:none}.page-id-117 .entry-content{line-height:normal}.stw-md .stw-hero{max-width:none;padding:46px 48px;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);gap:54px;align-items:center;margin:0 0 28px}.stw-md .stw-hero h1{font-size:clamp(48px,5vw,74px);line-height:.96;margin:24px 0 18px}.stw-md .stw-hero aside{align-self:center}.stw-md .stw-wrap{padding-top:28px}
@media(max-width:760px){.stw-md .stw-hero{padding:32px 24px;grid-template-columns:1fr;gap:26px}.stw-md .stw-hero h1{font-size:clamp(44px,13vw,64px)}.stw-md .stw-wrap{padding-top:20px}}

/* Article tables: editorial treatment built from the theme palette. */
.entry-content .wp-block-table{margin:30px 0;overflow-x:auto}
.entry-content .wp-block-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--l);border-radius:14px;overflow:hidden;font-size:15px;line-height:1.5}
.entry-content .wp-block-table th,.entry-content .wp-block-table td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--l)}
.entry-content .wp-block-table thead th{background:var(--p);color:var(--gd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.entry-content .wp-block-table tbody td{color:var(--i)}
.entry-content .wp-block-table tbody tr:last-child td{border-bottom:0}
.entry-content .wp-block-table th+th,.entry-content .wp-block-table td+td{text-align:right;font-variant-numeric:tabular-nums}
.entry-content .wp-block-table tfoot td{background:var(--p);color:var(--gd);font-weight:700;border-bottom:0;border-top:1px solid var(--l)}
.entry-content .wp-block-table figcaption{margin-top:12px;font-size:13px;color:var(--m);text-align:left}
@media(max-width:640px){.entry-content .wp-block-table table{font-size:14px}.entry-content .wp-block-table th,.entry-content .wp-block-table td{padding:11px 13px}}

/* Article links: green, no underline. Colour and the hover shift carry it. */
.entry-content a{color:var(--g);text-decoration:none;font-weight:600;transition:color .15s ease}
.entry-content a:hover{color:var(--gd);text-decoration:none}
.entry-content a:focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:2px}

/* Calculators archive: a large flat icon per calculator, so the list reads as tools rather than as text. */
.category-calculators .stw-posts{gap:22px;margin-top:40px}
.category-calculators .stw-post{border:1px solid var(--l);border-radius:16px;padding:26px 24px;min-height:0;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.category-calculators .stw-post:hover{border-color:#9ec7b0;box-shadow:0 8px 22px rgba(23,35,30,.07);transform:translateY(-2px)}
.category-calculators .stw-post small{display:none}
.category-calculators .stw-post::before{content:"";display:block;width:56px;height:56px;margin-bottom:20px;background-repeat:no-repeat;background-position:left center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='5' y='2' width='22' height='28' rx='6' fill='%23dbeae2'/%3E%3Crect x='9' y='6' width='14' height='6' rx='2.5' fill='%231b5a3f'/%3E%3Ccircle cx='12.5' cy='18.5' r='2.7' fill='%23f2a93b'/%3E%3Ccircle cx='19.5' cy='18.5' r='2.7' fill='%233fa2c9'/%3E%3Ccircle cx='12.5' cy='25' r='2.7' fill='%23e8705f'/%3E%3Ccircle cx='19.5' cy='25' r='2.7' fill='%232f9e6b'/%3E%3C/svg%3E")}
.category-calculators .stw-post h2{font-size:21px;line-height:1.3;margin:0 0 10px}
.category-calculators .stw-post p{font-size:15px;margin:0 0 16px}
.category-calculators .stw-post>a:last-child{color:var(--g);font-size:14px;font-weight:600}
.category-calculators .stw-post:has(a[href*="/sip-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3.5' y='18' width='7' height='10.5' rx='3.5' fill='%23f2a93b'/%3E%3Crect x='12.5' y='11' width='7' height='17.5' rx='3.5' fill='%233fa2c9'/%3E%3Crect x='21.5' y='3.5' width='7' height='25' rx='3.5' fill='%232f9e6b'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/emergency-fund-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.5 27 6.6v8.9c0 6.5-4.7 11.7-11 14-6.3-2.3-11-7.5-11-14V6.6Z' fill='%233fa2c9'/%3E%3Cpath d='m10.8 16.2 3.5 3.4 7-7.2' fill='none' stroke='%23f2a93b' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/50-30-20-budget-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='6'  width='26' height='5.6' rx='2.8' fill='%231b5a3f'/%3E%3Crect x='3' y='14' width='16' height='5.6' rx='2.8' fill='%23f2a93b'/%3E%3Crect x='3' y='22' width='11' height='5.6' rx='2.8' fill='%233fa2c9'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/net-worth-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%23dbeae2' stroke-width='6'/%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%232f9e6b' stroke-width='6' stroke-dasharray='40.09 29.03' stroke-dashoffset='-0.00' transform='rotate(-90 16 16)'/%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%23f2a93b' stroke-width='6' stroke-dasharray='17.97 51.15' stroke-dashoffset='-40.09' transform='rotate(-90 16 16)'/%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%233fa2c9' stroke-width='6' stroke-dasharray='11.06 58.06' stroke-dashoffset='-58.06' transform='rotate(-90 16 16)'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/debt-payoff-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3.5' y='4'  width='6.4' height='19' rx='3.2' fill='%23e8705f'/%3E%3Crect x='12.8' y='10' width='6.4' height='13' rx='3.2' fill='%23f2a93b'/%3E%3Crect x='22.1' y='16' width='6.4' height='7'  rx='3.2' fill='%232f9e6b'/%3E%3Crect x='3.5' y='26' width='25' height='3.4' rx='1.7' fill='%231b5a3f'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/savings-rate-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='9.5' cy='9.5' r='5' fill='%232f9e6b'/%3E%3Cpath d='M24 6.5 8 25.5' stroke='%23f2a93b' stroke-width='4.2' stroke-linecap='round' fill='none'/%3E%3Ccircle cx='22.5' cy='22.5' r='5' fill='%233fa2c9'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/compound-interest-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4.5 26.5C12 26 17 22 21.5 8' fill='none' stroke='%232f9e6b' stroke-width='3.6' stroke-linecap='round'/%3E%3Ccircle cx='4.5' cy='26.5' r='3.2' fill='%233fa2c9'/%3E%3Ccircle cx='22.6' cy='6.6' r='4.6' fill='%23f2a93b'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/step-up-sip-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2.5'  y='21' width='9' height='7' rx='2.4' fill='%233fa2c9'/%3E%3Crect x='11.5' y='14' width='9' height='7' rx='2.4' fill='%23f2a93b'/%3E%3Crect x='20.5' y='7'  width='9' height='7' rx='2.4' fill='%232f9e6b'/%3E%3C/svg%3E")}
.category-calculators .stw-post:has(a[href*="/lump-sum-vs-sip-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='7' width='11' height='18' rx='3' fill='%23f2a93b'/%3E%3Crect x='18' y='7'  width='11' height='4.6' rx='2.3' fill='%232f9e6b'/%3E%3Crect x='18' y='13.7' width='11' height='4.6' rx='2.3' fill='%233fa2c9'/%3E%3Crect x='18' y='20.4' width='11' height='4.6' rx='2.3' fill='%232f9e6b'/%3E%3C/svg%3E")}
/* Article archives: cards led by a generated graphic. Scoped to the five article
   categories so the Calculators archive keeps its own icon-tile treatment. */
.category-investing .stw-posts,.category-trading .stw-posts,.category-insurance .stw-posts,.category-planning .stw-posts,.category-tax .stw-posts{gap:24px;margin-top:40px}
.category-investing .stw-post,.category-trading .stw-post,.category-insurance .stw-post,.category-planning .stw-post,.category-tax .stw-post{border:1px solid var(--l);border-radius:16px;padding:0;min-height:0;background:#fff;
  display:flex;flex-direction:column;overflow:hidden;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.category-investing .stw-post:hover,.category-trading .stw-post:hover,.category-insurance .stw-post:hover,.category-planning .stw-post:hover,.category-tax .stw-post:hover{box-shadow:0 10px 26px rgba(23,35,30,.10);transform:translateY(-3px)}
.stw-thumb{display:block;line-height:0;border-bottom:1px solid var(--l);background:var(--p)}
.stw-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.category-investing .stw-post small,.category-trading .stw-post small,.category-insurance .stw-post small,.category-planning .stw-post small,.category-tax .stw-post small{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--m);margin:20px 22px 8px}
.category-investing .stw-post h2,.category-trading .stw-post h2,.category-insurance .stw-post h2,.category-planning .stw-post h2,.category-tax .stw-post h2{font-size:19px;line-height:1.32;margin:0 22px 9px}
.category-investing .stw-post p,.category-trading .stw-post p,.category-insurance .stw-post p,.category-planning .stw-post p,.category-tax .stw-post p{font-size:14px;line-height:1.6;color:var(--m);margin:0 22px 16px;flex:1}
.category-investing .stw-post>a:last-child,.category-trading .stw-post>a:last-child,.category-insurance .stw-post>a:last-child,.category-planning .stw-post>a:last-child,.category-tax .stw-post>a:last-child{font-size:13.5px;font-weight:600;margin:0 22px 20px}
@media(max-width:600px){
.category-investing .stw-post small,.category-trading .stw-post small,.category-insurance .stw-post small,.category-planning .stw-post small,.category-tax .stw-post small{margin:16px 18px 7px}
.category-investing .stw-post h2,.category-trading .stw-post h2,.category-insurance .stw-post h2,.category-planning .stw-post h2,.category-tax .stw-post h2{margin:0 18px 8px}
.category-investing .stw-post p,.category-trading .stw-post p,.category-insurance .stw-post p,.category-planning .stw-post p,.category-tax .stw-post p{margin:0 18px 14px}
.category-investing .stw-post>a:last-child,.category-trading .stw-post>a:last-child,.category-insurance .stw-post>a:last-child,.category-planning .stw-post>a:last-child,.category-tax .stw-post>a:last-child{margin:0 18px 16px}
}
.category-investing .stw-post:hover{border-color:#2f9e6b55}
.category-investing .stw-post>a:last-child{color:#2f9e6b}
.category-trading .stw-post:hover{border-color:#3fa2c955}
.category-trading .stw-post>a:last-child{color:#3fa2c9}
.category-insurance .stw-post:hover{border-color:#e8705f55}
.category-insurance .stw-post>a:last-child{color:#e8705f}
.category-planning .stw-post:hover{border-color:#7c6ce055}
.category-planning .stw-post>a:last-child{color:#7c6ce0}
.category-tax .stw-post:hover{border-color:#f2a93b55}
.category-tax .stw-post>a:last-child{color:#f2a93b}

/* News page: the shared page h1 is sized for hero pages and leaves far too
   much air above a list-heavy page. Tighten it without touching other pages. */
.page-id-514 main.stw-content{max-width:1320px;padding:34px 5vw 56px}
.page-id-514 main.stw-content>h1{font-size:clamp(32px,3.6vw,48px);line-height:1.05;margin:0 0 26px}

/* Home page News peek, sitting alongside the Market Desk feature. */
.stw-news-feature{max-width:1500px;margin:auto;padding:0 6vw 110px}
.stw-news-feature h2{font-size:clamp(34px,3.6vw,52px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 34px}
.stw-news-feature .stw-button{margin-top:36px}
@media(max-width:860px){
.stw-news-feature{padding:0 20px 65px}
.page-id-514 main.stw-content{padding:24px 20px 44px}
}

/* No underlines anywhere. Links are carried by colour and weight. */
a,a:hover,a:focus,.entry-content a,.entry-content a:hover{text-decoration:none}

/* Site search: a slim row under the nav, on every page. */
.stw-searchrow{border-bottom:1px solid var(--l);display:flex;justify-content:center;padding:9px 20px;background:#fff}
.stw-search{display:flex;gap:8px;width:100%;max-width:620px}
.stw-search input{flex:1;min-width:0;height:36px;border:1px solid var(--l);border-radius:9px;padding:0 13px;font:inherit;font-size:14px;background:var(--p);color:inherit}
.stw-search input::placeholder{color:#8d9a93}
.stw-search input:focus{outline:2px solid var(--g);outline-offset:1px;border-color:transparent;background:#fff}
.stw-search button{height:36px;padding:0 18px;border:0;border-radius:9px;background:var(--g);color:#fff;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s ease}
.stw-search button:hover{background:var(--gd)}
@media(max-width:600px){
.stw-searchrow{padding:7px 14px}
/* 16px is the floor: iOS Safari zooms the page when a focused input is smaller. */
.stw-search input{height:36px;font-size:16px}
.stw-search button{height:36px;padding:0 13px}
}

/* Search results reuse the archive cards but never look like a category. */
.search .stw-post{border-top-color:#ccebdd}
.search .stw-content>h1{font-size:clamp(30px,3.4vw,46px);margin:0 0 14px;line-height:1.08}
.search .stw-content{padding-top:38px}

/* Pagination: needed once any archive or search passes ten results. */
.stw-content .pagination{margin:38px 0 0;display:flex;justify-content:center}
.stw-content .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.stw-content .nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--l);border-radius:9px;font-size:14px;font-weight:600;color:var(--m)}
.stw-content .nav-links .page-numbers:hover{border-color:#9ec7b0;color:var(--g)}
.stw-content .nav-links .page-numbers.current{background:var(--g);border-color:var(--g);color:#fff}
.stw-content .nav-links .page-numbers.dots{border-color:transparent}
.stw-content .pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Retirement inflation: three circles swelling, distinct from the bar and
   staircase icons already in use. */
.category-calculators .stw-post:has(a[href*="/retirement-inflation-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='5' cy='26' r='3.5' fill='%23f2a93b'/%3E%3Ccircle cx='15' cy='22.5' r='5.5' fill='%23e8705f'/%3E%3Ccircle cx='24' cy='16' r='8' fill='%237c6ce0'/%3E%3C/svg%3E")}

/* Retirement withdrawal: three blocks draining down, so it reads as money
   being spent rather than built. */
.category-calculators .stw-post:has(a[href*="/swp-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='6' width='7' height='22' rx='2' fill='%232f9e6b'/%3E%3Crect x='12' y='14' width='7' height='14' rx='2' fill='%23f2a93b'/%3E%3Crect x='22' y='23' width='7' height='5' rx='2' fill='%23e8705f'/%3E%3C/svg%3E")}

/* NPS: a padlock, because the point of the account is that you cannot
   reach the money until sixty. */
.category-calculators .stw-post:has(a[href*="/nps-tax-benefit-calculator/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 14V10a6 6 0 0 1 12 0v4' fill='none' stroke='%23f2a93b' stroke-width='3.4' stroke-linecap='round'/%3E%3Crect x='5' y='14' width='22' height='15' rx='3' fill='%237c6ce0'/%3E%3Ccircle cx='16' cy='21' r='2.6' fill='%23fff'/%3E%3C/svg%3E")}

/* Home page latest articles, sitting between the topic cards and the Market Desk. */
.stw-latest{max-width:1500px;margin:auto;padding:100px 6vw 0}
.stw-latest .stw-section-heading h2{font-size:clamp(34px,3.6vw,52px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 34px}
.stw-latest .stw-posts{margin-top:0}
@media(max-width:600px){.stw-latest{padding:65px 20px 0}}

/* Phone header. The Market Desk plugin adds the tagline as a pseudo element inside
   the same flex row as the name, which cannot fit beside it on a narrow screen, so
   the row broke and overflowed its fixed height. Lay it out as plain centred text. */
@media(max-width:600px){
  header.stw-header a.stw-logo.stw-wordmark{display:block !important;height:auto;min-height:0;
    padding:12px 14px 10px;font-size:clamp(24px,8.4vw,40px);line-height:1.12;text-align:center;white-space:normal}
  header.stw-header a.stw-logo.stw-wordmark span,
  header.stw-header a.stw-logo.stw-wordmark b{display:inline;white-space:nowrap}
  header.stw-header a.stw-wordmark::after{display:block;padding-left:0;border-left:0;margin-top:7px;text-align:center}
}
