@font-face{font-family:Inter;src:url("schriften/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* Keep light lettering on the dark introduction above shared site heading rules. */
@layer karalus-blog-fixes{
html body #blog-content .intro-band{background:#173c3c!important;color:#fff!important}
html body #blog-content .intro-band :is(h2,h3,p,li,strong,label,.listen-icon,.listen-status){color:#fff!important;opacity:1!important}
html body #blog-content .intro-band .listen-controls button{color:#fff!important;background:#173c3c!important;border-color:#fff!important}
html body #blog-content .intro-band .listen-controls button:disabled{color:#e0e8e4!important;opacity:1!important;border-color:#a8bbb5!important}
html body #blog-content .intro-band .listen-controls :is(select,option){color:#173c3c!important;background:#fff!important}
}
#blog-content{--paper:#f4f5f0;--ink:#3f3b36;--green:#173c3c;--sand:#e4d1b5;--orange:#ef804b;background:var(--paper);color:var(--ink);font:18px/1.8 Inter,"Segoe UI",Arial,sans-serif}
@scope (#blog-content){

:root{--paper:#f4f5f0;--ink:#3f3b36;--green:#173c3c;--sand:#e4d1b5;--orange:#ef804b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 Inter,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:var(--green);text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}:focus-visible{outline:3px solid #d77945;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3{color:var(--green);font-weight:700;line-height:1.18}h1{font-size:54px;letter-spacing:-1.8px;margin:18px 0 25px}h2{font-size:34px;margin:0 0 24px;padding-top:20px}h3{font-size:24px;margin:30px 0 16px}p{margin:0 0 24px}ul{padding-left:25px;margin:0 0 24px}li{padding-left:4px;margin-bottom:13px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:5px;left:5px;background:white;padding:12px;z-index:100}.draft{font-size:11px;line-height:24px;text-align:center;background:#e6e9e1;color:#34504a}.site-header{position:sticky;top:0;z-index:10;background:#f4f5f0f5;backdrop-filter:blur(12px);box-shadow:0 1px 0 #173c3c18}.headwrap{max-width:1120px;margin:auto;min-height:78px;display:flex;align-items:center;gap:32px;padding:8px 20px}.logo{width:120px;height:62px;object-fit:contain}.phone{margin-left:auto;display:flex;gap:13px;font-size:14px;text-decoration:none;align-items:center}.phone strong{font-size:17px}.headwrap button{border:1px solid #b8c6bd;background:transparent;color:var(--green);border-radius:8px;padding:9px 15px;font-size:15px}#nav{padding:22px max(24px,calc((100% - 1080px)/2));display:flex;gap:24px;flex-wrap:wrap;background:#e9ece5;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--orange);color:#07384d;font-size:16px;font-weight:700;text-decoration:none;padding:13px 24px;border-radius:8px;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #173c3c18;background:#f39366}.opening{max-width:1440px;margin:auto;padding:100px 2% 90px;display:grid;grid-template-columns:1fr 1fr;gap:7.3%;align-items:center}.opening-copy{position:relative}.opening-copy:after{content:"";position:absolute;top:-60px;bottom:-35px;right:-7.5%;border-right:1px dashed #d6ddd1}.meta{display:flex;gap:20px;align-items:center;font-size:14px;line-height:1.4;margin:10px 0 22px}.category{display:inline-block;border-radius:20px;background:var(--green);color:#fff;padding:7px 17px;font-weight:700;letter-spacing:.5px;font-size:12px}.author{border-bottom:1px solid #dce0d6;padding-bottom:20px;font-size:14px;margin:0 0 22px}.opening-lead{font-size:20px;line-height:1.6;color:#5f5b55}.opening-lead p{margin-bottom:14px}.opening-photo{min-width:0}.split-photo{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:26px;box-shadow:0 18px 25px #173c3c18;isolation:isolate;background:#d3dedb}.split-photo>img,.split-wood img{width:100%;height:100%;object-fit:cover}.split-wood{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}.split-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;transform:translateX(-1px);pointer-events:none}.split-line b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:white;color:var(--green);width:42px;height:42px;border-radius:50%;box-shadow:0 2px 12px #0003;font-size:22px}.split-photo input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize}.split-photo:focus-within{outline:3px solid var(--orange);outline-offset:5px}.photo-label{position:absolute;bottom:12px;background:#173c3cda;color:white;padding:4px 9px;border-radius:4px;font-size:11px;pointer-events:none}.photo-label.left{left:12px}.photo-label.right{right:12px}.opening-photo figcaption{font-size:12px;line-height:1.55;margin-top:17px;max-width:580px}.intro-band{background:var(--green);color:#eeeae1;padding:65px 2%;margin-bottom:0}.intro-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9%}.intro-band h2{font-size:19px;color:white;padding:0;margin:0 0 17px}.intro-band h3{color:white;font-size:24px;margin:12px 0}.intro-band p,.intro-band ul{font-size:16px;line-height:1.6;margin-bottom:19px}.listen{align-self:start;padding:15px 15px 0 0}.listen-icon{font-size:38px;line-height:1}.listen-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:25px}.listen-controls button{border:1px solid #c2cfc7;border-radius:5px;background:transparent;color:white;padding:8px 13px;font-size:14px}.listen-controls label{font-size:13px;display:flex;gap:8px;align-items:center}.listen-controls select{font-size:13px;padding:8px;color:#173c3c;background:#f4f5f0;border-radius:4px}.listen .listen-status{font-size:12px;margin-top:17px;opacity:.8}.photo-ribbon{padding-top:0}.ribbon-window{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ribbon-track{display:flex;gap:16px;width:max-content;animation:ribbon 55s linear infinite}.ribbon-track .photo-button{width:calc((100vw - 64px)/5);height:190px;flex-shrink:0}.photo-button{display:block;background:transparent;padding:0;border:0;overflow:hidden;position:relative}.photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.photo-button:hover img{transform:scale(1.045)}.photo-button:after{content:"↗";position:absolute;bottom:10px;right:10px;background:#f4f5f0e8;color:#173c3c;width:28px;height:28px;border-radius:50%;font-size:15px;line-height:28px;opacity:0;transition:opacity .25s}.photo-button:hover:after,.photo-button:focus-visible:after{opacity:1}.ribbon-window:hover .ribbon-track,.ribbon-window:focus-within .ribbon-track,.photo-ribbon.paused .ribbon-track{animation-play-state:paused}.ribbon-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;padding:12px 2%}.ribbon-caption button{border:0;background:transparent;color:#173c3c;text-decoration:underline;font-size:11px;padding:5px}.visual-compare{padding:100px 2% 60px;max-width:1280px;margin:auto}.vs-head{display:grid;grid-template-columns:1fr 220px 1fr;align-items:center;text-align:center}.vs-head>span{font-size:18px}.vs-head strong{font-size:60px;line-height:1.2;font-weight:800}.compare-note{text-align:center;font-size:12px;margin:18px 0 40px;color:#68756e}.compare-row{display:grid;grid-template-columns:1fr 220px 1fr;gap:20px;align-items:center;min-height:110px}.compare-row h3{font-size:16px;font-weight:500;line-height:1.25;text-align:center;margin:0;color:#3f3b36}.compare-value{position:relative;padding:13px 20px;font-size:14px;line-height:1.4;overflow:hidden;background:#e5e8df;border-radius:22px;text-align:center;color:#173c3c;isolation:isolate}.compare-value:before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transition:transform 1.2s ease;background:linear-gradient(90deg,#e7c19a66,#b6cbb666);transform-origin:right}.compare-value.alu:before{transform-origin:left;background:linear-gradient(90deg,#b6cbb666,#8ebbb266)}.compare-row.in-view .compare-value:before{transform:scaleX(1)}.reading-column{max-width:760px;margin:0 auto;padding:0}.reading-column section{padding:30px 0 0;margin:0 0 35px}.reading-column h2{padding-top:20px;scroll-margin-top:110px}.reading-column h3{font-size:24px;line-height:1.4}.reading-column p,.reading-column li{font-size:18px;line-height:1.8}.reading-column blockquote{margin:48px 0;padding:26px 30px;background:var(--green);color:#f7f5f0;border-left:4px solid #c7ab85;font-size:20px;line-height:1.6;border-radius:5px}.reading-column blockquote strong{display:block;margin-bottom:8px}.body-photo{margin:45px 0}.body-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}.body-photo .photo-button{width:100%;border-radius:18px}.body-photo figcaption{font-size:12px;line-height:1.55;padding-top:13px}.cost-tool{border-top:1px solid #c8d1c6;border-bottom:1px solid #c8d1c6;padding:22px 0;margin:35px 0}.cost-tool summary{font-weight:700;color:var(--green);cursor:pointer}.cost-tool p{font-size:14px;margin-top:20px}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cost-grid fieldset{border:1px solid #cbd4c7;padding:15px;border-radius:6px;margin:0;min-width:0}.cost-grid legend{font-weight:700;color:#173c3c}.cost-grid label,.cost-years{display:grid;gap:5px;font-size:13px;margin-bottom:15px}.cost-grid input,.cost-years input{border:1px solid #a5b4a9;border-radius:4px;background:white;width:100%;min-width:0;padding:9px;color:#173c3c;font-size:16px}.cost-years{margin-top:20px;max-width:220px}.cost-result{display:block;font-size:16px;padding:20px;background:#e8ecdf;border-radius:4px;white-space:pre-line;line-height:1.7}.cost-tool small{font-size:12px;display:block;margin-top:15px}.photo-mosaic{max-width:1280px;margin:55px auto 70px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.photo-mosaic>.photo-button{grid-column:span 2;aspect-ratio:16/9;border-radius:8px}.photo-mosaic>.photo-button:nth-child(4){grid-column:2/span 2}.photo-mosaic>.photo-button:nth-child(5){grid-column:4/span 2}.gallery-caption{grid-column:1/-1;font-size:12px;text-align:center;margin:0 20px}.priority-list{margin:35px 0}.priority-item{padding:22px 0;border-bottom:1px solid #d5dbd0}.priority-item label{display:flex;align-items:flex-start;gap:16px;cursor:pointer;line-height:1.6}.priority-item input{width:21px;height:21px;flex-shrink:0;margin-top:5px;accent-color:var(--green)}.priority-item .hint{display:block;margin:10px 0 0 37px;font-size:14px;color:#647265}.priority-result{padding:25px 30px;background:#e7ebdf;border-radius:8px;margin:35px 0}.priority-result h3{margin-top:0}.priority-result p,.priority-result li{font-size:16px}.priority-result ul:empty{display:none}.checklist-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:45px}.plain-button{border:0;color:var(--green);background:transparent;text-decoration:underline;font-size:14px}.sources{border-top:1px solid #cdd6c8;padding-top:30px!important}.sources h2{font-size:22px}.sources p,.sources li{font-size:13px;line-height:1.7}.sources a{overflow-wrap:anywhere}.contact-band{display:grid;grid-template-columns:1fr 1.5fr;gap:6%;padding:70px max(25px,calc((100% - 1120px)/2));background:#dde4d7;margin-top:80px;align-items:center}.contact-band h2{font-size:32px}.contact-band p{font-size:16px}.contact-band .button{margin-bottom:25px}.contact-picture img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px}footer{background:#173c3c;color:#eeeae1;padding:50px 24px 25px;font-size:14px}footer a{color:#eeeae1}footer p{font-size:14px;line-height:1.7;margin:12px 0}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.footgrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:45px}.legal{border-top:1px solid #71847c;font-size:12px;margin-top:30px;padding-top:20px}.portal{padding:70px 0}.portal h1{max-width:900px}.portal .lead{font-size:21px}.teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;background:white;padding:28px;margin-top:40px;border-radius:10px}.teaser-image{display:block}.teaser-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.teaser h2{font-size:32px}.teaser p{font-size:17px}.teaser-title{color:inherit;text-decoration:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.small{font-size:12px!important}.bridge{padding:25px 0 50px}.back{font-size:14px}.copy{padding:10px}.progress{position:fixed;z-index:15;top:0;left:0;height:3px;width:100%;background:var(--orange);transform-origin:left;transform:scaleX(0);pointer-events:none}
dialog{padding:0;border:0;background:transparent;color:white;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;overflow:hidden}dialog::backdrop{background:#000e}.lightbox-shell{height:100%;position:relative;padding:25px 70px 110px;display:grid;place-items:center}.lightbox-shell figure{max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;min-height:0}.lightbox-shell figure img{max-height:calc(100dvh - 190px);width:auto;max-width:100%;object-fit:contain;animation:image-in .25s ease}.lightbox-shell figcaption{font-size:13px;line-height:1.5;text-align:center;margin-top:13px;max-width:900px}.lightbox-shell>button{background:transparent;color:white;border:0;position:absolute;font-size:52px;padding:10px;line-height:1}.lightbox-shell #lightbox-close{right:15px;top:10px;font-size:40px}.lightbox-shell #lightbox-prev{left:13px;top:45%}.lightbox-shell #lightbox-next{right:13px;top:45%}#lightbox-thumbs{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;max-width:90vw;overflow:auto;padding:5px}#lightbox-thumbs button{border:2px solid transparent;flex-shrink:0;width:70px;height:55px;padding:0;background:#333;opacity:.55}#lightbox-thumbs button[aria-current="true"]{border-color:var(--orange);opacity:1}#lightbox-thumbs img{width:100%;height:100%;object-fit:cover}
@keyframes ribbon{to{transform:translateX(-50%)}}@keyframes image-in{from{opacity:.25}to{opacity:1}}
@media(min-width:1550px){.opening{padding-left:30px;padding-right:30px}}@media(max-width:1000px){h1{font-size:43px}.opening{gap:7%;padding-top:70px}.vs-head,.compare-row{grid-template-columns:1fr 180px 1fr}.reading-column{max-width:760px;width:calc(100% - 48px)}.intro-grid{gap:6%}.ribbon-track .photo-button{width:270px}.contact-band{grid-template-columns:1fr 1.2fr}.phone{gap:4px;flex-direction:column;line-height:1.4}.opening-copy:after{right:-7%}}@media(max-width:700px){html{scroll-padding-top:95px}.opening{display:flex;flex-direction:column;gap:35px;padding:45px 20px 45px}.opening-copy:after{display:none}.opening-copy,.opening-photo{width:100%}h1{font-size:37px;letter-spacing:-1px;line-height:1.13;margin-top:20px}h2{font-size:29px}h3{font-size:22px}.opening-lead{font-size:18px}.meta{font-size:12px;gap:12px;flex-wrap:wrap}.category{font-size:10px}.author{font-size:12px}.opening-photo figcaption{font-size:11px}.intro-band{padding:35px 20px}.intro-grid{grid-template-columns:1fr;gap:38px}.listen{padding:0 0 30px;border-bottom:1px solid #678077}.ribbon-track .photo-button{width:240px;height:170px}.ribbon-caption{align-items:flex-start;padding:12px 20px;font-size:10px}.ribbon-caption>span{max-width:65%}.ribbon-caption button{font-size:10px;line-height:1.4;text-align:right}.visual-compare{padding:55px 18px 30px}.vs-head{grid-template-columns:1fr 70px 1fr}.vs-head strong{font-size:44px}.vs-head>span{font-size:16px}.compare-note{font-size:11px;margin:18px 0 25px}.compare-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px;min-height:0}.compare-row h3{grid-column:1/-1;grid-row:1;font-size:15px;padding:0 12px}.compare-value{font-size:11px;padding:12px 9px;min-height:50px;display:flex;align-items:center;justify-content:center}.reading-column{width:calc(100% - 40px)}.reading-column section{padding-top:15px;margin-bottom:28px}.reading-column p,.reading-column li{font-size:17px;line-height:1.8}.reading-column h3{font-size:22px}.reading-column blockquote{padding:23px;margin:35px 0;font-size:18px}.body-photo{margin:30px 0}.body-photo img{aspect-ratio:4/3}.cost-grid{grid-template-columns:1fr}.cost-tool p{font-size:14px}.photo-mosaic{padding:0 12px;grid-template-columns:1fr 1fr;gap:10px;margin:35px auto}.photo-mosaic>.photo-button{grid-column:auto!important;aspect-ratio:4/3}.photo-mosaic>.photo-button:nth-child(5){grid-column:1/-1!important;aspect-ratio:16/9;max-width:none}.gallery-caption{font-size:11px}.priority-result{padding:23px}.priority-result p,.priority-result li{font-size:15px}.priority-item label{font-size:17px}.priority-item .hint{font-size:12px}.contact-band{grid-template-columns:1fr;padding:40px 20px;gap:25px;margin-top:45px}.contact-band h2{font-size:29px}.footgrid{grid-template-columns:1fr;gap:25px}.headwrap{min-height:75px;gap:12px;padding:6px 18px}.logo{width:94px;height:55px}.phone{font-size:10px}.phone strong{font-size:12px}.headwrap button{font-size:12px;padding:8px}.draft{font-size:10px;line-height:22px}#nav{padding:20px;flex-direction:column;font-size:15px}.wrap{width:calc(100% - 40px)}.teaser{grid-template-columns:1fr;padding:16px;gap:15px}.teaser h2{font-size:27px}.teaser-image img{aspect-ratio:4/3}.portal{padding:35px 0}.lightbox-shell{padding:55px 38px 110px}.lightbox-shell figure img{max-height:calc(100dvh - 230px)}.lightbox-shell>button{font-size:43px}.lightbox-shell #lightbox-prev{left:0}.lightbox-shell #lightbox-next{right:0}.lightbox-shell figcaption{font-size:11px}#lightbox-thumbs button{width:50px;height:45px}#lightbox-thumbs{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon-track{animation:none}.compare-value:before{transition:none;transform:scaleX(1)}.button,.photo-button img{transition:none}.lightbox-shell figure img{animation:none}}
@media print{.site-header,.draft,.listen,.photo-ribbon,.photo-mosaic,.contact-band,footer,.checklist-actions,.progress,.cost-tool,dialog{display:none!important}body{background:white;font-size:11pt}.opening{display:block;padding:0}.opening-copy:after,.opening-copy .button,.opening-photo{display:none}.opening h1{font-size:28pt}.intro-band{background:white;color:black;padding:15px 0}.intro-grid{display:block}.intro-band h2{color:black}.reading-column{width:100%;max-width:none}.reading-column p{font-size:11pt}.reading-column h2{font-size:19pt}.reading-column blockquote{background:#eee;color:black}.visual-compare{padding:15px 0}.photo-button:after{display:none}}

.ribbon-track{padding-right:16px}.ribbon-window:has(:focus-visible) .ribbon-track{animation:none;transform:none}

html{scroll-behavior:auto}.vs-head strong{color:#333}.compare-value.wood{border-radius:25px 0 0 25px}.compare-value.alu{border-radius:0 25px 25px 0}

/* Symmetric animated percentage comparison, following the reference composition. */
.visual-compare{padding-bottom:65px}.vs-head{margin-bottom:45px}.score-row{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:30px;align-items:center;min-height:115px}.score-row h3{font-size:16px;line-height:1.25;font-weight:500;text-align:center;margin:0;color:#3f3b36}.score-meter{min-width:0}.score-track{position:relative;height:40px;width:calc(100% - 68px)}.score-meter.wood .score-track{margin-left:auto}.score-fill{position:absolute;top:0;height:40px;width:var(--score);will-change:width}.wood .score-fill{right:0;border-radius:24px 0 0 24px;background:linear-gradient(90deg,#ff8a00 0%,#ff343c 100%)}.alu .score-fill{left:0;border-radius:0 24px 24px 0;background:linear-gradient(90deg,#ff343c 0%,#ff9000 28%,#ffd900 58%,#4ca846 100%)}.score-number{position:absolute;top:50%;transform:translateY(-50%);font-size:23px;line-height:1;font-weight:650;color:#333;white-space:nowrap}.wood .score-number{right:calc(var(--score) + 10px)}.alu .score-number{left:calc(var(--score) + 10px)}.score-foot{margin:30px auto 0;text-align:center;max-width:800px}.score-foot p{font-size:12px;margin-bottom:8px;color:#647169}.score-foot button{border:0;background:transparent;text-decoration:underline;color:#173c3c;padding:8px;font-size:13px}.score-explanation{max-width:760px;margin:12px auto 0;font-size:12px;color:#647169}.score-explanation summary{cursor:pointer}.score-explanation p{font-size:12px;line-height:1.65;margin:12px 0 0}.reading-column .body-photo{margin:40px 0 45px}.reading-column .body-photo img{max-height:500px}.score-row h3{overflow-wrap:anywhere}
@media(max-width:1000px){.score-row{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:18px}.score-number{font-size:20px}.score-track{width:calc(100% - 60px)}}
@media(max-width:700px){.vs-head{margin-bottom:30px}.score-row{grid-template-columns:1fr 1fr;gap:17px;min-height:0;margin-bottom:30px}.score-row h3{grid-column:1/-1;grid-row:1;font-size:15px;padding:0 8px;overflow-wrap:normal}.score-track{width:calc(100% - 45px);height:31px}.score-fill{height:31px}.score-number{font-size:17px}.wood .score-number{right:calc(var(--score) + 5px)}.alu .score-number{left:calc(var(--score) + 5px)}.score-foot{margin-top:35px}.score-foot p,.score-explanation,.score-explanation p{font-size:11px}.score-row .score-meter{min-height:31px}}

}

html{scroll-behavior:auto;scroll-padding-top:100px}main.own-blog-main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.own-blog-main .grade-offer{padding:70px 0}.own-blog-main .grade-offer .wrap{width:min(1120px,calc(100% - 40px));margin:auto}.own-blog-main #anfahrt{clear:both}#blog-content .opening{padding-top:75px}#blog-content .reading-column h1,#blog-content .opening h1{font-size:54px;line-height:1.1;letter-spacing:-1.8px}#blog-content .reading-column h2{font-size:34px;line-height:1.18}#blog-content .reading-column p{font-size:18px;line-height:1.8}#blog-content .advice-point strong{display:block;margin-bottom:8px}#blog-content .advice-point span{display:block}#blog-content .reading-column .body-photo{position:relative;margin:40px 0 45px}#blog-content .ai-badge{position:absolute;right:12px;bottom:12px;z-index:2;padding:4px 9px;background:#173c3cdb;color:#fff;border-radius:4px;font:12px/1.4 Inter,Arial,sans-serif;pointer-events:none}#blog-content .body-photo .ai-badge{bottom:12px}#blog-content .opening-photo figcaption{display:none}#blog-content .score-fill{background-repeat:no-repeat}#blog-content .wood .score-fill{background-image:linear-gradient(to left,#ff2b2b 0%,#ff8a00 25%,#ffd600 50%,#8bc34a 75%,#388e3c 100%);background-position:right center}#blog-content .alu .score-fill{background-image:linear-gradient(to right,#ff2b2b 0%,#ff8a00 25%,#ffd600 50%,#8bc34a 75%,#388e3c 100%);background-position:left center}#blog-content .chart-status{font:12px/1.4 Inter,Arial,sans-serif;text-align:center;color:#6c7770;margin:-12px 0 30px}#blog-content .vs-head{position:relative}#blog-content #score-replay{position:absolute;right:0;top:100%;margin-top:10px;border:0;background:transparent;color:#173c3c;font-size:20px;line-height:1;padding:5px}#blog-content .ribbon-caption{justify-content:flex-end}#blog-content .lightbox-shell figcaption{font-size:12px}.own-blog-main .grade-offer-shell{scroll-margin-top:105px}body:has(#kr-navigation[open]){overflow:hidden}#blog-content .contact-band{display:none}.own-blog-main .grade-offer-panel[hidden],.own-blog-main .grade-offer-review[hidden]{display:none!important}
@media(max-width:1000px){#blog-content .opening h1{font-size:43px}}
@media(max-width:700px){#blog-content .opening{padding:40px 20px}#blog-content .opening h1{font-size:37px;line-height:1.13;letter-spacing:-1px}#blog-content .reading-column h2{font-size:29px}#blog-content .reading-column p{font-size:17px}#blog-content .ai-badge{font-size:10px}.own-blog-main .grade-offer{padding:45px 0}}

html body #blog-content .opening h1{font-size:54px!important;line-height:1.1!important;letter-spacing:-1.8px!important}html body #blog-content .opening-lead p{font-size:20px!important;line-height:1.6!important}html body #blog-content .score-row h3{font-size:16px!important;line-height:1.25!important;font-weight:500!important;color:#3f3b36!important;margin:0!important}html body #blog-content .chart-status{font-size:12px!important;line-height:1.4!important;font-weight:400!important}html body #blog-content .reading-column h2{font-size:34px!important;line-height:1.18!important}html body #blog-content .reading-column p{font-size:18px!important;line-height:1.8!important}html body #blog-content .vs-head span{font-size:18px!important}html body #blog-content .vs-head strong{font-size:60px!important;line-height:1.2!important}
@media(max-width:1000px){html body #blog-content .opening h1{font-size:43px!important}}
@media(max-width:700px){html body #blog-content .opening h1{font-size:37px!important;line-height:1.13!important;letter-spacing:-1px!important}html body #blog-content .reading-column h2{font-size:29px!important}html body #blog-content .reading-column p{font-size:17px!important}html body #blog-content .score-row h3{font-size:15px!important}html body #blog-content .chart-status{font-size:11px!important}html body #blog-content .vs-head strong{font-size:44px!important}html body #blog-content .vs-head span{font-size:16px!important}}

@layer karalus-blog-fixes{
html body #blog-content .opening h1{font-size:54px!important;line-height:1.1!important;letter-spacing:-1.8px!important}html body #blog-content .opening-lead p{font-size:20px!important;line-height:1.6!important}html body #blog-content .score-row h3{font-size:16px!important;line-height:1.25!important;font-weight:500!important;color:#3f3b36!important;margin:0!important}html body #blog-content .chart-status{font-size:12px!important;line-height:1.4!important;font-weight:400!important}html body #blog-content .reading-column h2{font-size:34px!important;line-height:1.18!important}html body #blog-content .reading-column p{font-size:18px!important;line-height:1.8!important}html body #blog-content .vs-head span{font-size:18px!important}html body #blog-content .vs-head strong{font-size:60px!important;line-height:1.2!important}
@media(max-width:1000px){html body #blog-content .opening h1{font-size:43px!important}}
@media(max-width:700px){html body #blog-content .opening h1{font-size:37px!important;line-height:1.13!important;letter-spacing:-1px!important}html body #blog-content .reading-column h2{font-size:29px!important}html body #blog-content .reading-column p{font-size:17px!important}html body #blog-content .score-row h3{font-size:15px!important}html body #blog-content .chart-status{font-size:11px!important}html body #blog-content .vs-head strong{font-size:44px!important}html body #blog-content .vs-head span{font-size:16px!important}}

html body #blog-content .opening-copy,html body #blog-content .opening-copy :is(p,h1){text-align:left!important}html body #blog-content .opening-lead p{font-size:20px!important;line-height:1.6!important}html body #blog-content .score-row h3{font-size:16px!important;line-height:1.25!important;font-weight:500!important}html body #blog-content .reading-column .advice-point strong{display:block!important;margin-bottom:8px!important}html body #blog-content .reading-column .advice-point span{display:block!important}@media(max-width:700px){html body #blog-content .opening-lead p{font-size:18px!important}html body #blog-content .score-row h3{font-size:15px!important}}
}

@layer karalus-blog-fixes{
/* Isolated article refinement; shared header/footer remain outside this change. */
#blog-content #article .reading-column{max-width:740px!important}
#blog-content #article .reading-column section{padding-top:18px!important;margin-bottom:90px!important}
#blog-content #article .reading-column h2{font-size:32px!important;font-weight:650!important;line-height:1.24!important;padding-top:25px!important;margin-bottom:32px!important;max-width:700px!important}
#blog-content #article .reading-column h3{font-size:22px!important;font-weight:650!important;line-height:1.4!important;margin-top:48px!important;margin-bottom:20px!important}
#blog-content #article .reading-column p,#blog-content #article .reading-column li{font-size:17px!important;line-height:1.9!important}
#blog-content #article .reading-column p{margin-bottom:25px!important}
#blog-content #article .reading-column p strong{font-weight:650!important}
#blog-content #article .reading-column blockquote{font-size:18px!important;line-height:1.75!important;padding:25px 30px!important;margin:52px 0 64px!important;border-radius:6px!important}
#blog-content #article .reading-column blockquote strong{font-weight:650!important}
#blog-content #article .reading-column .body-photo{max-width:620px!important;margin:70px auto 76px!important}
#blog-content #article .reading-column .body-photo.photo-detail{max-width:560px!important}
#blog-content #article .reading-column .body-photo.photo-wide{max-width:740px!important}
#blog-content #article .reading-column .body-photo .photo-button,#blog-content #article .reading-column .body-photo img{border-radius:10px!important}
#blog-content #article .reading-column .body-photo img{aspect-ratio:16/9!important;max-height:none!important}
#blog-content #article .reading-column .body-photo figcaption{font-size:11px!important;line-height:1.6!important;padding-top:10px!important;color:#637169!important}
#blog-content #article .reading-column .priority-result h3{margin-top:0!important}
#blog-content #article .reading-column .priority-result p,#blog-content #article .reading-column .priority-result li{font-size:15px!important}
#blog-content #article .reading-column .sources p,#blog-content #article .reading-column .sources li{font-size:12px!important;line-height:1.75!important}
#blog-content #article .reading-column .sources h2{font-size:22px!important}
#blog-content #article .reading-column .cost-tool p{font-size:14px!important}
#blog-content #article .photo-mosaic{margin-top:90px!important;margin-bottom:100px!important;max-width:1120px!important;gap:20px!important}
#blog-content #article .priority-item{padding:25px 0!important}
#blog-content #article .priority-item .hint{font-size:12px!important;margin-top:8px!important}
#blog-content #article .location-section{background:#eef1e9!important;padding:85px 28px 70px!important;margin-top:80px!important}
#blog-content #article .location-grid{max-width:1120px!important;margin:auto!important;display:grid!important;grid-template-columns:.8fr 1.6fr!important;gap:65px!important;align-items:start!important}
#blog-content #article .location-copy h2{font-size:30px!important;line-height:1.25!important;padding:0!important;margin:12px 0 26px!important}
#blog-content #article .location-copy p{font-size:15px!important;line-height:1.8!important;margin-bottom:20px!important}
#blog-content #article .location-contact{display:grid!important;gap:17px!important;margin:30px 0!important}
#blog-content #article .location-contact>a,#blog-content #article .location-contact>div{display:flex!important;gap:13px!important;align-items:flex-start!important;text-decoration:none!important;font-size:15px!important;line-height:1.65!important;color:#173c3c!important}
#blog-content #article .location-contact svg{flex-shrink:0!important;width:21px!important;height:21px!important;stroke:#d07b42!important;stroke-width:1.6!important;fill:none!important;margin-top:2px!important}
#blog-content #article .location-map{border:1px solid #d1d9cd!important;background:#fff!important;border-radius:10px!important;overflow:hidden!important}
#blog-content #article .location-map-canvas{position:relative!important;aspect-ratio:2/1!important;overflow:hidden!important;background:#e7eddf!important}
#blog-content #article .location-map-canvas img{position:absolute!important;width:33.333333%!important;height:66.666667%!important;max-width:none!important;object-fit:fill!important;border-radius:0!important;margin:0!important}
#blog-content #article .location-map-pin{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;color:#d65012!important;background:#fff!important;border:3px solid #fff!important;box-shadow:0 2px 8px #3458!important;width:26px!important;height:26px!important;line-height:20px!important;border-radius:50%!important;font-size:22px!important;text-align:center!important}
#blog-content #article .location-map-label{position:absolute!important;left:50%!important;top:calc(50% + 20px)!important;transform:translateX(-50%)!important;white-space:nowrap!important;background:#173c3c!important;color:white!important;padding:5px 10px!important;font-size:13px!important;font-weight:650!important;border-radius:4px!important}
#blog-content #article .location-map-credit{display:block!important;text-align:right!important;font-size:10px!important;padding:5px 8px!important;color:#234752!important;background:#fff!important}
#blog-content #article .location-map-actions{padding:20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;font-size:13px!important}
#blog-content #article .location-map-actions .button{font-size:14px!important;padding:11px 20px!important}
#blog-content #article .location-next{max-width:820px!important;text-align:center!important;margin:75px auto 0!important;padding-top:50px!important;border-top:1px solid #d3dbcd!important}
#blog-content #article .location-next h2{font-size:28px!important;padding:0!important;margin-bottom:20px!important}
#blog-content #article .location-next p{font-size:16px!important;line-height:1.8!important;max-width:600px!important;margin:0 auto 27px!important}
@media(max-width:800px){#blog-content #article .location-grid{gap:35px!important;grid-template-columns:1fr 1.25fr!important}}
@media(max-width:700px){#blog-content #article .reading-column{width:calc(100% - 42px)!important}#blog-content #article .reading-column section{margin-bottom:66px!important}#blog-content #article .reading-column h2{font-size:28px!important;line-height:1.27!important;margin-bottom:26px!important}#blog-content #article .reading-column h3{font-size:21px!important;margin-top:37px!important}#blog-content #article .reading-column p,#blog-content #article .reading-column li{font-size:16px!important;line-height:1.9!important}#blog-content #article .reading-column .body-photo,#blog-content #article .reading-column .body-photo.photo-detail,#blog-content #article .reading-column .body-photo.photo-wide{max-width:100%!important;margin:45px auto 52px!important}#blog-content #article .reading-column blockquote{margin:40px 0 48px!important;padding:23px!important;font-size:17px!important}#blog-content #article .photo-mosaic{margin:55px auto 65px!important;gap:12px!important}#blog-content #article .location-section{padding:55px 22px!important;margin-top:55px!important}#blog-content #article .location-grid{grid-template-columns:1fr!important;gap:30px!important}#blog-content #article .location-copy h2{font-size:28px!important}#blog-content #article .location-map-canvas{aspect-ratio:1.7/1!important}#blog-content #article .location-map-actions{padding:16px!important;gap:14px!important;flex-wrap:wrap!important}#blog-content #article .location-next{margin-top:48px!important;padding-top:38px!important}#blog-content #article .location-next h2{font-size:26px!important}}

}

@layer karalus-blog-fixes{@media(min-width:1001px){html body #blog-content .visual-compare{width:calc(100% - 160px)!important;max-width:1280px!important}}}