.library{width:100%;padding:56px clamp(20px,5vw,90px);color:#17212a}.library section{scroll-margin-top:24px;margin-bottom:72px}.library h1{font-size:clamp(36px,5vw,68px);line-height:1.08;max-width:900px}.library h2{font-size:clamp(25px,3vw,38px)}.library p{line-height:1.7}.library-hero>p{max-width:760px}.library-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.library-actions .btn{margin:0}.advisor{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;padding:clamp(20px,4vw,48px);border:1px solid #d4e5dc;border-radius:24px;background:linear-gradient(135deg,#eaf6ef,#fff)}.advisor progress{width:100%;height:8px;accent-color:#20805a;margin:20px 0}.advisor fieldset{border:0;padding:0;margin:0;min-width:0}.advisor legend{font-size:23px;font-weight:700;margin-bottom:20px}.advisor-options{display:grid;gap:10px}.advisor-choice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #d5e2dc;border-radius:12px;background:white;cursor:pointer}.advisor-choice:has(input:checked){border-color:#247853;box-shadow:0 0 0 1px #247853;background:#f0faf4}.advisor-choice input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:#247853}.advisor-choice small{display:block;line-height:1.5;margin-top:4px;color:#586d62}.advisor h3{font-size:26px}.advisor-result{background:white;border-radius:16px;padding:24px;border:1px solid #cddfd3}.library-section-title{display:flex;justify-content:space-between;gap:24px;align-items:center}.library-section-title p{max-width:500px}#material-search{display:block;width:min(100%,600px);margin:8px 0;padding:14px;border:1px solid #ccd9d3;border-radius:12px}#material-filters button[aria-pressed=true]{background:#1f7854;color:white}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:24px}.library-grid article{padding:26px;border:1px solid #d7e2db;border-radius:22px;background:white;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.library-grid h3{font-size:27px;margin:14px 0}.library-grid .material-details{width:100%;margin:18px 0}.material-details summary{cursor:pointer;font-weight:600;padding:10px 0}.material-details .material-guide-card{padding:18px;margin:12px 0}.library-badge{font-size:12px;color:#296c4d;background:#edf6f0;border-radius:20px;padding:6px 10px}.library-colors{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;font-size:12px}.library-color{display:inline-flex;align-items:center;gap:6px}.library-dot{width:18px;height:18px;border:1px solid #b8c5be;border-radius:50%;display:inline-block}.library-grid article>.btn{margin-top:auto}.comparison-scroll{overflow-x:auto;border:1px solid #d6e2db;border-radius:16px}.comparison-scroll table{width:100%;border-collapse:collapse;background:white;min-width:650px}.comparison-scroll th,.comparison-scroll td{padding:18px;text-align:left;border-bottom:1px solid #e0e7e3}.comparison-scroll th{background:#eef4f0}.library-contact{padding:32px;background:#eef5f1;border-radius:22px}.library-contact a{margin-right:20px}.library [hidden]{display:none!important}@media(max-width:800px){.advisor{grid-template-columns:1fr;gap:16px}.library-section-title{display:block}.library{padding-top:32px}.library section{margin-bottom:48px}.advisor-choice{padding:14px}}
.advisor>div{min-width:0}.advisor-result{overflow-wrap:anywhere}.library .btn,.library .whatsapp-button{white-space:normal;max-width:100%;text-align:center}.library .whatsapp-button img{flex-shrink:0}.advisor{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}@media(max-width:800px){.advisor{grid-template-columns:minmax(0,1fr)}}

#material-families{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 24px}#material-families [aria-pressed=true]{background:#17212a;color:white;border-color:#17212a}

/* Comparison matrix: keep labels visible within the scrollable table. */
#vergleich{min-width:0}.comparison-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:24px 0 16px}.comparison-toolbar label{display:flex;align-items:center;gap:12px;font-weight:600}.comparison-toolbar select{max-width:100%;padding:12px 36px 12px 14px;border:1px solid #cbdcd3;border-radius:10px;background:#fff;color:#17212a;font:inherit}.comparison-toolbar #comparison-count,.comparison-hint{font-size:14px;color:#596f63}.comparison-hint{margin-left:auto}#vergleich .comparison-scroll{max-height: min(780px,80vh);border:1px solid #d6e2db;border-radius:18px;background:white;isolation:isolate;scrollbar-color:#91ad9e #edf3ef}#vergleich .comparison-scroll:focus-visible{outline:3px solid #25835c;outline-offset:4px}#vergleich .comparison-matrix{table-layout:fixed;border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;margin:0;font-size:14px;line-height:1.6}#vergleich th,#vergleich td{box-sizing:border-box;width:240px;min-width:240px;max-width:240px;padding:18px 22px;vertical-align:top;border-right:1px solid #edf1ee;border-bottom:1px solid #e2eae5;overflow-wrap:anywhere;text-align:left}#vergleich thead th{position:sticky;top:0;z-index:3;background:#f0f7f3;border-bottom:2px solid #c9dfd1;height:155px}#vergleich tr>:first-child{position:sticky;left:0;z-index:2;width:205px;min-width:205px;max-width:205px;background:#f7faf8;font-weight:600;border-right:1px solid #ceddd4}#vergleich thead tr>:first-child{z-index:4;background:#e9f3ed}#vergleich thead strong{display:block;font-size:19px;line-height:1.3;margin:6px 0}.comparison-family-name{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#237d57}.comparison-series{display:block;font-size:12px;font-weight:400;color:#63766b;min-height:20px}#vergleich thead a{display:inline-block;margin-top:14px;font-size:12px;color:#176943}#vergleich tbody tr:nth-child(even) td{background:#fbfdfb}#vergleich tbody tr:hover td{background:#f0f8f3}#vergleich .comparison-group th,#vergleich .comparison-group td{background:#eaf2ed;padding-top:11px;padding-bottom:11px;color:#36624b;font-size:12px;letter-spacing:.025em}.comparison-rating{display:inline-flex;gap:5px;align-items:center}.comparison-bar{display:inline-block;width:22px;height:7px;border-radius:4px;background:#e0e9e3}.comparison-bar.is-filled{background:#20ac77}.comparison-rating small{margin-left:7px;color:#526b5c;font-size:12px}.comparison-notes{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px;margin-top:20px;color:#5b6f63;font-size:13px}.comparison-notes p{margin:0}.comparison-notes strong{color:#344f40}.comparison-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){#vergleich th,#vergleich td{width:210px;min-width:210px;max-width:210px;padding:14px}#vergleich tr>:first-child{width:140px;min-width:140px;max-width:140px;font-size:12px}#vergleich thead strong{font-size:16px}.comparison-toolbar label{align-items:flex-start;flex-direction:column;gap:6px}.comparison-hint{margin-left:0;width:100%}.comparison-notes{grid-template-columns:1fr;gap:10px}}

/* Explain recommendations and make answers easy to revise. */
.advisor-result-label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:#357452;margin-bottom:10px}.advisor-fit,.advisor-limit{padding:16px 18px;margin:18px 0;border-radius:12px;background:#edf6f0;border:1px solid #d6e6dc}.advisor-fit h4{margin:0 0 10px}.advisor-fit ul{margin:0;padding-left:20px;line-height:1.8}.advisor-limit{background:#f6f7f5}.advisor-limit p{margin:8px 0 0}.advisor-result .material-details li:has(.advisor-edit){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dce5df}.advisor-result .material-details ul:has(.advisor-edit){padding:0;list-style:none}.advisor-edit{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #cadbd0;border-radius:9px;background:white;color:#286343;cursor:pointer}.advisor-edit:focus-visible{outline:3px solid #427796;outline-offset:2px}@media(max-width:540px){.advisor-fit,.advisor-limit{padding:14px}.advisor-result .material-details li:has(.advisor-edit){align-items:flex-start}.advisor-result .material-details li>span{min-width:0;overflow-wrap:anywhere}}

/* Shared recommendation cards in the order flow and material guide. */
.advisor-result{padding:clamp(16px,3vw,28px);border-radius:18px;box-shadow:0 6px 24px #183b2610}
.advisor-result h3{font-size:clamp(21px,3vw,28px);line-height:1.3;margin:8px 0 16px}
.advisor-result h4{font-size:14px;margin:20px 0 8px;color:#294c3a}
.advisor-result p,.advisor-result li{font-size:14px;line-height:1.7}
.advisor-result ul{padding-left:20px;margin:10px 0 18px}
.advisor-result .advisor-limit{background:#fff9ee;border:1px solid #eadfc9;padding:16px;margin:16px 0}
.advisor-result .advisor-limit>strong{display:block;color:#79602f;font-size:13px;line-height:1.5}
.advisor-result .advisor-limit ul{margin-bottom:0}
.advisor-result>.material-details{border-top:1px solid #dde7e1;padding-top:12px;margin-top:24px;width:100%}
.advisor-result .material-details>summary{min-height:44px;line-height:1.5;color:#294c3a}
.advisor-result .advisor-alternatives>ul{display:grid;gap:16px;padding:0;margin:16px 0;list-style:none}
.advisor-result .advisor-material-option{min-width:0;padding:20px;border:1px solid #d9e5dd;border-radius:14px;background:#fafcfb}
.advisor-result .advisor-material-option>strong{display:block;font-size:19px;line-height:1.4;color:#172b20;margin-bottom:8px}
.advisor-result .advisor-material-option>p{margin:8px 0 14px}
.advisor-result .advisor-option-action,.advisor-result>.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 16px;box-sizing:border-box;max-width:100%;white-space:normal;text-align:center;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5;border-radius:10px;margin-top:12px}
.advisor-result .whatsapp-button{background:#eaf7ef;border:1px solid #b9dec8;color:#17623d}
.advisor-result .whatsapp-button:hover{background:#dcefe3;border-color:#73b18e}
.advisor-result .whatsapp-button img{width:20px;height:20px;flex-shrink:0}
.advisor-result a:focus-visible{outline:3px solid #427796;outline-offset:3px}
.advisor-result>.btn-secondary{margin-top:8px}
@media(max-width:540px){.advisor-result .advisor-material-option{padding:16px}.advisor-result .advisor-option-action,.advisor-result>.whatsapp-button{width:100%}.advisor-result .advisor-limit{padding:12px}.advisor-result p,.advisor-result li{font-size:13px}}