.hd24fd{--g:#175638;--gd:#0f3d28;--gs:#edf7f1;--gp:#f7fbf8;--b:#d2e0d7;--t:#1e2923;--m:#617068;--w:#fff;margin:auto;color:var(--t);font-family:inherit;line-height:1.6}
.hd24fd,.hd24fd *,.hd24fd *::before,.hd24fd *::after{box-sizing:border-box}
.hd24fd a{color:var(--g)}
.hd24fd .hd24fd-crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px;color:var(--m);font-size:.92rem}
.hd24fd .hd24fd-crumbs li:not(:last-child)::after{content:"›";margin-left:8px}
.hd24fd .hd24fd-hero{position:relative;overflow:hidden;padding:clamp(26px,5vw,58px);border:1px solid var(--b);border-radius:26px;background:radial-gradient(circle at 90% 10%,rgba(111,176,132,.24),transparent 34%),linear-gradient(145deg,#f5fbf7,#fff 66%);box-shadow:0 10px 30px rgba(19,70,45,.09)}
.hd24fd .hd24fd-hero::after{content:"🌿";position:absolute;right:4%;top:10px;font-size:clamp(72px,12vw,150px);opacity:.09;pointer-events:none}
.hd24fd .hd24fd-kicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:var(--gs);color:var(--gd);font-weight:800}
.hd24fd .hd24fd-hero h1{position:relative;z-index:1;max-width:900px;margin:12px 0 16px;color:var(--gd);font-size:clamp(2rem,5vw,3.45rem);line-height:1.08}
.hd24fd .hd24fd-lead{max-width:900px;margin:0;font-size:1.08rem}
.hd24fd .hd24fd-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.hd24fd .hd24fd-intro>div{padding:17px;border:1px solid var(--b);border-radius:15px;background:#ffffffdd}
.hd24fd .hd24fd-intro strong{display:block;color:var(--gd)}
.hd24fd .hd24fd-intro span{color:var(--m);font-size:.93rem}
.hd24fd .hd24fd-note{margin-top:20px;padding:15px 17px;border-left:4px solid var(--g);border-radius:10px;background:var(--gp)}
.hd24fd .hd24fd-alternative-help{margin:18px 0 0;padding:16px 18px;border:1px solid var(--b);border-radius:13px;background:#fff}
.hd24fd .hd24fd-readable-overview{margin:22px 0;padding:20px;border:1px solid var(--b);border-radius:16px;background:var(--gp)}
.hd24fd .hd24fd-readable-overview h2{margin:0 0 8px;color:var(--gd);font-size:1.35rem}
.hd24fd .hd24fd-readable-overview p{margin:0 0 10px}
.hd24fd .hd24fd-readable-overview ul{margin:0;padding-left:20px}
.hd24fd .hd24fd-progressbox{position:sticky;top:6px;z-index:21;margin:22px 0 8px;padding:12px 14px;border:1px solid var(--b);border-radius:13px;background:#fffffff5;box-shadow:0 5px 18px rgba(20,63,41,.08);backdrop-filter:blur(8px)}
.hd24fd .hd24fd-progressline{height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:#dce9e1}
.hd24fd .hd24fd-progressline span{display:block;width:16.666%;height:100%;border-radius:999px;background:var(--g);transition:width .2s ease}
.hd24fd .hd24fd-stepnav{display:flex;gap:7px;margin:8px 0 22px;padding:10px;overflow:auto;border:1px solid var(--b);border-radius:14px;background:#fff}
.hd24fd .hd24fd-stepnav a{flex:none;padding:8px 12px;border-radius:9px;color:var(--gd);font-size:.88rem;font-weight:800;text-decoration:none}
.hd24fd .hd24fd-stepnav a[aria-current="step"]{background:var(--gs)}
.hd24fd .hd24fd-step{scroll-margin-top:120px;margin:0 0 18px;overflow:hidden;border:1px solid var(--b);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(19,70,45,.08)}
.hd24fd .hd24fd-step>summary{padding:0;cursor:pointer;list-style:none;background:linear-gradient(90deg,var(--gp),#fff)}
.hd24fd .hd24fd-step>summary::-webkit-details-marker{display:none}
.hd24fd .hd24fd-num{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--g);color:#fff;font-weight:900}
.hd24fd .hd24fd-step>summary h2.hd24fd-stitle{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:18px 21px;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
.hd24fd .hd24fd-stitle-copy{flex:1;min-width:0}
.hd24fd .hd24fd-stitle-main{display:block;color:var(--gd);font-size:1.16rem;font-weight:800;line-height:1.25}
.hd24fd .hd24fd-stitle small{display:block;color:var(--m);font-weight:400}
.hd24fd .hd24fd-step>summary h2.hd24fd-stitle::after{content:"+";font-size:1.45rem;color:var(--g);font-weight:900}
.hd24fd .hd24fd-step[open]>summary h2.hd24fd-stitle::after{content:"−"}
.hd24fd .hd24fd-body{padding:clamp(18px,4vw,30px);border-top:1px solid var(--b)}
.hd24fd .hd24fd-section-intro{max-width:880px;color:var(--m)}
.hd24fd .hd24fd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hd24fd .hd24fd-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hd24fd .hd24fd-full{grid-column:1/-1}
.hd24fd .hd24fd-field{min-width:0}
.hd24fd .hd24fd-label-row{display:flex;align-items:center;gap:7px;margin:0 0 8px}
.hd24fd .hd24fd-label-row>label{width:auto!important;margin:0!important}
.hd24fd .hd24fd-field label,.hd24fd .hd24fd-field legend{display:block;width:100%;margin:0 0 8px;padding:0;color:var(--gd);font-weight:800}
.hd24fd .hd24fd-req{color:#a8291e}
.hd24fd .hd24fd-field-help{display:block;margin:-1px 0 8px;color:var(--m);font-size:.86rem;line-height:1.45}
.hd24fd .hd24fd-field input[type=text],.hd24fd .hd24fd-field input[type=number],.hd24fd .hd24fd-field input[type=file],.hd24fd .hd24fd-field select,.hd24fd .hd24fd-field textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #b9cdc0;border-radius:10px;background:#fff;color:var(--t);font:inherit}
.hd24fd .hd24fd-field textarea{min-height:115px;resize:vertical}
.hd24fd .hd24fd-field input:focus,.hd24fd .hd24fd-field select:focus,.hd24fd .hd24fd-field textarea:focus{border-color:var(--g);outline:3px solid #17563824}
.hd24fd .hd24fd-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hd24fd .hd24fd-choice{display:flex;align-items:flex-start;gap:10px;min-height:54px;padding:13px;border:1px solid var(--b);border-radius:11px;background:#fff;cursor:pointer}
.hd24fd .hd24fd-field label.hd24fd-choice{display:flex;width:100%;margin:0;padding:13px;color:var(--t);font-weight:inherit}
.hd24fd .hd24fd-choice:hover{background:var(--gp);border-color:#93b2a0}
.hd24fd .hd24fd-choice input[type=checkbox],.hd24fd .hd24fd-choice input[type=radio]{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:var(--g)}
.hd24fd .hd24fd-choice>span{flex:1 1 auto;min-width:0}
.hd24fd .hd24fd-choice strong{display:block;color:var(--gd);line-height:1.3}
.hd24fd .hd24fd-choice small{display:block;color:var(--m)}
.hd24fd .hd24fd-sub{margin-top:24px;padding-top:22px;border-top:1px dashed #c8d8ce}
.hd24fd .hd24fd-sub h3,.hd24fd .hd24fd-conditional h3{margin:0 0 5px;color:var(--gd)}
.hd24fd .hd24fd-conditional{margin-top:18px;padding:18px;border:1px solid #bed7c7;border-radius:13px;background:var(--gp)}
.hd24fd .hd24fd-conditional[hidden],.hd24fd [hidden]{display:none!important}
.hd24fd .hd24fd-alert{margin-top:20px;padding:16px 18px;border:1px solid #dba79c;border-radius:12px;background:#fff0ed}
.hd24fd .hd24fd-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hd24fd .hd24fd-upload{display:block;padding:20px;border:2px dashed #a7c4b2;border-radius:15px;background:var(--gp)}
.hd24fd .hd24fd-upload strong{display:block;color:var(--gd)}
.hd24fd .hd24fd-upload p{color:var(--m);font-size:.91rem}
.hd24fd .hd24fd-tips,.hd24fd .hd24fd-summary{margin-top:20px;padding:18px;border:1px solid var(--b);border-radius:13px;background:#f8faf9}
.hd24fd .hd24fd-tips h3,.hd24fd .hd24fd-summary h3{margin:0 0 7px;color:var(--gd)}
.hd24fd .hd24fd-consent{margin-top:24px;padding:clamp(18px,4vw,26px);border:1px solid #c9dcd0;border-radius:15px;background:#f8fbf9}
.hd24fd .hd24fd-consent h3{margin:0;color:var(--gd)}
.hd24fd .hd24fd-consent-card{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:16px;border:1px solid #d0dfd6;border-radius:12px;background:#fff;cursor:pointer}
.hd24fd .hd24fd-consent-card.hd24fd-optional{background:#eef8f2;border-color:#9fc5ad}
.hd24fd .hd24fd-consent-card input[type=checkbox],.hd24fd .hd24fd-consent-card input[type=radio]{flex:0 0 19px;width:19px;height:19px;margin:3px 0 0;accent-color:var(--g)}
.hd24fd .hd24fd-consent-card>span{flex:1 1 auto;min-width:0}
.hd24fd .hd24fd-consent-card strong{display:block;color:var(--gd)}
.hd24fd .hd24fd-consent-card small{display:block;margin-top:5px;color:var(--m)}
.hd24fd .hd24fd-privacy{margin-top:14px;border:1px solid var(--b);border-radius:11px;background:#fff}
.hd24fd .hd24fd-privacy summary{padding:13px 15px;color:var(--gd);font-weight:800;cursor:pointer}
.hd24fd .hd24fd-privacy>div{padding:0 15px 15px;color:var(--m)}
.hd24fd .hd24fd-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--b)}
.hd24fd .hd24fd-step-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid var(--g);border-radius:999px;background:#fff;color:var(--g);font:inherit;font-weight:800;cursor:pointer}
.hd24fd .hd24fd-step-button.hd24fd-primary{background:var(--g);color:#fff}
.hd24fd .hd24fd-submitarea{text-align:center;margin-top:25px}
.hd24fd .hd24fd-submit{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 28px;border:0;border-radius:999px;background:var(--g);color:#fff;font:inherit;font-weight:900;cursor:pointer}
.hd24fd .hd24fd-submitnote{display:block;margin-top:10px;color:var(--m);font-size:.87rem}
.hd24fd .hd24fd-faq,.hd24fd .hd24fd-example-result{margin-top:38px;padding:clamp(22px,5vw,40px);border:1px solid var(--b);border-radius:18px;background:#fff}
.hd24fd .hd24fd-faq h2,.hd24fd .hd24fd-example-result h2{margin:0 0 8px;color:var(--gd)}
.hd24fd .hd24fd-faq details{border-top:1px solid var(--b)}
.hd24fd .hd24fd-faq summary{padding:15px 4px;color:var(--gd);font-weight:800;cursor:pointer}
.hd24fd .hd24fd-faq details p{padding:0 4px 17px;margin:0}
.hd24fd .hd24fd-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.hd24fd .hd24fd-example-grid>div{padding:16px;border-radius:13px;background:var(--gp)}
.hd24fd .hd24fd-example-grid h3{margin:0 0 6px;color:var(--gd)}
.hd24fd .hd24fd-qwrap{position:relative;display:inline-flex;vertical-align:middle}
.hd24fd .hd24fd-qbtn{display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #87aa94;border-radius:50%;background:var(--gs);color:var(--g);font:inherit;font-size:.82rem;font-weight:900;cursor:help}
.hd24fd .hd24fd-qbtn:hover,.hd24fd .hd24fd-qbtn:focus{background:var(--g);color:#fff;outline:3px solid #17563824}
.hd24fd .hd24fd-tip{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:50;width:min(320px,calc(100vw - 34px));padding:12px 14px;border-radius:10px;background:#173d2b;color:#fff;font-size:.86rem;font-weight:400;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:.16s}
.hd24fd .hd24fd-qwrap:hover .hd24fd-tip,.hd24fd .hd24fd-qwrap:focus-within .hd24fd-tip,.hd24fd .hd24fd-qwrap.open .hd24fd-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.hd24fd .hd24fd-waterresult{margin-top:16px;padding:18px;border:1px solid #c7dbcf;border-radius:13px;background:#fff}
.hd24fd .hd24fd-watervals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hd24fd .hd24fd-watervals>div{padding:10px;border-radius:9px;background:var(--gp)}
.hd24fd .hd24fd-watervals dt{color:var(--m);font-size:.79rem}
.hd24fd .hd24fd-watervals dd{margin:3px 0 0;color:var(--gd);font-weight:800}

.hd24fd .hd24fd-choice:focus-within{border-color:var(--g);outline:3px solid #17563824}
.hd24fd .hd24fd-step-button:focus-visible,.hd24fd .hd24fd-submit:focus-visible,.hd24fd .hd24fd-qbtn:focus-visible{outline:3px solid #17563835;outline-offset:2px}
.hd24fd .hd24fd-form-status{margin-top:16px;padding:12px 14px;border:1px solid var(--b);border-radius:10px;background:var(--gp);color:var(--gd)}
.hd24fd .hd24fd-form-status.hd24fd-error{border-color:#dba79c;background:#fff0ed;color:#7d2419}
@media(max-width:900px){
  .hd24fd .hd24fd-intro,.hd24fd .hd24fd-grid3{grid-template-columns:1fr}
  .hd24fd .hd24fd-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .hd24fd .hd24fd-grid,.hd24fd .hd24fd-choices,.hd24fd .hd24fd-uploads,.hd24fd .hd24fd-intro,.hd24fd .hd24fd-example-grid{grid-template-columns:1fr}
  .hd24fd .hd24fd-hero{border-radius:18px}
  .hd24fd .hd24fd-tip{position:fixed;left:17px;right:17px;bottom:18px;width:auto;transform:translateY(8px)}
  .hd24fd .hd24fd-qwrap:hover .hd24fd-tip,.hd24fd .hd24fd-qwrap:focus-within .hd24fd-tip,.hd24fd .hd24fd-qwrap.open .hd24fd-tip{transform:translateY(0)}
  .hd24fd .hd24fd-step-actions{flex-direction:column}
  .hd24fd .hd24fd-step-button{width:100%}
}