/* Mobile-first refinements. Loaded last so desktop design remains unchanged. */
.front-page-more > summary{display:none}
.calculator-mobile-picker{display:none}

@media (max-width:640px){
	html{scroll-padding-top:78px}
	body{font-size:1rem;line-height:1.58}
	.container{width:min(calc(100% - 1.25rem),var(--container))}
	.section{padding:2.75rem 0}
	.section-heading{margin-bottom:1.5rem}
	.section-heading h2{font-size:clamp(1.75rem,8vw,2.25rem)}
	.section-heading > p{margin-top:.65rem;font-size:.94rem}
	.section-heading--line{padding-bottom:1rem}

	/* Compact masthead without sacrificing search or primary actions. */
	.hero{padding:2.65rem 0 2.4rem}
	.hero__grid{gap:1.75rem}
	.hero h1{font-size:clamp(2.05rem,10vw,2.75rem);line-height:1.08}
	.hero__content > p{font-size:1.05rem;line-height:1.55}
	.hero__actions{display:flex;gap:.55rem;margin-top:1.35rem}
	.hero__actions .button{width:100%;min-height:48px}
	.hero__actions .button--ghost{width:auto;min-height:44px;justify-content:flex-start;padding:.45rem 0;color:#1769aa;background:transparent;border:0;text-decoration:underline;text-underline-offset:.25em}
	.hero-search{padding:1rem;border-radius:.75rem;box-shadow:0 10px 24px rgba(17,24,39,.09)}
	.hero-search .search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}
	.hero-search .search-field{min-height:48px}
	.hero-search .button{min-width:82px;min-height:48px;padding:.65rem .8rem}
	.topic-links{gap:.45rem .65rem}

	/* Trust points become one short, swipeable row instead of three stacked rows. */
	.trust-strip__grid{display:flex;width:auto;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
	.trust-strip__grid > div{flex:0 0 235px;padding:1rem .75rem;scroll-snap-align:start}
	.trust-strip__grid > div + div{border-top:0;border-left:1px solid var(--line)}
	.trust-icon{min-width:34px;height:34px}

	/* Horizontal discovery rows keep useful choices visible without a long page. */
	.mobile-snap-row{display:flex!important;width:auto;gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:.1rem;scroll-snap-type:x mandatory;padding:0 .75rem .75rem 0;margin-right:-.625rem;scrollbar-width:thin}
	.mobile-snap-row > *{flex:0 0 min(82vw,320px);scroll-snap-align:start}
	.home-topics-section .topic-card{min-height:150px}
	.calculator-feature-section .calculator-card{min-height:250px;padding:1.25rem}
	.home-latest-section .post-card,.related-section .post-card{height:auto}
	.home-latest-section .post-card__body,.related-section .post-card__body{padding:1rem}
	.home-latest-section .post-card p,.related-section .post-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}

	/* Collapsible long-form homepage copy remains available without dominating mobile. */
	.front-page-content-section{padding:1.5rem 0}
	.front-page-more{border:1px solid var(--line);border-radius:.7rem;background:#fff}
	.front-page-more > summary{display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:.85rem 1rem;color:var(--navy-950);font-family:var(--font-sans);font-weight:800;cursor:pointer;list-style:none}
	.front-page-more > summary::-webkit-details-marker{display:none}
	.front-page-more > summary::after{content:'+';color:var(--blue-700);font-size:1.4rem}
	.front-page-more[open] > summary::after{content:'−'}
	.front-page-more .entry-content{padding:0 1rem 1rem;font-size:1rem}

	.home-trust-section .credibility{gap:1.5rem}
	.home-trust-section h2{font-size:1.9rem}
	.home-trust-section .trust-panel{padding:1rem;border-radius:.75rem}
	.home-trust-section .editorial-stamp{width:76px;height:76px}

	/* Article headers and repeated elements are condensed on phones. */
	.article-masthead{padding:2rem 0 1.5rem}
	.article-masthead .breadcrumbs{margin-bottom:1.15rem}
	.article-masthead h1{font-size:clamp(2rem,9vw,2.65rem)}
	.article-deck{font-size:1rem;line-height:1.5}
	.article-meta{margin-top:1rem}
	.share-links{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}
	.share-links a{min-height:40px;display:inline-flex;align-items:center}
	.article-layout{padding-top:1.5rem;padding-bottom:3rem}
	.learning-summary{display:none}
	.entry-content{font-size:1.05rem;line-height:1.72}
	.entry-content > * + *{margin-top:1.15em}
	.entry-content h2,.entry-content h3{scroll-margin-top:85px}
	.article-disclaimer,.article-author{margin:2rem 0}
	.related-section .section-heading{margin-bottom:1.25rem}

	/* Archive pages use compact editorial rows rather than full-height stacked cards. */
	body.archive .site-main > .container > .card-grid--3,
	body.blog .site-main > .container > .card-grid--3{display:grid;grid-template-columns:1fr;gap:.85rem}
	body.archive .site-main > .container > .card-grid--3 .post-card,
	body.blog .site-main > .container > .card-grid--3 .post-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:126px}
	body.archive .site-main > .container > .card-grid--3 .post-card__media,
	body.blog .site-main > .container > .card-grid--3 .post-card__media{height:100%;aspect-ratio:auto}
	body.archive .site-main > .container > .card-grid--3 .post-card__body,
	body.blog .site-main > .container > .card-grid--3 .post-card__body{padding:.8rem}
	body.archive .site-main > .container > .card-grid--3 .post-card h3,
	body.blog .site-main > .container > .card-grid--3 .post-card h3{font-size:1rem}
	body.archive .site-main > .container > .card-grid--3 .post-card p,
	body.blog .site-main > .container > .card-grid--3 .post-card p{display:none}
	body.archive .archive-header,.page-header{margin-bottom:2rem}

	/* Calculator picker replaces ten stacked buttons on phones. */
	.calculator-hero{padding:2.25rem 0 1.75rem}
	.calculator-hero .breadcrumbs{margin-bottom:1.25rem}
	.calculator-hero h1{font-size:clamp(2.1rem,10vw,2.8rem)}
	.calculator-hero p{font-size:1rem;line-height:1.55}
	.calculators-page .section{padding-top:1.25rem}
	.calculator-directory{display:none}
	.calculator-mobile-picker{position:sticky;z-index:20;top:68px;display:block;margin:0 0 1.25rem;padding:.75rem;background:#fff;border:1px solid var(--line);border-radius:.65rem;box-shadow:0 8px 22px rgba(17,24,39,.1)}
	.calculator-mobile-picker label{display:block;margin-bottom:.35rem;color:var(--navy-950);font-size:.74rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
	.calculator-mobile-picker select{min-height:48px;padding-right:2.5rem;font-weight:750}
	.calculator-workspace{scroll-margin-top:155px}
	.calculator-shell{gap:1rem}
	.calculator-form,.calculator-results{padding:1rem}
	.calculator-form h2{font-size:1.45rem}
	.calculator-form > p{margin-bottom:1rem}
	.calculator-fields{gap:.8rem}
	.calculator-field input{min-height:46px}
	.result-primary{font-size:2.35rem}
	.calculator-disclaimer{margin-top:1.25rem}

	.newsletter-band{padding:2.5rem 0}
	.newsletter-band__inner{gap:1.25rem}
	.site-footer{padding:2.5rem 0 1.25rem}
	.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
	.footer-brand{grid-column:1/-1}
	.footer-brand p{margin-top:.8rem}
	.footer-bottom{margin-top:2rem}
}

@media (max-width:380px){
	.brand--image{width:165px;height:44px}
	.brand--image img{top:-53px;left:-40px;width:235px}
	.header-actions{gap:.2rem}
	.icon-button,.menu-button{padding:.4rem .45rem}
	.calculator-fields{grid-template-columns:1fr}
}