/* ==========================================================================
   Public feature pages ("Alles was du brauchst"), first page: AI-assisted LV.
   Own file on purpose: css/style.css styles the start page with global rules
   (.hero, .nav, h1 ...). All rules are prefixed with wf- or scoped to .wf-main.
   ========================================================================== */
.wf-page{
  --wf-g:#72ae74;--wf-gd:#5a9a5c;--wf-gs:#E8F0E5;--wf-gi:#4B7344;
  --wf-t:#353535;--wf-t2:#86868b;--wf-bd:#d2d2d7;--wf-alt:#f5f5f7;--wf-rd:#B23A3A;
  --wf-r:20px;
  margin:0;background:#fff;color:var(--wf-t);line-height:1.5;
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;
}
html{scroll-behavior:smooth}
/* :where keeps the reset at zero specificity, otherwise it overrides the .lvc-* chat classes */
:where(.wf-main) *{box-sizing:border-box;margin:0;padding:0}
.wf-main a{color:inherit;text-decoration:none}
.wf-main h1,.wf-main h2,.wf-main h3{letter-spacing:-.02em;line-height:1.12}
.wf-wrap{max-width:1160px;margin:0 auto;padding:0 28px}

/* Icons from public/images as CSS mask */
.wf-ic{display:inline-block;width:26px;height:26px;flex-shrink:0;background:currentColor;
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.wf-i-approval{--ic:url('../images/filemanager_src_approval.svg')}
.wf-i-tender{--ic:url('../images/filemanager_src_tender.svg')}
.wf-i-sparkle{--ic:url('../images/icon_ana_sparkle.svg')}
.wf-i-check{--ic:url('../images/icon_check_stroke_1.svg')}
.wf-i-doc{--ic:url('../images/icon_document_lines_1.svg')}
.wf-i-formula{--ic:url('../images/icon_formel_1.svg')}
.wf-i-history{--ic:url('../images/icon_history_1.svg')}
.wf-i-knowledge{--ic:url('../images/icon_knowledge_1.svg')}
.wf-i-lock{--ic:url('../images/icon_lock_1.svg')}
.wf-i-offer{--ic:url('../images/icon_offer_to_lv.svg')}
.wf-i-question{--ic:url('../images/icon_question_1.svg')}
.wf-i-arrow{--ic:url('../images/icon_arrow_right.svg')}
.wf-i-cross{--ic:url('../images/icon_x_stroke_1.svg')}
.wf-i-compare{--ic:url('../images/icon_offer_compare_1.svg')}
.wf-icb{width:46px;height:46px;border-radius:13px;background:var(--wf-g);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ---------- Title area ---------- */
.wf-head{background:linear-gradient(135deg,#72ae74 0%,#4B7344 100%);color:#fff;padding-bottom:120px}
.wf-nav{display:flex;align-items:center;gap:28px;padding:22px 0}
.wf-logo img{height:42px;display:block;filter:brightness(0) invert(1)}
.wf-links{display:flex;gap:26px;margin-left:auto;font-size:.95rem;font-weight:500}
.wf-links a:hover{color:#d9f0d9}
.wf-nav-cta{background:#fff;color:var(--wf-gi)!important;border-radius:980px;padding:9px 18px;font-size:.85rem;font-weight:600;white-space:nowrap}
.wf-nav-cta:hover{background:#f0f6ee}
.wf-lang{position:relative;font-size:.85rem;font-weight:600}
.wf-lang summary{cursor:pointer;list-style:none;border:1px solid rgba(255,255,255,.5);border-radius:980px;padding:7px 13px}
.wf-lang summary::-webkit-details-marker{display:none}
.wf-lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:150px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.2)}
.wf-lang-menu button{display:block;width:100%;font:inherit;font-weight:500;text-align:left;cursor:pointer;background:none;border:0;border-radius:8px;padding:8px 10px;color:var(--wf-t)}
.wf-lang-menu button:hover,.wf-lang-menu button.is-active{background:var(--wf-gs);color:var(--wf-gi)}
.wf-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:36px}
.wf-crumb{font-size:.82rem;color:rgba(255,255,255,.85);margin-bottom:18px}
.wf-crumb a:hover{color:#fff;text-decoration:underline}
.wf-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);border-radius:980px;padding:6px 14px 6px 10px;font-size:.82rem;font-weight:600}
.wf-pill .wf-ic{width:16px;height:16px}
.wf-beta{display:inline-block;vertical-align:top;margin-left:6px;background:#fff;color:var(--wf-gi);border-radius:980px;padding:6px 12px;font-size:.82rem;font-weight:600}
.wf-formats{font-size:1.05rem;font-weight:600}
.wf-video{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;background:#fff}
.wf-chatbox:has(.wf-hero-img){padding:0;background:#fff;overflow:hidden}
.wf-hero-img{display:block;width:100%;height:auto}
.wf-chat-note{margin-top:12px;font-size:.78rem;color:var(--wf-t2)}
.wf-main h1{font-size:clamp(2.3rem,4.4vw,3.4rem);font-weight:650;margin:18px 0 16px}
.wf-main h1 em{font-style:normal;color:#d9f0d9}
.wf-lead{font-size:1.1rem;color:rgba(255,255,255,.85);max-width:540px}
.wf-ways{display:flex;flex-direction:column;gap:8px;margin-top:22px;max-width:540px}
.wf-ways-t{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.wf-way{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1rem;padding:9px 14px 9px 10px;border:1px solid rgba(255,255,255,.35);border-radius:12px;transition:.2s}
.wf-way:hover{border-color:#fff}
.wf-way-n{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--wf-gi);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wf-btns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.wf-b1,.wf-b2{display:inline-flex;align-items:center;padding:13px 24px;border-radius:980px;font-weight:500;font-size:.98rem;transition:.2s;cursor:pointer}
.wf-b1{background:#1d1d1f;color:#fff!important}.wf-b1:hover{background:#000}
.wf-b2{border:1px solid rgba(255,255,255,.6);color:#fff}.wf-b2:hover{border-color:#fff}
.wf-chatbox{background:#EDEDED;color:var(--wf-t);border-radius:18px;padding:18px 20px 22px;box-shadow:0 30px 60px rgba(0,0,0,.25);min-width:0}
.wf-chatbox .lvc-wrap{zoom:.68;gap:20px;max-width:none}
.wf-chatbox .lvc-row{animation:none;opacity:1;transform:none}
.wf-chatbox .lvc-bubble{max-width:100%}
.wf-mini{width:100%;border-collapse:collapse;font-family:Abel,Helvetica,sans-serif}
.wf-mini td{padding:7px 10px;border-bottom:1px solid #E5E5E5;font-size:16px}
.wf-mini td.wf-r{text-align:right;white-space:nowrap}
.wf-mini tr.is-on td{background:var(--wf-gs);color:#2F5E2A}
.wf-costs{padding:14px;border-radius:12px;background:#fff;overflow-x:auto}
.wf-costs-h td{color:var(--wf-t2);font-size:14px}
.wf-mini tr.is-over td:last-child{color:#C0392B;font-weight:600}
.wf-qb{display:flex;gap:8px;margin-top:12px}
.wf-qb span{display:inline-flex;align-items:center;border-radius:980px;padding:6px 14px;font-size:.85rem;font-weight:600}
.wf-qb-1{background:var(--wf-g);color:#fff}
.wf-qb-2{border:1px solid var(--wf-bd);color:var(--wf-t)}

/* ---------- Process bar ---------- */
.wf-proc{margin-top:-56px;position:relative}
.wf-proc .wf-wrap>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.12);padding:8px 20px}
.wf-st{display:flex;align-items:center;gap:12px;padding:18px 12px}
.wf-st-no{width:32px;height:32px;border-radius:50%;border:2px solid var(--wf-g);color:var(--wf-gi);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wf-st b{display:block;font-size:.95rem}
.wf-st small{display:block;font-size:.8rem;color:var(--wf-t2)}

/* ---------- Phases ---------- */
.wf-phases{padding:40px 0 80px}
.wf-ph{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding:72px 0;scroll-margin-top:20px}
.wf-ph-num{color:var(--wf-t);font-size:.95rem;font-weight:600;margin-bottom:10px}
/* Start of a merged former page: its name on a line across the page */
.wf-ph-part{display:flex;align-items:center;gap:16px;margin-top:40px;color:var(--wf-t2);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.wf-ph-part:after{content:"";flex:1;height:1px;background:var(--wf-bd)}
.wf-ph-head h2{font-size:1.9rem;font-weight:650}
.wf-ph-head p{margin-top:10px;font-size:.95rem;color:var(--wf-t2)}
.wf-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;align-content:start}
.wf-items-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.wf-bl{border-top:1px solid var(--wf-bd);padding:24px 0;scroll-margin-top:20px}
.wf-bl-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.wf-bl h3{font-size:1.2rem;font-weight:650}
.wf-bl p{font-size:.93rem;color:var(--wf-t2);margin-bottom:14px}
.wf-gains{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.wf-gains span{display:inline-flex;align-items:center;gap:5px;padding:0 10px 0 0;font-size:.78rem}
.wf-gains .wf-ic{width:14px;height:14px;color:var(--wf-g)}
.wf-where{font-size:.78rem;color:var(--wf-t2)}
.wf-where b{color:var(--wf-t);font-weight:600}
/* Phase with a picture: copy and picture side by side, the side alternates */
.wf-ph-copy{display:contents}
.wf-ph.has-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:48px 0}
.wf-ph.has-image .wf-ph-copy{display:block}
.wf-ph.has-image .wf-items{grid-template-columns:minmax(0,1fr);margin-top:24px}
.wf-ph.has-image .wf-bl{padding:18px 0}
.wf-ph.has-image .wf-bl p{margin-bottom:6px}
.wf-ph-image{margin:0;border:1px solid var(--wf-bd);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.08)}
.wf-ph-image img{display:block;width:100%;height:auto}
.wf-ph.is-flipped .wf-ph-image{order:-1}
.wf-soon{display:inline-flex;align-items:center;gap:5px;background:#FFF6E8;color:#B06A10;border:1px solid #FFD9A8;border-radius:980px;padding:1px 9px;font-size:.74rem;font-weight:600;white-space:nowrap}
.wf-soon:before{content:"";width:6px;height:6px;border-radius:50%;background:#FF931E}

/* Precision phase: formula, change preview, comparison */
.wf-ph-wide{grid-column:1/-1;min-width:0;display:flex;flex-direction:column;gap:20px;margin-top:8px}
.wf-fml{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;border-top:1px solid var(--wf-bd);border-bottom:1px solid var(--wf-bd);padding:18px 0}
.wf-fml-i{display:flex;align-items:center;gap:10px;font-size:.98rem}
.wf-fml-o{font-size:1.4rem;font-weight:600;color:var(--wf-t2)}
.wf-fml-r{margin-left:auto;background:#1d1d1f;color:#fff;border-radius:980px;padding:10px 18px;font-weight:600;font-size:.95rem}
.wf-pw2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px}
.wf-dfx{border-top:1px solid var(--wf-bd);padding:24px 24px 24px 0;min-width:0}
.wf-dfx-k{display:block;font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--wf-gi);margin-bottom:12px}
.wf-dfx-u{background:#4B4B4B;color:#fff;border-radius:14px 14px 4px 14px;padding:10px 14px;font-size:.9rem;margin:0 0 18px 28px}
.wf-dfx h3{font-size:1.1rem;font-weight:650;margin-bottom:10px}
.wf-dfx-r{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #ececef;font-size:.9rem;cursor:pointer}
.wf-dfx-r input{margin-top:3px;accent-color:var(--wf-g);flex-shrink:0}
.wf-dfx-r small{display:block;color:#B06A10;font-size:.8rem;margin-top:2px}
.wf-tg{display:inline-block;font-style:normal;font-size:.72rem;font-weight:600;border-radius:980px;padding:1px 8px;margin-right:7px}
.wf-tg-c{background:#EAF2F7;color:#2F6E93}.wf-tg-n{background:var(--wf-gs);color:var(--wf-gi)}.wf-tg-d{background:#FDECEC;color:var(--wf-rd)}
.wf-dfx-f{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.82rem;color:var(--wf-t2)}
.wf-dfx-f .wf-ic{width:16px;height:16px;color:var(--wf-g)}
.wf-cmp{border-top:1px solid var(--wf-bd);min-width:0;align-self:start}
.wf-cmp-h,.wf-cmp-r{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px;padding:13px 0}
.wf-cmp-h{color:var(--wf-t2);font-size:.82rem;font-weight:600}
.wf-cmp-r{border-top:1px solid #ececef;font-size:.9rem}
.wf-cmp-r span:first-child{color:var(--wf-t2)}

/* ---------- Shared section frame ---------- */
.wf-sx{padding:80px 0}
.wf-sx-h{margin-bottom:28px}
.wf-sec-k{display:block;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wf-gi);margin-bottom:6px}
.wf-sec-h{font-size:2.2rem;font-weight:650}
.wf-note{margin-top:18px;font-size:.8rem;color:var(--wf-t2)}

/* ---------- Practice: two boards ---------- */
.wf-practice{background:var(--wf-alt)}
.wf-tf{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center}
.wf-pa,.wf-pb{border-radius:var(--wf-r);padding:28px 30px}
.wf-pa{background:#fff;color:var(--wf-t2)}
.wf-pb{background:var(--wf-g);color:#fff;box-shadow:0 14px 40px rgba(114,174,116,.35)}
.wf-tf h3{font-size:1.35rem;font-weight:650;margin-bottom:12px}
.wf-pa h3{color:var(--wf-t)}
.wf-tf ul{list-style:none}
.wf-tf li{display:flex;align-items:center;gap:12px;min-height:70px;border-top:1px solid rgba(0,0,0,.08);font-size:1rem}
.wf-pb li{border-color:rgba(255,255,255,.3);font-weight:500}
.wf-tf li .wf-ic{width:20px;height:20px}
.wf-pa li .wf-ic{color:var(--wf-rd)}
.wf-md{width:44px;height:44px;margin:0 auto;border-radius:50%;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;color:var(--wf-g)}
.wf-md .wf-ic{width:24px;height:24px}

/* ---------- FAQ: numbered ---------- */
.wf-faq-list{border-top:2px solid var(--wf-t)}
.wf-ac{border-bottom:1px solid var(--wf-bd)}
.wf-ac summary{cursor:pointer;list-style:none;display:flex;justify-content:flex-start;align-items:baseline;gap:24px;font-size:1.15rem;font-weight:600;padding:22px 0}
.wf-ac summary::-webkit-details-marker{display:none}
.wf-ac summary:after{content:"+";margin-left:auto;color:var(--wf-g);font-size:1.3rem;line-height:1;flex-shrink:0}
.wf-ac[open] summary:after{content:"–"}
.wf-ac-no{font-size:2rem;font-weight:800;color:var(--wf-g);letter-spacing:-.03em;width:56px;flex-shrink:0}
.wf-ac p{padding:0 28px 18px 80px;font-size:.93rem;color:var(--wf-t2)}

/* ---------- Closing band + footer ---------- */
.wf-cta{background:var(--wf-g);color:#fff;padding:64px 0}
.wf-cta .wf-wrap{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.wf-cta h2{font-size:2.2rem;font-weight:650}
.wf-cta p{opacity:.9;margin-top:6px}
.wf-cta .wf-btns{margin:0 0 0 auto}
.wf-cta .wf-b2{background:#fff;border-color:#fff;color:var(--wf-t)}
.wf-foot{background:#1d1d1f;color:#999;font-size:.8rem;padding:24px 0}
.wf-foot .wf-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.wf-foot img{height:30px;display:block}
.wf-foot-links{display:flex;align-items:center;gap:18px;margin-left:auto;flex-wrap:wrap}
.wf-foot a:hover{color:#fff}
.wf-foot .cc-reopen{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.wf-foot .cc-reopen:hover{color:#fff}

/* ---------- Navigation between the feature pages ---------- */
.wf-main a.wf-fback{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--wf-gi);border-radius:980px;padding:13px 24px;margin-bottom:22px;font-size:1.05rem;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.wf-main a.wf-fback:hover{background:var(--wf-gs);color:var(--wf-gi)}
.wf-fback .wf-ic{width:20px;height:20px}
.wf-fback-left{transform:rotate(180deg)}
.wf-fnav{background:var(--wf-alt);padding:56px 0}
.wf-fnav h2{font-size:1.8rem;font-weight:650;margin-bottom:16px}
.wf-fnav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.wf-main a.wf-fnav-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--wf-bd);border-radius:12px;padding:12px 14px;font-weight:500}
.wf-main a.wf-fnav-item:hover{border-color:var(--wf-g);color:var(--wf-gi)}

/* ---------- Booking notice (languages other than German) ---------- */
.wf-popup{background:#fff;border-radius:12px;padding:28px;max-width:560px;font-family:'Inter',-apple-system,'Segoe UI',sans-serif;color:var(--wf-t)}
.wf-popup h3{font-size:1.35rem;font-weight:650;color:var(--wf-gi);margin:0 0 10px}
.wf-popup p{margin:0 0 20px;font-size:.95rem}
.wf-popup-btns{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.wf-popup button{font:inherit;font-weight:600;cursor:pointer;border-radius:980px;padding:10px 18px;border:1px solid var(--wf-bd);background:#fff;color:var(--wf-t)}
.wf-popup button:hover{border-color:var(--wf-g);color:var(--wf-gi);background:#fff}
.wf-popup button.wf-popup-go,.wf-popup button.wf-popup-go:hover{background:var(--wf-g);border-color:var(--wf-g);color:#fff}

@media (max-width:900px){
  .wf-links{display:none}
  .wf-lang{margin-left:auto}
  .wf-hero,.wf-ph,.wf-pw2,.wf-items,.wf-items-3{grid-template-columns:minmax(0,1fr)}
  .wf-ph.has-image{grid-template-columns:minmax(0,1fr);gap:24px;padding:36px 0}
  .wf-ph.is-flipped .wf-ph-image{order:0}
  .wf-proc .wf-wrap>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wf-tf{grid-template-columns:minmax(0,1fr);gap:12px}
  .wf-md{transform:rotate(90deg)}
  .wf-ac p{padding-left:0}
  .wf-ph{gap:20px;padding:44px 0}
  .wf-dfx{padding-right:0}
  .wf-cta .wf-btns{margin:0}
  .wf-foot-links{margin-left:0}
}
@media (max-width:520px){
  .wf-wrap{padding:0 16px}
  .wf-nav{gap:10px}
  .wf-logo img{height:32px}
  .wf-proc .wf-wrap>div{padding:6px 8px}
  .wf-st{padding:12px 6px;gap:8px}
  .wf-sec-h,.wf-cta h2{font-size:1.8rem}
  .wf-ac summary{gap:12px;font-size:1.02rem}
  .wf-ac-no{font-size:1.5rem;width:38px}
  .wf-pa,.wf-pb{padding:22px}
  .wf-fnav{padding:40px 0}
}

/* Notice page before the presentation booking (/meet, all languages except German) */
.wf-meet{display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:16px;background:#f5f5f7;font-family:'Inter',sans-serif;color:#353535}
.wf-meet-box{width:100%;max-width:560px;padding:32px;border-radius:12px;background:#fff;box-shadow:rgba(14,30,37,.12) 0 2px 4px 0}
.wf-meet-box h1{margin:0 0 12px;font-size:26px;font-weight:600}
.wf-meet-box p{margin:0 0 24px;font-size:16px;line-height:1.5}
.wf-meet-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.wf-meet-btn{padding:10px 18px;border:1px solid #d2d2d7;border-radius:8px;color:#353535;font-size:16px;text-decoration:none}
.wf-meet-btn.is-primary{border-color:#72ae74;background:#72ae74;color:#fff}
.wf-meet-btn:hover{border-color:#4b7344}
.wf-meet-btn.is-primary:hover{background:#4b7344;color:#fff}
@media (max-width:480px){.wf-meet-actions{flex-direction:column-reverse}.wf-meet-btn{text-align:center}}

/* ==========================================================================
   Legal pages /agb and /datenschutz (resources/views/legal/page.blade.php), prefix wf-lg-
   ========================================================================== */
.wf-head-legal{padding-bottom:56px}
.wf-lg-hero{padding-top:28px;max-width:820px}
.wf-main .wf-lg-hero h1{font-size:clamp(2rem,3.8vw,2.9rem);margin:18px 0 12px}
.wf-lg-switch{display:inline-flex;gap:4px;background:rgba(255,255,255,.18);border-radius:980px;padding:4px}
.wf-lg-switch a{padding:6px 16px;border-radius:980px;font-size:.88rem;font-weight:600}
.wf-lg-switch a:hover{background:rgba(255,255,255,.18)}
.wf-lg-switch a.is-active,.wf-lg-switch a.is-active:hover{background:#fff;color:var(--wf-gi)}
.wf-lg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:.92rem;color:rgba(255,255,255,.9)}
.wf-lg-pdf{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#fff}
.wf-lg-pdf:hover{text-decoration:underline}
.wf-lg-pdf .wf-ic{width:16px;height:16px;transform:rotate(90deg)}
.wf-lg{background:var(--wf-alt);padding:48px 0 72px}
.wf-lg>.wf-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.wf-lg-toc{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;font-size:.88rem;padding-right:6px}
.wf-lg-toc-title{font-weight:650;color:var(--wf-gi);margin-bottom:10px;font-size:.95rem}
.wf-lg-toc ol{list-style:none}
.wf-lg-toc li{margin:0 0 2px}
.wf-lg-toc a{display:block;padding:5px 10px;border-radius:8px;color:var(--wf-t);line-height:1.35}
.wf-lg-toc a:hover{background:#fff;color:var(--wf-gi)}
.wf-lg-toc a.is-active{background:var(--wf-gs);color:var(--wf-gi);font-weight:600}
.wf-lg-doc{background:#fff;border:1px solid var(--wf-bd);border-radius:var(--wf-r);padding:40px 44px;font-size:.97rem;line-height:1.65;color:var(--wf-t)}
.wf-lg-doc section{scroll-margin-top:20px}
.wf-lg-doc section+section{margin-top:34px;padding-top:30px;border-top:1px solid #ececef}
.wf-main .wf-lg-doc h2{font-size:1.3rem;font-weight:650;color:var(--wf-gi);line-height:1.3;margin:0 0 14px}
.wf-lg-doc p{margin:0 0 10px}
.wf-lg-doc b{font-weight:600}
.wf-lg-item{position:relative;padding-left:34px;margin:0 0 12px}
.wf-lg-no{position:absolute;left:0;top:0;color:var(--wf-t2);font-variant-numeric:tabular-nums}
.wf-lg-sub{padding-left:20px;margin:6px 0}
.wf-lg-note{background:var(--wf-gs);color:var(--wf-gi);border-radius:12px;padding:12px 16px;margin:0 0 24px}
.wf-lg-end{margin-top:34px;padding-top:16px;border-top:1px solid #ececef;color:var(--wf-t2);font-size:.85rem}
@media (max-width:900px){
  .wf-lg>.wf-wrap{grid-template-columns:minmax(0,1fr);gap:0}
  .wf-lg-toc{display:none}
  .wf-lg{padding:24px 0 48px}
}
@media (max-width:520px){
  .wf-lg>.wf-wrap{padding:0 8px}
  .wf-lg-doc{padding:24px 18px;font-size:.94rem}
  .wf-lg-item{padding-left:28px}
  .wf-lg-sub{padding-left:10px}
}