/* UK Mortgage Calculators — main.css */
:root{
	--ukmc-navy:#123a63;
	--ukmc-navy-dark:#0b2645;
	--ukmc-navy-light:#1e4d7d;
	--ukmc-gold:#c9a227;
	--ukmc-gold-light:#e8c65a;
	--ukmc-green:#1a7a40;
	--ukmc-red:#c0392b;
	--ukmc-bg:#f6f8fb;
	--ukmc-card:#ffffff;
	--ukmc-border:#e4e9f2;
	--ukmc-text:#1e293b;
	--ukmc-text-light:#5b6b82;
	--ukmc-radius:12px;
	--ukmc-shadow:0 2px 10px rgba(18,58,99,.06);
	--ukmc-shadow-lg:0 8px 30px rgba(18,58,99,.10);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.ukmc-site{
	margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
	color:var(--ukmc-text);background:var(--ukmc-bg);line-height:1.6;
}
.ukmc-container{max-width:1120px;margin:0 auto;padding:0 20px;}
a{color:var(--ukmc-navy-light);}
img{max-width:100%;}

/* ── Header ─────────────────────────────────────────────────── */
.ukmc-header{background:var(--ukmc-navy);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.12);}
.ukmc-header__inner{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.ukmc-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;font-size:1.05rem;}
.ukmc-logo__text em{font-style:normal;color:var(--ukmc-gold-light);}
.ukmc-nav__list{list-style:none;display:flex;gap:6px;margin:0;padding:0;}
.ukmc-nav__list li a{color:#e8edf5;text-decoration:none;font-weight:600;font-size:.94rem;padding:9px 14px;border-radius:8px;display:block;transition:background .15s;}
.ukmc-nav__list li a:hover,.ukmc-nav__list li.current-menu-item a{background:rgba(255,255,255,.12);color:#fff;}
.ukmc-nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.ukmc-nav-toggle span{width:24px;height:2px;background:#fff;display:block;}

/* ── Hero / homepage ────────────────────────────────────────── */
.ukmc-hero{background:linear-gradient(135deg,var(--ukmc-navy) 0%,var(--ukmc-navy-dark) 100%);color:#fff;padding:64px 20px 56px;text-align:center;}
.ukmc-hero__inner{max-width:760px;margin:0 auto;}
.ukmc-hero h1{font-size:2.3rem;font-weight:800;margin:0 0 14px;}
.ukmc-hero p{font-size:1.1rem;color:#eef2f8!important;margin:0;}
.ukmc-cat-block{max-width:1120px;margin:0 auto;padding:44px 20px 8px;}
.ukmc-cat-block__title{font-size:1.4rem;font-weight:800;color:var(--ukmc-navy);margin:0 0 18px;padding-bottom:10px;border-bottom:3px solid var(--ukmc-gold);display:inline-block;}
.ukmc-cat-intro{max-width:1120px;margin:24px auto 0;padding:0 20px;color:var(--ukmc-text-light);}

.ukmc-calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:8px;}
.ukmc-calc-card{background:var(--ukmc-card);border:1px solid var(--ukmc-border);border-radius:var(--ukmc-radius);padding:18px 18px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--ukmc-text);box-shadow:var(--ukmc-shadow);transition:transform .15s,box-shadow .15s;font-weight:700;border-left:4px solid var(--ukmc-navy);}
.ukmc-calc-card--property{border-left-color:var(--ukmc-green);}
.ukmc-calc-card--money{border-left-color:var(--ukmc-gold);}
.ukmc-calc-card:hover{transform:translateY(-2px);box-shadow:var(--ukmc-shadow-lg);}
.ukmc-calc-card__arrow{color:var(--ukmc-navy-light);font-weight:900;}

.ukmc-why{background:#fff;border-top:1px solid var(--ukmc-border);margin-top:48px;padding:52px 20px;}
.ukmc-why__inner{max-width:1120px;margin:0 auto;}
.ukmc-why h2{font-size:1.5rem;font-weight:800;color:var(--ukmc-navy);text-align:center;margin:0 0 30px;}
.ukmc-why__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;}
.ukmc-why__grid h3{color:var(--ukmc-navy);font-size:1.05rem;margin:0 0 6px;}
.ukmc-why__grid p{color:var(--ukmc-text-light);margin:0;font-size:.95rem;}

/* ── Page header / breadcrumb ──────────────────────────────── */
.ukmc-breadcrumb{max-width:1120px;margin:0 auto;padding:16px 20px 0;}
.ukmc-breadcrumb__list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.85rem;color:var(--ukmc-text-light);}
.ukmc-breadcrumb__item a{color:var(--ukmc-text-light);text-decoration:none;}
.ukmc-breadcrumb__item--current{color:var(--ukmc-navy);font-weight:700;}
.ukmc-page-header{padding:26px 0 6px;}
.ukmc-cat-badge{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:20px;background:var(--ukmc-navy);color:#fff;margin-bottom:10px;}
.ukmc-cat-badge--property{background:var(--ukmc-green);}
.ukmc-cat-badge--money{background:var(--ukmc-gold);color:#3a2e00;}
.ukmc-page-title,.ukmc-calc-page-title{font-size:1.9rem;font-weight:800;color:var(--ukmc-navy);margin:0 0 6px;line-height:1.25;}

/* ── Content typography ────────────────────────────────────── */
.ukmc-page-content{padding-bottom:56px;}
.ukmc-page-content h2{color:var(--ukmc-navy);font-size:1.35rem;font-weight:800;margin:38px 0 12px;}
.ukmc-page-content h3{color:var(--ukmc-navy-light);font-size:1.08rem;font-weight:700;margin:22px 0 8px;}
.ukmc-page-content p{margin:0 0 14px;color:var(--ukmc-text);}
.ukmc-page-content ul{margin:0 0 14px;padding-left:22px;}
.ukmc-page-content li{margin-bottom:6px;}
.ukmc-page-content a{color:var(--ukmc-navy-light);font-weight:600;}

.ukmc-important{background:#fff8e6;border:1px solid #f0dca0;border-left:4px solid var(--ukmc-gold);border-radius:8px;padding:14px 18px;margin:26px 0;font-size:.92rem;color:#5a4a10;}

/* ── FAQ accordion ──────────────────────────────────────────── */
.ukmc-faq{margin:14px 0 30px;}
.ukmc-faq__item{background:#fff;border:1px solid var(--ukmc-border);border-radius:10px;margin-bottom:10px;padding:2px 18px;}
.ukmc-faq__q{cursor:pointer;font-weight:700;color:var(--ukmc-navy);padding:14px 0;list-style:none;}
.ukmc-faq__q::-webkit-details-marker{display:none;}
.ukmc-faq__q::after{content:'+';float:right;font-weight:900;color:var(--ukmc-gold);}
details[open] .ukmc-faq__q::after{content:'−';}
.ukmc-faq__a p{padding-bottom:14px;margin:0;color:var(--ukmc-text-light);}

/* ── Related calculators ───────────────────────────────────── */
.ukmc-related{margin-top:40px;padding-top:28px;border-top:1px solid var(--ukmc-border);}
.ukmc-related__title{font-size:1.15rem;color:var(--ukmc-navy);font-weight:800;margin:0 0 14px;}
.ukmc-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
.ukmc-related__card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--ukmc-border);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--ukmc-text);font-weight:600;font-size:.9rem;}
.ukmc-related__arrow{color:var(--ukmc-gold);font-weight:900;}

/* ── Calculator card (the form itself) ─────────────────────── */
.ukmc-card{background:var(--ukmc-card);border:1px solid var(--ukmc-border);border-radius:16px;padding:26px 26px 30px;box-shadow:var(--ukmc-shadow-lg);margin:24px 0 36px;}
.ukmc-title{font-size:1.3rem;font-weight:800;color:var(--ukmc-navy);margin:0 0 6px;}
.ukmc-desc{color:var(--ukmc-text-light);font-size:.93rem;margin:0 0 22px;}
.ukmc-row{margin-bottom:16px;}
.ukmc-row label{display:block;font-weight:700;font-size:.85rem;color:var(--ukmc-navy);margin-bottom:6px;}
.ukmc-row--checkbox label{display:flex;align-items:center;gap:8px;font-weight:600;}
.ukmc-row input[type=number],.ukmc-row input[type=text],.ukmc-row select{
	width:100%;padding:11px 13px;border:1.5px solid var(--ukmc-border);border-radius:8px;font-size:1rem;
	background:#fafcff;color:var(--ukmc-text);
}
.ukmc-row input:focus,.ukmc-row select:focus{outline:none;border-color:var(--ukmc-navy-light);background:#fff;}
.ukmc-input-group{display:flex;align-items:center;border:1.5px solid var(--ukmc-border);border-radius:8px;background:#fafcff;overflow:hidden;}
.ukmc-input-group input{border:none!important;background:transparent!important;}
.ukmc-prefix,.ukmc-suffix{padding:0 12px;color:var(--ukmc-text-light);font-weight:700;font-size:.9rem;white-space:nowrap;}
.ukmc-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:6px;}
.ukmc-compare-grid--3{grid-template-columns:1fr 1fr 1fr;}
.ukmc-compare-col h3{margin:0 0 12px;color:var(--ukmc-navy);font-size:1rem;}
.ukmc-btn{display:block;width:100%;background:var(--ukmc-navy);color:#fff;border:none;border-radius:9px;font-size:1.02rem;font-weight:800;padding:14px 24px;margin-top:20px;cursor:pointer;transition:background .15s;}
.ukmc-btn:hover{background:var(--ukmc-navy-dark);}
.ukmc-btn--inline{display:inline-block;width:auto;text-decoration:none;}

/* ── Results table ──────────────────────────────────────────── */
.ukmc-result{margin-top:24px;padding-top:20px;border-top:2px solid var(--ukmc-border);}
.ukmc-output-table{width:100%;border-collapse:collapse;}
.ukmc-output-table th{text-align:left;font-weight:700;color:var(--ukmc-navy);padding:11px 8px;border-bottom:1px solid var(--ukmc-border);}
.ukmc-output-table td{text-align:right;font-weight:600;color:var(--ukmc-text);padding:11px 8px;border-bottom:1px solid var(--ukmc-border);}
.ukmc-output-table--compare th,.ukmc-output-table--compare td{text-align:center;}
.ukmc-output-table--compare th:first-child,.ukmc-output-table--compare td:first-child{text-align:left;}
.ukmc-highlight td{color:var(--ukmc-green)!important;font-weight:800!important;}
.ukmc-deduction td{color:var(--ukmc-red)!important;font-weight:700!important;}
.ukmc-section-row td{background:#f3f6fb;font-weight:800;color:var(--ukmc-navy);padding:12px 8px;}
.ukmc-error{background:#fdecea;color:var(--ukmc-red);padding:12px 16px;border-radius:8px;font-weight:600;}
.ukmc-loading{color:var(--ukmc-text-light);padding:10px 0;}

/* ── Footer ─────────────────────────────────────────────────── */
.ukmc-footer{background:var(--ukmc-navy-dark);color:#c7d3e3;margin-top:0;}
.ukmc-footer__inner{max-width:1120px;margin:0 auto;padding:48px 20px 30px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;}
.ukmc-footer__logo.ukmc-logo{color:#fff;}
.ukmc-footer__brand p{font-size:.88rem;color:#93a5bf;margin-top:12px;}
.ukmc-footer h4{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;}
.ukmc-footer ul{list-style:none;margin:0;padding:0;}
.ukmc-footer li{margin-bottom:9px;}
.ukmc-footer a{color:#c7d3e3;text-decoration:none;font-size:.9rem;}
.ukmc-footer a:hover{color:var(--ukmc-gold-light);}
.ukmc-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 20px;max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.8rem;color:#7e8fa8;}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width:820px){
	.ukmc-compare-grid,.ukmc-compare-grid--3{grid-template-columns:1fr;}
	.ukmc-nav{position:fixed;top:62px;left:0;right:0;background:var(--ukmc-navy);max-height:0;overflow:hidden;transition:max-height .25s;}
	.ukmc-nav.ukmc-nav--open{max-height:400px;}
	.ukmc-nav__list{flex-direction:column;padding:10px 20px 20px;}
	.ukmc-nav-toggle{display:flex;}
	.ukmc-footer__inner{grid-template-columns:1fr 1fr;}
	.ukmc-hero h1{font-size:1.7rem;}
}
@media (max-width:500px){
	.ukmc-footer__inner{grid-template-columns:1fr;}
	.ukmc-card{padding:20px 16px 24px;}
}

/* ── Desktop-only: slightly smaller page-content heading + paragraphs (nothing else touched) ── */
@media (min-width:821px){
	.ukmc-page-title,.ukmc-calc-page-title{font-size:1.7rem;}
	.ukmc-page-content p{font-size:18px;}
	.ukmc-page-content .ukmc-desc{font-size:16px;}
}