*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:#24173e;background:#f8f5ff;line-height:1.6}header{border-bottom:1px solid #e4d9f5;background:#fff;padding:14px max(16px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:21px}.brand img{width:38px;height:38px}a{color:#5823bd}header nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}main{max-width:1120px;margin:auto;padding:24px 16px 60px}h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;letter-spacing:-.03em;margin:8px 0 16px}h2{font-size:1.3rem;margin-top:0}h3{font-size:1.05rem}p{max-width:80ch}select,input,button{font:inherit;max-width:100%}input,select{width:100%;padding:12px;border:1px solid #bcb0cc;border-radius:10px;background:#fff;color:#24173e}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d896ff;outline-offset:3px}label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:.92rem}header label{font-size:.8rem}.panel,details,.card{padding:22px;background:white;border:1px solid #e4d9f5;border-radius:20px;margin:20px 0}.inputs{background:linear-gradient(135deg,#fff7ef,#f6f0ff)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span{grid-column:1/-1}button,.button{border-radius:12px;padding:13px 22px;font-weight:700;border:1px solid #cabbdd;background:white;color:#5823bd;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:linear-gradient(120deg,#5823bd,#7135cf 58%,#b34118);color:#fff;border:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.note{color:#655b79;font-size:.92rem}.warning{border-inline-start:4px solid #c15d12;padding:12px 16px;background:#fff8ed}.badge{display:inline-block;color:#87330f;background:#ffeddf;border-radius:99px;padding:5px 12px;font-weight:700;font-size:.82rem}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{padding:16px;background:#f6f0ff;border-radius:14px}.metric strong{display:block;color:#5823bd;font-size:1.6rem}.metric span{font-size:.9rem}summary{cursor:pointer;font-weight:700}details[open] summary{margin-bottom:20px}.error{color:#a22020;font-weight:600}.formula{font-family:ui-monospace,monospace;padding:16px;background:#f3eff9;overflow:auto;font-size:.85rem;white-space:pre-line;direction:ltr;text-align:left}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{margin:0;text-decoration:none;display:block}.card:hover{border-color:#7135cf}.card h2{margin:8px 0}.card p{color:#655b79}.country-links{display:flex;gap:10px;flex-wrap:wrap}.country-links a{padding:8px 12px;border:1px solid #e4d9f5;border-radius:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}footer{padding:20px;text-align:center;border-top:1px solid #e4d9f5}#results{scroll-margin-top:16px}table{border-collapse:collapse;width:100%}th,td{padding:10px;border-bottom:1px solid #e4d9f5;text-align:start}.overflow{overflow:auto}@media(max-width:680px){.grid,.grid.two,.metrics,.cards{grid-template-columns:1fr}.panel,details{padding:18px}.actions>*{flex:1}header{position:static}h1{font-size:1.9rem}}@media print{header,form,.actions,.country-links,footer{display:none}.panel{break-inside:avoid}main{max-width:100%}}
.intro{font-size:1.13rem;color:#655b79}.related{display:grid;gap:12px}.related a{display:block;padding:12px;background:#f6f0ff;border-radius:10px;text-decoration:none}.back{display:inline-block;margin-bottom:18px}.metric strong{font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,2.8vw,1.7rem);overflow-wrap:anywhere}#quote-table{min-width:700px}#quote-table input{min-width:100px}#quote-table th{vertical-align:bottom}#quote-table input[type=text]{min-width:180px}.card{position:relative;padding-inline-end:40px}.card>b{position:absolute;inset-inline-end:18px;top:20px}.note{max-width:100ch}header nav>a{max-width:240px;font-size:.9rem}#results:focus{outline:none}@media print{.back,#language{display:none}#results{display:block!important}body{background:white}}
.entry{border:1px solid #d8cce9;border-radius:14px;padding:18px;margin:18px 0;background:#fff}.entry legend{font-weight:750;color:#5823bd;padding:0 8px}.remove{margin-top:12px;padding:6px 12px;font-size:.85rem}.section-title{margin-top:30px}.title-row,.hub-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hub-meta{margin:24px 0 30px}.hub-meta span{padding:8px 14px;border:1px solid #dfd3ee;border-radius:50px;background:#fff}.skip{position:absolute;left:12px;top:-70px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}#results{scroll-margin-top:20px}#output table{min-width:650px}#output{margin:20px 0}.formula{white-space:pre-wrap;overflow-wrap:anywhere}nav .badge{white-space:nowrap}label{min-width:0}.card{transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5823bd12}@media(max-width:680px){header nav{gap:10px}header nav a{font-size:.85rem}.entry{padding:12px}.entry .grid{gap:12px}.title-row{align-items:flex-start}.actions button{min-width:140px}table{font-size:.88rem}}@media print{#notes{display:block}.entry,.skip,.related{display:none}#output{overflow:visible}#output table{min-width:0}h1{font-size:24px}body{color:#000}details{display:block}}

/* Keep the interactive calculator above explanatory content, especially on phones. */
body.inner-theme{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header .brand{font-family:inherit}.calculator-title{margin:0 0 14px}.calculator-title+form.panel{margin-top:0}.inputs>h2{margin-bottom:16px}.inputs>#fields{margin-top:0}
@media(max-width:680px){header{padding:12px 16px;gap:8px}.brand{font-size:20px}.brand img{width:32px;height:32px}header nav{width:100%;gap:8px 16px}header nav a{font-size:12px;line-height:1.4;text-decoration:none;padding:5px 0}header nav .badge{display:none}main{padding:16px 12px 40px}.calculator-title{font-size:1.55rem;line-height:1.2;margin-bottom:12px}.calculator-title+form.panel{padding:16px;margin-bottom:20px}.inputs>h2{font-size:1.05rem;margin-bottom:14px}.grid{gap:12px}label{font-size:.875rem;line-height:1.4}input,select{padding:11px;font-size:16px}.entry{margin:12px 0}}
