/* Shared refinements for reviewed articles and the selected WordPress draft. */
.readable{--sr-site-width:var(--wp--style--global--wide-size,1280px);--sr-site-gutter:40px}
.readable .r-width,.readable .sr-article{width:100%;max-width:var(--sr-site-width);margin-inline:auto!important;padding-inline:var(--sr-site-gutter)}
.readable .sr-article{min-width:0}
@media(max-width:1100px){.readable{--sr-site-gutter:28px}}
@media(max-width:760px){.readable{--sr-site-gutter:20px}}
@media(max-width:390px){.readable{--sr-site-gutter:17px}}
.readable .sr-article h1,.readable .sr-article h2,.readable .sr-article h3{overflow-wrap:anywhere;hyphens:auto}
.readable .sr-article .sr-review-date{font-size:18px;line-height:1.6;color:#425875;margin-bottom:24px}
.readable .sr-article .wp-block-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.readable .sr-article .wp-block-table table{min-width:540px}
.readable .sr-article .wp-block-table figcaption{font-size:18px;line-height:1.6;text-align:left;color:#425875;margin-top:16px;white-space:normal}
.readable .sr-article .wp-block-table:focus-visible{outline:3px solid #174fa5;outline-offset:4px}
.readable .sr-article .sr-table-hint{display:none}
.readable .sr-article .sr-article-illustration{max-width:360px;margin:32px auto}
.readable .sr-article .sr-article-illustration img{display:block;width:100%;height:auto}
.readable .sr-article .calc-heading h2{margin-top:0}
.readable .sr-article .calc-grid{min-width:0}
.readable .sr-article .calc-fields,.readable .sr-article .calc-field,.readable .sr-article .input-wrap{min-width:0}
.readable .sr-article .calc-field label{overflow-wrap:anywhere}
.readable .sr-article .calc-method .formula{overflow-wrap:anywhere;white-space:normal}
.readable .sr-article .wp-block-list{padding-inline-start:1.25em}
.readable .sr-article .wp-block-list li{padding-inline-start:.15em;overflow-wrap:anywhere}
/* Draw the small diagonal arrow without relying on an installed symbol font. */
.readable .calc-submit>span,.readable .result-print>span{display:inline-block;position:relative;width:20px;height:20px;font-size:0!important;flex:0 0 20px}
.readable .calc-submit>span::before,.readable .result-print>span::before{content:"";position:absolute;left:1px;top:10px;width:20px;height:2px;background:currentColor;transform:rotate(-45deg)}
.readable .calc-submit>span::after,.readable .result-print>span::after{content:"";position:absolute;right:1px;top:2px;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}
@media(max-width:760px){
 .readable .r-nav a{display:inline-flex;align-items:center;min-height:44px}
 #wpvibe-preview-banner{padding:6px 8px!important;gap:6px!important;flex-wrap:wrap!important;align-items:center!important}
 #wpvibe-preview-banner .wpvibe-info{display:none!important}
 #wpvibe-preview-banner .wpvibe-badge{font-size:12px!important;white-space:nowrap!important}
 #wpvibe-preview-banner .wpvibe-btn{font-size:12px!important;padding:6px 8px!important;min-height:30px;white-space:nowrap!important}
 .readable .sr-article{padding:32px 20px 48px}
 .readable .sr-article h1{font-size:36px;line-height:1.2}
 .readable .sr-article .sr-review-date{font-size:18px}
 .readable .sr-article .sr-table-hint{display:block;font-size:18px;line-height:1.5;color:#425875;margin-bottom:12px}
 .readable .sr-article .wp-block-table table{font-size:18px}
 .readable .sr-article .wp-block-table figcaption{font-size:18px}
 .readable .sr-article .sr-calculator{padding:24px 18px}
 .readable .sr-article .input-wrap input{min-width:0}
 .readable .sr-article .input-wrap span{flex-shrink:0}
 .readable .sr-article .sr-article-illustration{margin:28px 0}
}
@media(max-width:390px){
 .readable .sr-article{padding-inline:17px}
 .readable .sr-article h1{font-size:32px}
 .readable .sr-article .sr-calculator{padding-inline:14px}
 .readable .sr-article .calc-result{padding-inline:14px}
}
@media print{.readable .sr-article .sr-table-hint{display:none}.readable .sr-article .wp-block-table{overflow:visible}.readable .sr-article .wp-block-table table{min-width:0}}
/* Editorial typography: the shared width is preserved. */
.readable .sr-article{font-size:19px;line-height:1.7}
.readable .sr-article h1{font-size:44px;line-height:1.15}
.readable .sr-article h2{font-size:32px;line-height:1.25}
.readable .sr-article h3{font-size:25px;line-height:1.3}
.readable .r-guide p,.readable .r-method-columns p{font-size:20px}
/* Visible interaction for editorial links, including keyboard focus. */
.readable .sr-article a{color:#174fa5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s,background-color .15s}
.readable .sr-article a:hover{color:#10366f;background-color:#e6efff;text-decoration-thickness:2px}
.readable .sr-article a:focus-visible,.readable .sr-disclosure>summary:focus-visible{outline:3px solid #174fa5;outline-offset:4px;border-radius:3px}
/* Native details blocks stay editable and work without JavaScript. */
.readable .sr-faq{margin-top:52px;margin-bottom:36px}
.readable .sr-faq>h2{margin-top:0}
.readable .sr-disclosure{border:1px solid #ccd9ec;border-radius:12px;background:#fff;margin:12px 0;overflow:visible}
.readable .sr-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:64px;padding:18px 22px;font-size:19px;font-weight:700;line-height:1.4;color:#182b43}
.readable .sr-disclosure>summary::-webkit-details-marker{display:none}
.readable .sr-disclosure>summary::after{content:'+';font-size:28px;font-weight:400;line-height:1;flex:0 0 24px;text-align:center;color:#174fa5}
.readable .sr-disclosure[open]>summary::after{content:'−'}
.readable .sr-disclosure>summary:hover{background:#edf4ff;border-radius:11px}
.readable .sr-disclosure[open]>summary{border-bottom:1px solid #dde6f3;background:#f5f8fd;border-radius:11px 11px 0 0}
.readable .sr-disclosure>p,.readable .sr-disclosure>ul,.readable .sr-disclosure>ol{margin:18px 22px 22px;font-size:19px;line-height:1.7}
.readable .sr-sources{background:#f5f8fd;margin-top:32px}
.readable .sr-sources>p,.readable .sr-sources>ul{font-size:18px;color:#425875}
.readable .sr-sources a{overflow-wrap:anywhere}
.readable .sr-home-faq{padding-top:56px;padding-bottom:56px}
/* A substantial, editable footer with clear navigation and a calm blue field. */
.readable .sr-footer{background:#142b49;color:#f7faff;margin-top:0}
.readable .sr-footer-inner{padding-top:64px;padding-bottom:28px}
.readable .sr-footer-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;padding-bottom:40px;border-bottom:1px solid #46607e}
.readable .sr-footer-eyebrow{grid-column:1/-1;font-size:14px;font-weight:700;letter-spacing:.1em;color:#abc9f3;margin-bottom:16px}
.readable .sr-footer-title{font-size:38px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.readable .sr-footer-description{max-width:490px;font-size:20px;color:#d3e0f2;align-self:end}
.readable .sr-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:44px 0}
.readable .sr-footer .r-logo{font-size:25px;white-space:nowrap}
.readable .sr-footer .r-logo a{color:#fff}
.readable .sr-footer .r-logo span{color:#bed3f0}
.readable .sr-footer-brand>p:not(.r-logo){font-size:18px;color:#d3e0f2;margin-top:16px}
.readable .sr-footer-column h2{font-size:20px;line-height:1.35;margin:0 0 18px}
.readable .sr-footer-column p{font-size:18px;line-height:1.55;margin:10px 0;color:#d3e0f2}
.readable .sr-footer a{color:inherit;text-decoration:none;text-underline-offset:5px}
.readable .sr-footer a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px}
.readable .sr-footer a:focus-visible{outline:3px solid #b5d4ff;outline-offset:4px;border-radius:3px}
.readable .sr-footer .sr-footer-cta a{display:inline-block;border-bottom:1px solid #88aedf;padding-bottom:7px;color:#fff;font-weight:700}
.readable .sr-footer-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:24px 0;border-top:1px solid #46607e;border-bottom:1px solid #46607e}
.readable .sr-footer-principles p{font-size:17px;line-height:1.6;color:#d3e0f2}
.readable .sr-footer-principles strong{color:#fff}
.readable .sr-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px}
.readable .sr-footer-bottom p{font-size:16px;color:#d3e0f2}
.readable .sr-footer-legal{display:flex;flex-wrap:wrap;gap:24px}
@media(max-width:1100px){.readable .sr-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:760px){
 .readable .sr-article{font-size:18px}
 .readable .sr-article h1{font-size:32px}
 .readable .sr-article h2{font-size:28px}
 .readable .sr-article h3{font-size:23px}
 .readable .r-guide p,.readable .r-method-columns p{font-size:19px}
 .readable .sr-disclosure>summary{font-size:18px;padding:16px;gap:12px}
 .readable .sr-disclosure>p,.readable .sr-disclosure>ul,.readable .sr-disclosure>ol{font-size:18px;margin:16px}
 .readable .sr-sources>p,.readable .sr-sources>ul{font-size:17px}
 .readable .sr-home-faq{padding-top:40px;padding-bottom:40px}
 .readable .sr-footer-inner{padding-top:40px}
 .readable .sr-footer-intro{grid-template-columns:1fr;gap:20px;padding-bottom:30px}
 .readable .sr-footer-eyebrow{margin-bottom:0}
 .readable .sr-footer-title{font-size:32px}
 .readable .sr-footer-description{font-size:19px}
 .readable .sr-footer-grid{padding:32px 0;gap:28px}
 .readable .sr-footer-brand{grid-column:1/-1}
 .readable .sr-footer-column:last-child{grid-column:1/-1}
 .readable .sr-footer-column h2{font-size:19px}
 .readable .sr-footer-column p{font-size:17px}
 .readable .sr-footer-column a{display:inline-block;padding-block:6px}
 .readable .sr-footer-principles{grid-template-columns:1fr;gap:18px}
 .readable .sr-footer-bottom{align-items:start;flex-direction:column;gap:16px}
 .readable .sr-footer-legal a{display:inline-block;padding-block:10px}
}
@media(max-width:390px){.readable .sr-article h1{font-size:30px}.readable .sr-footer .r-logo{font-size:23px}}
@media(prefers-reduced-motion:reduce){.readable .sr-article a{transition:none}}
@media print{.readable .sr-disclosure>p,.readable .sr-disclosure>ul{display:block!important}.readable .sr-footer{display:none}}
/* Title image immediately below H1; native image block remains editable. */
.readable .sr-article .sr-title-image{margin:0 0 28px;max-width:100%;background:#f3f7fd;border:1px solid #dce6f3;border-radius:14px;overflow:hidden}
.readable .sr-article .sr-title-image img{display:block;width:100%;height:340px;object-fit:contain;object-position:center;background:#edf4ff}
.readable .sr-article .sr-title-image figcaption{padding:10px 18px;margin:0;font-size:15px;line-height:1.5;background:#fff;color:#425875}
.readable .sr-article .sr-inline-image{margin:36px auto;max-width:850px}
.readable .sr-article .sr-inline-image img{display:block;width:100%;height:auto;border-radius:12px}
.readable .sr-article .sr-inline-image figcaption{margin-top:12px;font-size:17px;line-height:1.6;color:#425875}
.readable .sr-article [id]{scroll-margin-top:24px}
@media(max-width:760px){.readable .sr-article .sr-title-image{margin-bottom:24px}.readable .sr-article .sr-title-image img{height:220px}.readable .sr-article .sr-inline-image{margin:28px 0}.readable .sr-article .sr-inline-image figcaption{font-size:16px}}
@media(max-width:390px){.readable .sr-article .sr-title-image img{height:190px}}


/* Editable guide overview and search results. */
.sr-guides-query .wp-block-post-template>li{border:1px solid #ccd9ec;border-radius:14px;padding:24px;background:#fff;min-width:0}
.readable .sr-guides-query .wp-block-post-title{font-size:25px;line-height:1.3;margin-top:0}
.sr-guides-query .wp-block-query-pagination{gap:14px;flex-wrap:wrap;margin-top:30px}
.sr-guides-search{margin:28px 0 36px}.sr-guides-search .wp-block-search__inside-wrapper{gap:12px}
.sr-guides-search .wp-block-search__input{font:inherit;min-width:0;border:1px solid #ccd9ec;border-radius:8px;padding:12px}
.sr-guides-search .wp-block-search__button{font:inherit;background:#174fa5;color:#fff;border:0;border-radius:8px;padding:12px 18px}
@media(max-width:760px){.sr-guides-query .wp-block-post-template.is-layout-grid{grid-template-columns:1fr}.sr-guides-query .wp-block-post-template>li{padding:20px}.readable .sr-guides-query .wp-block-post-title{font-size:23px}}

/* Complianz consent controls — Weitblick brand palette. */
.cmplz-cookiebanner,#cmplz-manage-consent{
 --cmplz_banner_background_color:#fff;
 --cmplz_banner_border_color:#ccd9ec;
 --cmplz_banner_border_width:1px;
 --cmplz_banner_border_radius:16px;
 --cmplz_text_color:#182b43;
 --cmplz_hyperlink_color:#174fa5;
 --cmplz_title_font_size:20px;
 --cmplz_text_font_size:16px;
 --cmplz_text_line_height:1.55;
 --cmplz_link_font_size:14px;
 --cmplz_category_body_font_size:15px;
 --cmplz_category_header_title_font_size:16px;
 --cmplz_category_header_active_font_size:14px;
 --cmplz_category_header_always_active_color:#174fa5;
 --cmplz_button_accept_background_color:#174fa5;
 --cmplz_button_accept_border_color:#174fa5;
 --cmplz_button_accept_text_color:#fff;
 --cmplz_button_deny_background_color:#fff;
 --cmplz_button_deny_border_color:#174fa5;
 --cmplz_button_deny_text_color:#174fa5;
 --cmplz_button_settings_background_color:#edf4ff;
 --cmplz_button_settings_border_color:#ccd9ec;
 --cmplz_button_settings_text_color:#174fa5;
 --cmplz_button_border_radius:10px;
 --cmplz_button_font_size:16px;
 --cmplz_slider_active_color:#174fa5;
 --cmplz_slider_inactive_color:#ccd9ec;
 --cmplz_slider_bullet_color:#fff;
 font-family:"Atkinson Hyperlegible",Arial,sans-serif!important;
 color:#182b43;
}
.cmplz-cookiebanner{box-sizing:border-box;max-width:calc(100vw - 24px)!important;box-shadow:0 12px 40px #182b4326!important}
.cmplz-cookiebanner .cmplz-body{min-width:0!important}
.cmplz-cookiebanner .cmplz-header{grid-template-columns:36px minmax(0,1fr) 28px;gap:12px}
.cmplz-cookiebanner .cmplz-logo:empty:before{content:"";display:block;width:32px;height:32px;background:url("./calculator-mark.svg") center/contain no-repeat}
.cmplz-cookiebanner .cmplz-title{display:block!important;justify-self:start;font-weight:700;line-height:1.25}
.cmplz-cookiebanner .cmplz-btn{font-family:inherit!important;font-weight:700!important;line-height:1.3!important;min-height:48px;height:auto!important;white-space:normal;transition:background-color .16s,border-color .16s,color .16s}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{background:#123f84!important;border-color:#123f84!important}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{background:#dce9fc!important;border-color:#174fa5!important;color:#123f84!important}
.cmplz-cookiebanner .cmplz-links a{color:#174fa5!important;text-underline-offset:3px}
.cmplz-cookiebanner .cmplz-links a:hover{text-decoration:underline!important;color:#123f84!important}
.cmplz-cookiebanner .cmplz-categories .cmplz-category{background:#edf4ff;border:1px solid #ccd9ec;border-radius:10px}
.cmplz-cookiebanner .cmplz-category-title{font-weight:700!important}
.cmplz-cookiebanner .cmplz-divider{border-color:#ccd9ec!important}
.cmplz-cookiebanner :is(button,a,[role="button"],input):focus-visible,#cmplz-manage-consent .cmplz-manage-consent:focus-visible{outline:3px solid #174fa5!important;outline-offset:3px!important}
#cmplz-manage-consent .cmplz-manage-consent{background:#174fa5!important;color:#fff!important;border-color:#174fa5!important;font-family:"Atkinson Hyperlegible",Arial,sans-serif!important;font-size:14px;font-weight:700;border-radius:10px 10px 0 0;box-shadow:0 4px 18px #182b4326}
#cmplz-manage-consent .cmplz-manage-consent:hover{background:#123f84!important}
@media(max-width:600px){
 .cmplz-cookiebanner .cmplz-buttons{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .cmplz-cookiebanner .cmplz-btn{width:100%!important}
 .cmplz-cookiebanner .cmplz-title{font-size:18px}
 .cmplz-cookiebanner .cmplz-header{grid-template-columns:30px minmax(0,1fr) 24px;gap:8px}
 .cmplz-cookiebanner .cmplz-logo:empty:before{width:28px;height:28px}
}




/* Form modes share the established readable input geometry. */
.readable .sr-calculator .calc-field[hidden]{display:none!important}
.readable .sr-calculator .calc-field:has(select){grid-column:1/-1}
.readable .sr-calculator select{font:inherit;font-size:20px;font-weight:700;line-height:1.4;color:#182b43;background:#fff;border:0;border-radius:10px;min-height:62px;width:100%;min-width:0;padding:14px 16px;white-space:normal}
.readable .sr-calculator select:focus-visible{outline:3px solid #174fa5;outline-offset:-3px}
.readable .sr-calculator .calc-fields{align-items:end}
.readable .sr-calculator .calc-field{display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.readable .sr-calculator .calc-result .result-legend,.readable .sr-calculator .calc-result .result-legend span{color:#425875}
.readable .sr-calculator .calc-privacy,.readable .sr-calculator .input-wrap span{color:#425875}
.cmplz-cookiebanner{--cmplz_slider_inactive_color:#63758f}
@media(max-width:760px){.readable .sr-calculator select{font-size:18px;min-height:58px;padding:13px 12px}}
