/* Shared design across all content pages. Local styles retain only layout and behavior. */
:root{--bg:var(--paper);--bg-dark:var(--paper);--bg-card:var(--surface);--primary:var(--paper);--card:var(--surface);--text:var(--ink);--text-muted:var(--ink-3);--accent:var(--bronze);--accent-light:var(--bronze);--success:var(--patina);--warning:var(--rust);--border:var(--line);--silver:var(--bronze);--silver-light:var(--ink);--silver-dark:var(--ink-2);--gold-light:var(--ink);--gold-dark:var(--bronze-d);--secondary:var(--paper-2);--blue:var(--bronze);}

body.ma-site{font-family:var(--sans);font-size:1.0625rem;line-height:1.7;background:var(--paper);background-image:none;color:var(--ink);min-width:0}
.ma-site :is(h1,h2,h3,h4){font-family:var(--serif);color:var(--ink);letter-spacing:-.015em}
.ma-site h1{font-size:clamp(2rem,4.6vw,2.9rem);line-height:1.1}
.ma-site h2{font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.2}
.ma-site h3{font-size:1.3rem;line-height:1.3}
.ma-site :is(p,li){overflow-wrap:break-word}
.ma-site .header{background:var(--surface);padding:14px 0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.ma-site .header .container{max-width:1180px;padding:0 24px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap}
.ma-site .header .logo{color:var(--ink);font-family:var(--serif);font-size:1.4rem;text-decoration:none;display:inline-flex;gap:12px;align-items:center;margin:0}
.ma-site .header .logo-mark{color:var(--surface);background:var(--bronze)}
.ma-site .header .nav{display:flex;gap:6px 22px;flex-wrap:wrap;align-items:center}
.ma-site .header .nav a{font:600 1rem/1.5 var(--sans);margin:0;padding:6px 0;color:var(--ink);text-decoration:none}
.ma-site .header .nav a:hover,.ma-site .header .nav a[aria-current]{color:var(--bronze);text-decoration:underline;text-underline-offset:6px}
.ma-site .footer{margin-top:0;background:var(--ink);padding:44px 0 28px;text-align:left;color:#E8DFCC;font-size:1rem}
.ma-site .footer .container{max-width:1180px;margin:auto;padding:0 24px}
.ma-site .footer :is(h2,h3,h4){font:700 1rem/1.4 var(--sans);color:var(--gold);margin:0 0 14px;padding:0;border:0;text-transform:none;letter-spacing:0}
.ma-site .footer ul{list-style:none;padding:0;margin:0}.ma-site .footer li{margin:0 0 8px}
.ma-site .footer a{color:#E8DFCC;text-decoration:none}.ma-site .footer a:hover{color:var(--gold);text-decoration:underline}
.ma-site .footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:28px}
.ma-site .footer-bottom{color:#CFC4AE;border-color:#5F5547;font-size:.9rem}
.ma-site :is(.breadcrumbs,.breadcrumb){font-family:var(--sans);font-size:.92rem;color:var(--ink-3);line-height:1.6}
.ma-site .breadcrumbs{max-width:1180px;margin:0 auto;padding:14px 24px}
.ma-site :is(.breadcrumbs,.breadcrumb) a{color:var(--ink-3)}
.ma-site :is(.hero,.hero-home,[class$="-hero"]):not(.hm-hero){background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:32px 24px;margin-bottom:28px;color:var(--ink);overflow:hidden}
.ma-site :is(.hero,.hero-home,[class$="-hero"]) :is(h1,h2,h3,p,.subtitle){color:var(--ink)}
.ma-site .hero-home :is(.hero-stat-value,.hero-stat-label){color:var(--ink)}
.ma-site :is(.content,.vm){font-family:var(--sans);font-size:1.0625rem;line-height:1.7;min-width:0}
.ma-site :is(.content,.vm) h2{margin:38px 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}
.ma-site :is(.content,.vm) h3{margin:26px 0 10px}
.ma-site :is(.card,.card-link,.tool-card,.coin-card,.calculator,.calculator-card,.box,.info-section,.out,.result-card){border-color:var(--line);border-radius:14px;color:var(--ink);background:var(--surface);box-shadow:none}
.ma-site .card-link{padding:22px;text-decoration:none;border:1px solid var(--line)}
.ma-site :is(.card-title,.card-desc,.card .title,.tool-card h3,.tool-card p){color:var(--ink)}
.ma-site :is(.result-value,.result-card .value,.amount-eur,.price-value){color:var(--bronze);font-family:var(--serif);font-variant-numeric:tabular-nums}
.ma-site :is(.result,.quick-answer,.intro-box,.info-box,.featured-box,.highlight-box,.cta-card,.result-main){background:var(--paper-2);border-color:var(--line-2);color:var(--ink);border-radius:14px}
.ma-site :is(.btn,button.btn,button.btn-calculate,.tool-btn,.btn-convert,.calculate-btn){font:700 1rem/1.45 var(--sans);min-height:48px;border-radius:12px;background:var(--bronze);color:var(--surface);border:1px solid var(--bronze);padding:12px 22px;text-decoration:none}
.ma-site :is(.btn,.btn-calculate,.tool-btn,.btn-convert,.calculate-btn):hover{background:var(--bronze-d);color:var(--surface)}
.ma-site .btn-outline{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.ma-site .cta-box{background:var(--ink);color:var(--surface)}
.ma-site .cta-box :is(h2,h3,p){color:var(--surface)}
.ma-site .cta-box .btn{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.ma-site .cta-box .btn:hover{background:#F0D49C;color:var(--ink)}
.ma-site :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){font:400 1rem/1.5 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;min-height:46px;padding:10px 12px;max-width:100%}
.ma-site input::placeholder,.ma-site textarea::placeholder{color:var(--ink-3);opacity:1}
.ma-site label{color:var(--ink-2);font-family:var(--sans);line-height:1.5}
.ma-site :is(input,select,textarea):focus{border-color:var(--bronze);outline:2px solid var(--bronze);outline-offset:2px}
.ma-site .direction-btn{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
.ma-site .direction-btn.active{background:var(--bronze);color:var(--surface);border-color:var(--bronze)}
.ma-site :is(.quick-coin,.quick-amount){background:var(--surface);color:var(--ink);border-color:var(--line)}
.ma-site :is(.quick-coin,.quick-amount).selected{background:var(--paper-2);border-color:var(--bronze)}
.ma-site table{font:400 1rem/1.55 var(--sans);background:var(--surface);color:var(--ink)}
.ma-site :is(th,td){padding:13px 14px;border-bottom-color:var(--line)}
.ma-site th{background:var(--ink);color:var(--surface);font-weight:700}
.ma-site tbody tr:hover td{background:var(--paper-2)}
.ma-site :is(.warning-box,.alert,.warn,.result-card.warning){background:var(--rust-bg);color:var(--rust);border-color:#DCA97B}
.ma-site :is(.warning-box,.alert,.warn) a{color:var(--rust)}
.ma-site .faq-question{color:var(--ink);font-family:var(--sans)}
.ma-site .faq-answer{color:var(--ink-2)}
.ma-site .faq-item.open .faq-answer,.ma-site .faq-item.active .faq-answer{display:block}
.ma-site .faq-item.open .faq-question::after,.ma-site .faq-item.active .faq-question::after{content:'−'}
.ma-site .sidebar{align-self:start;top:100px}
.ma-site :is(.sidebar-section,.sidebar-box){background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}
.ma-site .sidebar-section h3{font-size:1.2rem;margin:0 0 12px}
.ma-site .sidebar-links{list-style:none;margin:0;padding:0}
.ma-site .sidebar-links li{margin:0;padding:8px 0;border-bottom:1px solid var(--line)}
.ma-site .ma-related-new h2,.ma-site .ma-cluster-links h2{font-size:1.3rem;line-height:1.35}
.ma-site .ma-cluster-links{background:var(--surface);border-radius:14px}
.ma-site .ad-container{background:transparent;border:0;box-shadow:none}
.ma-tool > main.container{max-width:1000px;padding:32px 24px 56px}
.ma-tool :is(.tool-wrap,.wrap){width:100%;max-width:820px;margin:auto;padding:28px 24px 48px}
.ma-tool .info-section{margin:26px 0;padding:24px;border:1px solid var(--line)}
.ma-tool .info-section h2{font-size:1.5rem;margin-bottom:14px}
.ma-tool .info-section p,.ma-tool .info-section li{font-size:1rem;line-height:1.7}
.ma-tool .info-section ul,.ma-tool .info-section ol{padding-left:24px}
.ma-tool .disclaimer{color:var(--ink-3);font-size:.92rem;border-color:var(--line)}
.ma-main{padding:0 0 48px}
.ma-home .hm-hero{background:transparent;border:0;border-radius:0;overflow:visible}
.ma-home .hm-hero h1{font-size:clamp(2.4rem,6vw,3.6rem)}
.ma-home .hm-trust .big,.ma-home .hm-trust a{color:var(--surface)}
.ma-site :focus-visible{outline:3px solid var(--bronze);outline-offset:3px}
.ma-site :is(h2,h3,section[id]){scroll-margin-top:110px}
@media(max-width:992px){.ma-site .layout-sidebar{grid-template-columns:minmax(0,1fr)}.ma-site .sidebar{position:static}}
@media(max-width:768px){
 .ma-site .header{position:static}.ma-site .header .container{padding:0 18px}
 .ma-site .header .logo{font-size:1.2rem}.ma-site .header .logo-mark{width:36px;height:36px;flex-basis:36px}
 .ma-site .header .nav{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:4px 18px;padding-bottom:4px}
 .ma-site .header .nav a{white-space:nowrap;font-size:.95rem;flex:0 0 auto}
 .ma-site .footer-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .ma-site :is(.container,.breadcrumbs){padding-left:18px;padding-right:18px}
 .ma-site .footer .container{padding-left:18px;padding-right:18px}
 .ma-site :is(.calculator-grid,.calculator-row,.result-cards,.grid-2,.hm-two){grid-template-columns:minmax(0,1fr)}
 .ma-site :is(.tool-wrap,.wrap){padding-left:18px;padding-right:18px}
 .ma-site :is(.hero,.hero-home,[class$="-hero"]):not(.hm-hero){padding:26px 18px}
 .ma-site .content[style]{padding-left:0!important;padding-right:0!important}
 .ma-site .vm-grid3{grid-template-columns:minmax(0,1fr)}
 .ma-site :is(h2,h3,section[id]){scroll-margin-top:20px}
}
@media(max-width:480px){.ma-site :is(.hm-paths,.hm-guides,.grid-3,.cards-grid,.tools-grid,.coins-grid,.hm-coins){grid-template-columns:minmax(0,1fr)}.ma-site .box{padding:20px}.ma-site .calculator{padding:22px 18px}.ma-site .hm-hero{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ma-site *, .ma-site *::before,.ma-site *::after{transition:none!important;animation:none!important}}
@media print{.ma-site .header,.ma-site .footer,.ma-site .ad-container{display:none}.ma-site{background:white;color:black}.ma-site .layout-sidebar{display:block}.ma-site .content{max-width:100%}}
/* Old gradient headings must stay readable on the paper background. */
.ma-site :is(h1,h2,h3,h4,.result-value,.hero-stat-value){-webkit-text-fill-color:currentColor;background-clip:border-box;-webkit-background-clip:border-box}
.ma-site :is(h1,h2,h3,h4){background-image:none}
.ma-site :is(a.btn,button.btn,.btn-calculate,.tool-btn,.btn-convert,.calculate-btn)[style]{background:var(--bronze)!important;color:var(--surface)!important;border-color:var(--bronze)!important}
.ma-site .cta-box .btn[style]{background:var(--gold)!important;color:var(--ink)!important;border-color:var(--gold)!important}
.ma-site .logo-tld{color:var(--bronze)}