/* Shared underpage rules. The header/footer styles are the real homepage assets. */
main.kr-underpage{color:#17383d;background:#fff}
main.kr-underpage *{box-sizing:border-box}
main.kr-underpage :is(h1,h2,h3,p,li,figcaption){text-align:left}
main.kr-underpage :is(h1,h2,h3){color:#123b3c;overflow-wrap:normal;hyphens:auto}
main.kr-underpage p,main.kr-underpage li{line-height:1.62}
main.kr-underpage .kr-context-note{display:block;position:static;color:#48656b;font-size:.95rem;font-weight:500;letter-spacing:normal;text-transform:none;margin:.35rem 0 1.1rem;max-width:80ch}
main.kr-underpage .kr-context-note::before,main.kr-underpage .kr-context-note::after{content:none!important;display:none!important}
/* The H1 and its answer lead the hero; contextual notes remain supplemental. */
main.kr-underpage .kr-hero-panel{display:flex;flex-direction:column;align-items:flex-start}
main.kr-underpage .kr-hero-panel>h1{order:0}
main.kr-underpage .kr-hero-panel>p{order:1}
main.kr-underpage .kr-hero-panel>.hero-actions{order:2}
main.kr-underpage .kr-hero-panel>.kr-context-note{order:3;margin:.65rem 0 0;font-size:.88rem}
main.kr-underpage .kr-hero-panel>.kr-image-source{order:4;margin-top:.35rem}
/* Decision helpers keep one leading action; alternative routes read as links. */
html body[data-karalus-relaunch="1"] main#hauptinhalt.kr-underpage .decision-hero.kr-unified-hero .hero-actions.kr-unified-actions.kr-unified-actions.kr-unified-actions a.button.kr-orange-action.kr-orange-action:nth-child(n+2){background:transparent!important;color:#123b3c!important;border-color:transparent!important;box-shadow:none!important;flex:0 1 auto!important;max-width:none!important;width:auto!important;min-height:44px;padding:8px 2px;text-decoration:underline!important;text-underline-offset:3px}
main.kr-underpage .container{box-sizing:border-box}
main.kr-underpage .section .container>h2,main.kr-underpage .section .container>h3,main.kr-underpage .section .container>p{margin-left:0;margin-right:0}
main.kr-underpage .section-heading{display:block;text-align:left}
main.kr-underpage .section-heading>*{margin-left:0;margin-right:0}
main.kr-underpage :is(.content-card,.related-card,.variant-card,.guide-card,.project-card,.reference-project-card,.kr-ref-card){border-radius:16px;overflow:hidden}
main.kr-underpage :is(.content-card,.related-card,.variant-card,.guide-card,.project-card,.reference-project-card,.kr-ref-card):not(a){display:flex;flex-direction:column}
main.kr-underpage :is(.content-card,.related-card,.variant-card,.guide-card,.project-card,.reference-project-card,.kr-ref-card) :is(h2,h3,p){margin-left:0;margin-right:0}
main.kr-underpage .kr-card-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:auto;padding:12px 18px;background:#f5c6a8;color:#123b3c!important;text-decoration:none!important;text-align:center;font-weight:700;box-shadow:0 -2px 10px #102d3520}
main.kr-underpage .kr-card-action:hover{background:#efb591}
/* On one-action information cards the action occupies the full bottom edge. */
main.kr-underpage article.content-card{padding:18px!important}
body.terrace-detail-v151 main.kr-underpage article.content-card{padding:18px!important}
main.kr-underpage article.content-card>a.kr-card-action{width:calc(100% + 36px);max-width:none;margin:auto -18px -18px!important;padding-top:16px;border-radius:0 0 16px 16px}
main.kr-underpage article.content-card>p.kr-action-wrapper{display:contents}
main.kr-underpage article.content-card>p.kr-action-wrapper>a.kr-card-action{width:calc(100% + 36px);max-width:none;margin:auto -18px -18px!important;padding-top:16px;border-radius:0 0 16px 16px}
main.kr-underpage article.content-card a:not(.kr-card-action){color:#0d5d68;text-decoration:underline;text-underline-offset:3px}
main.kr-underpage article.related-card{padding:18px!important}
main.kr-underpage article.related-card>a.kr-card-action{width:calc(100% + 36px);max-width:none;margin:auto -18px -18px!important;padding-top:16px;border-radius:0 0 16px 16px}
main.kr-underpage article.decision-card-link{padding:0;cursor:default;transform:none;box-shadow:0 16px 44px rgba(6,57,88,.08)}
main.kr-underpage article.decision-card-link:hover{transform:none;border-color:#d6e4ea;box-shadow:0 16px 44px rgba(6,57,88,.08)}
main.kr-underpage article.decision-card-link>:not(.kr-card-action){margin-left:24px;margin-right:24px}
main.kr-underpage article.decision-card-link>h3{margin-top:24px}
main.kr-underpage article.decision-card-link>.kr-card-action{margin-top:auto;border-radius:0 0 18px 18px}
main.kr-underpage .kr-editorial-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 34px}
main.kr-underpage .kr-editorial-project-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d6e4ea;border-radius:16px;background:#fff}
main.kr-underpage .kr-editorial-project-card>img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
main.kr-underpage .kr-editorial-project-body{padding:18px;flex:1}
main.kr-underpage .kr-editorial-project-body h3{margin:0 0 10px;font-size:clamp(1.15rem,1.5vw,1.45rem)}
main.kr-underpage .kr-editorial-project-body p{margin:0}
main.kr-underpage .kr-editorial-project-card>.kr-card-action{border-radius:0 0 16px 16px}
main.kr-underpage .kr-related-merged{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin-top:18px}
main.kr-underpage .kr-related-merged>a{display:block;padding:9px 0;border-bottom:1px solid #d6e4ea;color:#0d5d68;text-decoration:none;font-weight:600}
main.kr-underpage .kr-related-merged>a:hover{text-decoration:underline;text-underline-offset:3px}
main.kr-underpage :is(a.button,a.kr-orange-action,a.button-primary,a.button-secondary,a.kr-ref-cta,a.variant-card-link,a.decision-card-link){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:11px;text-align:center;text-decoration:none;font-weight:700;box-shadow:0 3px 10px #102d3520}
main.kr-underpage :is(a.button-primary,a.kr-orange-action){background:#ee804d;color:#123b3c}
main.kr-underpage :is(a.button-secondary,a.button-white){background:#f5c6a8;color:#123b3c}
main.kr-underpage :is(a.button,a.kr-orange-action,a.kr-card-action,button,summary):focus-visible{outline:3px solid #ef804b;outline-offset:3px}
main.kr-underpage [id]{scroll-margin-top:105px}
main.kr-underpage .kr-next-paths{display:flex;flex-wrap:wrap;gap:.3rem .5rem;align-items:center;padding-top:12px;padding-bottom:12px;color:#36545a;font-size:.95rem;line-height:1.45}
main.kr-underpage .kr-next-paths a{color:#0d5d68;text-decoration:underline;text-underline-offset:3px;font-weight:650}
main.kr-underpage img{max-width:100%;height:auto}
main.kr-underpage :is(.content-detail-grid,.related-grid,.cards-grid,.reference-grid)>*{min-width:0}
/* Put each explanation directly under its heading at every viewport width. */
main.kr-underpage .content-detail-grid{display:flex!important;flex-direction:column;align-items:stretch;gap:.7rem}
main.kr-underpage .content-detail-grid>.content-detail-copy{order:1;max-width:78ch}
main.kr-underpage .content-detail-grid>figure{order:2;max-width:78ch;margin:0}
main.kr-underpage .content-detail-grid :is(h2,h3,p){margin-left:0!important;margin-right:0!important}
html body main#hauptinhalt.kr-underpage .content-detail-grid>.kr-reading-group>h2{margin-inline:0!important}
main.kr-underpage .content-detail-grid>:first-child :is(h2,h3){margin-bottom:.25rem}
/* Product proof introductions follow the same heading-then-answer reading order. */
main.kr-underpage .split-intro{display:block!important}
main.kr-underpage .split-intro>:first-child{margin-bottom:.7rem}
main.kr-underpage .split-intro :is(h2,h3,p){margin-left:0!important;margin-right:0!important}
html body main#hauptinhalt.kr-underpage .split-intro>.kr-reading-copy{margin-left:0!important;margin-right:0!important}
html body main#hauptinhalt.kr-underpage .split-intro>.kr-reading-group :is(h2,h3,p){margin-left:0!important;margin-right:0!important}
/* Keep the question and its direct answer on one reading edge. */
html body main#hauptinhalt.kr-underpage .kr-reading-group> :is(h2,h3,p.kr-reading-copy){margin-left:0!important;margin-right:0!important}
html body main#hauptinhalt.kr-underpage :is(h2,h3)+p,
html body main#hauptinhalt.kr-underpage .section-heading+p{margin-left:0!important;margin-right:0!important}
main.kr-underpage .kb-practice-intro{display:block!important}
html body main#hauptinhalt.kr-underpage .kb-practice-intro>p{margin-left:0!important;margin-right:0!important;max-width:78ch}
main.kr-underpage .request-compact-head{display:block!important}
main.kr-underpage .request-compact-head>p{margin-left:0!important;margin-right:0!important;max-width:78ch}
main.kr-underpage .split-intro>p,main.kr-underpage .split-intro>div:nth-child(2){max-width:78ch}
main.kr-underpage :is(.content-card,.related-card,.kr-ref-card) img{display:block;width:100%;object-fit:cover}
main.kr-underpage .contact-cta :is(h2,p){color:inherit}
@media(max-width:760px){
 main.kr-underpage .container{width:calc(100% - 24px);max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
 main.kr-underpage :is(.section,.guide-section){padding-top:36px;padding-bottom:36px}
 main.kr-underpage :is(.content-detail-grid,.related-grid,.cards-grid,.reference-grid){grid-template-columns:1fr}
 main.kr-underpage :is(h1,h2,h3,p){max-width:100%}
 main.kr-underpage :is(a.button,a.kr-orange-action,a.button-primary,a.button-secondary,a.kr-card-action){max-width:100%}
 main.kr-underpage :is(figure,img,video){max-width:100%}
 main.kr-underpage article.decision-card-link>:not(.kr-card-action){margin-left:18px;margin-right:18px}
 main.kr-underpage .kr-editorial-project-grid{grid-template-columns:1fr;gap:16px}
 main.kr-underpage .kr-related-merged{grid-template-columns:1fr}
}
/* VSG guide: keep both original hero images, while separating readable copy. */
@media (min-width:900px){
 html body[data-karalus-relaunch="1"].kr-vsg-hero-fix main#hauptinhalt.kr-underpage .page-hero.kr186-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;grid-template-rows:auto 230px!important;align-items:stretch!important;gap:18px 24px!important;padding-block:34px!important}
 html body[data-karalus-relaunch="1"].kr-vsg-hero-fix main#hauptinhalt.kr-underpage .page-hero.kr186-hero .kr-hero-panel{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;height:auto!important;padding:0!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;background:transparent!important}
 html body[data-karalus-relaunch="1"].kr-vsg-hero-fix main#hauptinhalt.kr-underpage .page-hero.kr186-hero .kr-hero-panel h1{width:100%!important;max-width:none!important;margin:0 0 16px!important;color:#073448!important;text-align:left!important;font-size:clamp(30px,2.35vw,39px)!important;line-height:1.12!important}
 html body[data-karalus-relaunch="1"].kr-vsg-hero-fix main#hauptinhalt.kr-underpage .page-hero.kr186-hero .kr-hero-panel>p{width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;align-self:flex-start!important;justify-self:start!important;color:#304d4c!important;text-align:left!important;font-size:18px!important;line-height:1.48!important}
 html body[data-karalus-relaunch="1"].kr-vsg-hero-fix main#hauptinhalt.kr-underpage .page-hero.kr186-hero .v152-desktop-photo{grid-column:1!important;grid-row:2!important;width:100%!important;height:230px!important;max-height:230px!important;object-fit:cover!important;align-self:stretch!important;border-radius:12px!important}
 html body[data-karalus-relaunch="1"].kr-vsg-hero-fix main#hauptinhalt.kr-underpage .page-hero.kr186-hero .kr186-hero-frame{grid-column:2!important;grid-row:1 / span 2!important;width:100%!important;height:100%!important;max-height:none!important;overflow:hidden!important;border-radius:12px!important}
 html body[data-karalus-relaunch="1"].kr-vsg-hero-fix main#hauptinhalt.kr-underpage .page-hero.kr186-hero .kr186-hero-frame img{width:100%!important;height:100%!important;object-fit:cover!important}
}