/* Scoped to the linked guide, with one quiet entry link on Lernen & Wege. */
.heine-guide-entry{margin:24px 0 0;font-size:15px;line-height:1.5}
.heine-guide-entry a,.heine-guide-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--gd,#17624d);text-decoration:underline;text-decoration-color:#b8d9cd;text-underline-offset:5px;font-weight:500}
.heine-guide-entry a:hover,.heine-guide-back:hover{text-decoration-color:currentColor}
.heine-guide-page{padding:26px 0 64px;background:#f8fbfa;color:#31574b}
.heine-guide-page .wrap{max-width:1180px}
.heine-guide-back{font-size:14px;text-decoration:none}
.heine-guide-heading{padding:32px 0 36px;max-width:820px}
.heine-guide-heading .kicker{font-size:12px;letter-spacing:.12em;color:#23795e;margin:0 0 16px}
.heine-guide-heading h1{font-size:clamp(38px,4.4vw,60px);line-height:1.05;letter-spacing:-.045em;color:#17624d;margin:0 0 20px}
.heine-guide-heading>p:last-child{max-width:640px;font-size:17px;line-height:1.65;margin:0}
.heine-guide{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start}
.heine-guide-nav{padding-top:4px}
.heine-guide-nav-label{font-size:13px;font-weight:600;margin:0 0 14px;color:#526d62}
.heine-guide-choices{display:grid;gap:9px}
.heine-guide-choices>a{display:grid;grid-template-columns:23px minmax(0,1fr) 16px;gap:10px;align-items:start;padding:17px 14px;border:1px solid #dcebe5;border-radius:16px;background:#fff;color:#17624d;text-decoration:none;min-height:78px}
.heine-guide-choice-number{font-size:11px;font-weight:600;line-height:24px;opacity:.75}
.heine-guide-choices strong{display:block;font-size:16px;line-height:1.4;font-weight:650}
.heine-guide-choices small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#526d62}
.heine-guide-choice-arrow{font-size:19px;line-height:24px}
.heine-guide-choices>a:hover{border-color:#70b198;background:#eef8f4}
.heine-guide-choices>a[aria-selected=true]{color:#fff;background:#17624d;border-color:#17624d}
.heine-guide-choices>a[aria-selected=true] small{color:#d7eee5}
.heine-guide-panel{border:1px solid #dcebe5;border-radius:24px;overflow:hidden;background:#fff;scroll-margin-top:120px;margin-bottom:24px;min-width:0}
.heine-guide-panel[hidden]{display:none!important}
.heine-guide-panel-head{padding:28px 30px 22px}
.heine-guide-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;color:#23795e;margin:0 0 12px}
.heine-guide-panel h2{font-size:clamp(25px,2.6vw,34px);line-height:1.15;letter-spacing:-.035em;margin:0 0 14px;color:#17624d}
.heine-guide-panel p{font-size:15px;line-height:1.65}
.heine-guide-panel-head>p:last-child{margin:0;max-width:650px}
.heine-guide-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:24px 30px 28px;background:#eef8f4}
.heine-guide-path li{position:relative;margin:0;padding:0;min-width:0}
.heine-guide-path li:not(:last-child)::after{content:"";position:absolute;top:18px;left:48px;right:-11px;border-top:1px dashed #81b39f}
.heine-guide-step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #9ac7b6;color:#17624d;font-size:14px;font-weight:700;margin-bottom:17px}
.heine-guide-path li:last-child .heine-guide-step-number{background:#17624d;color:#fff;border-color:#17624d}
.heine-guide-path small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#526d62;margin-bottom:8px}
.heine-guide-panel h3{font-size:17px;line-height:1.35;letter-spacing:-.015em;margin:0 0 10px;color:#17624d}
.heine-guide-path p{font-size:13px;line-height:1.6;margin:0}
.heine-guide-detail{padding:25px 30px}
.heine-guide-detail p{margin:0}
.heine-guide-next{padding:23px 30px 28px;border-top:1px solid #e5eee9;display:grid;gap:17px}
.heine-guide-next p{margin:0}
.heine-guide-action{display:inline-flex;justify-self:start;align-items:center;gap:14px;min-height:44px;padding:10px 17px;border:1px solid #bbdacf;border-radius:999px;text-decoration:none;color:#17624d;font-size:14px;font-weight:550;background:#fff;line-height:1.5}
.heine-guide-action:hover{background:#eef8f4;border-color:#70b198}
.heine-guide-footnote{max-width:760px;margin:2px 0 0 auto;font-size:12px;line-height:1.7;color:#526d62}
.heine-guide a:focus-visible,.heine-guide-panel:focus-visible,.heine-guide-back:focus-visible,.heine-guide-entry a:focus-visible{outline:3px solid #17624d;outline-offset:4px}
/* Respect the site's typography layer and distinguish labels from body copy. */
@layer heine-typography{
 main.heine-guide-page .heine-guide-panel p{font-size:var(--heine-text-card,1rem)!important;line-height:1.6!important}
 main.heine-guide-page .heine-guide-heading .kicker,
 main.heine-guide-page .heine-guide-panel .heine-guide-eyebrow{font-size:var(--heine-text-label,.8125rem)!important;line-height:1.45!important}
 main.heine-guide-page .heine-guide-nav-label,
 main.heine-guide-page .heine-guide-footnote{font-size:var(--heine-text-note,.875rem)!important;line-height:1.6!important}
 main .heine-guide-entry{font-size:var(--heine-text-note,.875rem)!important}
}
.heine-guide-choices small{font-size:14px}
.heine-guide-path small{font-size:13px}
@media(max-width:800px){
 .heine-guide{grid-template-columns:1fr;gap:22px}
 .heine-guide-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 .heine-guide-choices>a{min-height:82px}
 .heine-guide-heading{padding-top:20px}
 .heine-guide-footnote{margin-left:0}
}
@media(max-width:520px){
 .heine-guide-page{padding-top:14px}
 .heine-guide-heading{padding-bottom:26px}
 .heine-guide-heading>p:last-child{font-size:16px}
 .heine-guide-choices{grid-template-columns:1fr;gap:7px}
 .heine-guide-choices>a{min-height:64px;padding:12px 14px}
 .heine-guide-choices small{margin-top:2px}
 .heine-guide-panel-head,.heine-guide-detail,.heine-guide-next{padding:23px 20px}
 .heine-guide-path{grid-template-columns:1fr;gap:23px;padding:24px 20px}
 .heine-guide-path li{padding-left:51px;min-height:65px}
 .heine-guide-step-number{position:absolute;left:0;top:0;margin:0}
 .heine-guide-path li:not(:last-child)::after{left:17px;top:44px;bottom:-16px;right:auto;border-top:0;border-left:1px dashed #81b39f}
 .heine-guide-path small{margin-bottom:5px}
 .heine-guide-path h3{margin-bottom:6px}
 .heine-guide-panel{border-radius:20px}
}
@media print{
 .heine-guide-nav,.heine-guide-back,.heine-guide-action{display:none!important}
 .heine-guide{display:block}.heine-guide-panel[hidden]{display:block!important}
 .heine-guide-panel{break-inside:avoid}.heine-guide-page{background:white}
}
