@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap');:root{--paper:#f2ede4;--ink:#36545b;--teal:#3d5f65;--coral:#c9725c;--cream:#fffefa;--line:#d9d4c8;--muted:#7b8684}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:14px 'DM Sans',sans-serif;color:var(--ink)}button,textarea,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:74px;padding:0 5vw;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand,footer strong{font:700 26px Fraunces,Georgia,serif}.brand span,footer strong span{color:var(--coral)}nav{display:flex;gap:25px;font-size:12px;font-weight:700}nav a:hover{text-decoration:underline}.head-note{font-size:9px;color:#a49b8e;letter-spacing:1.4px;font-weight:700;margin-left:auto}.hero{display:grid;grid-template-columns:1fr .9fr;min-height:480px;max-width:1550px;margin:auto}.hero-copy{padding:86px 5vw 70px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.7px;color:#b47b62;font-weight:700}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500}h1{font-size:clamp(54px,5.8vw,88px);line-height:1.08;letter-spacing:-2.7px;margin:20px 0}h1 em,h2 em{color:#ba6f57;font-weight:500}.hero-copy p{max-width:530px;color:#72817c;font-size:16px;line-height:1.7;margin:0 0 27px}.cta,.input-panel button{display:inline-flex;justify-content:space-between;gap:60px;background:var(--teal);color:#fff;padding:15px 18px;border:0;font-size:12px;font-weight:700}.cta:hover,.input-panel button:hover{background:#557980}.cta span{font-size:18px}.hero-micro{color:#9ca49a;font-size:9px;letter-spacing:1.3px;font-weight:700;margin-top:24px}.art{background:#d5e1d9;display:grid;place-items:center;position:relative;overflow:hidden}.art:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #aec7b9;border-radius:50%}.art-card{position:relative;background:#fffdf4;width:min(80%,400px);padding:32px;transform:rotate(4deg);box-shadow:14px 17px 0 #8eae9b66}.art-card small{display:block;color:#aa775f;font-size:9px;letter-spacing:1.5px;font-weight:700}.art-card strong{display:block;font:500 31px Fraunces,Georgia,serif;margin:30px 0 7px}.art-card>span{font-size:10px;color:#af846b;font-weight:700}.art-lines{display:flex;gap:4px;margin:25px 0}.art-lines i{font-style:normal;background:#e8f0e8;padding:8px 10px;font:500 17px Fraunces,Georgia,serif}.art-lines i:nth-child(even){background:#f5e4ce}.tool{background:#e7e9e2;padding:68px 5vw 85px}.tool>.section-kicker,.intro,.app{max-width:1460px;margin-left:auto;margin-right:auto}.intro h2,.how h2{font-size:clamp(39px,4.2vw,64px);letter-spacing:-1.5px;margin:12px 0}.intro p{color:#74817a;line-height:1.6;margin:0 0 25px;max-width:700px}.app{display:grid;grid-template-columns:310px 1fr;gap:17px;align-items:start}.input-panel,.results{background:var(--cream);border:1px solid #cfd9d0;padding:23px}.input-panel h3{font-size:24px;margin:0 0 19px}.input-panel label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.input-panel textarea{width:100%;resize:vertical;line-height:1.7;border:1px solid #ccd7cf;background:#fff;padding:10px;color:var(--ink)}.input-panel textarea:focus,.result-row input:focus{outline:2px solid var(--teal);outline-offset:1px}.input-panel p{font-size:10px;color:#97a49a;line-height:1.55}.input-panel button{width:100%;margin-top:10px}.input-panel .error{color:#a64031;background:#fff0e9;padding:9px}.privacy{border-top:1px solid #e0e6dd;padding-top:19px;margin-top:24px;color:#9ca8a0;font-size:10px;line-height:1.5}.results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e0e5de;padding-bottom:16px}.results-head span{font-size:9px;letter-spacing:1.4px;color:#aa745e;font-weight:700}.results-head h3{font-size:28px;margin:4px 0}.results-head button{background:var(--teal);color:#fff;border:0;padding:11px 13px;font-size:11px;font-weight:700}.notice{background:#fff3e8;border-left:3px solid var(--coral);padding:13px;color:#866b5b;font-size:11px;line-height:1.55;margin:16px 0}.notice strong{color:#a45743}.result-row{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(160px,1fr) 70px;gap:12px;align-items:center;border-bottom:1px solid #e4e9e1;padding:10px 0}.result-row .word{font:500 18px Fraunces,Georgia,serif;overflow:hidden;text-overflow:ellipsis}.result-row input{width:100%;border:1px solid #d3ddd3;padding:9px;background:#fff;color:var(--ink)}.result-row .count{color:#aa745e;font-size:10px;text-align:right;font-weight:700}.example{background:#eff3eb;padding:17px;margin-top:20px}.example>span{font-size:9px;letter-spacing:1.4px;color:#af765b;font-weight:700}.example>div{margin-top:8px;font:500 20px Fraunces,Georgia,serif}.example>div span{color:#ba755d;margin:0 10px}.example p{font-size:10px;color:#94a096;margin-bottom:0}.how{max-width:1540px;margin:auto;padding:90px 5vw}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.steps article{border-top:1px solid #cfd7cc;padding-top:17px}.steps article>span{font:500 25px Fraunces,Georgia,serif;color:#c67b5d}.steps h3{font-size:24px;margin:15px 0 5px}.steps p{color:#7c8a7f;line-height:1.65;max-width:315px}.faq{border-top:1px solid #d3dacd;max-width:1380px;margin:auto;padding:48px 5vw 80px}.faq details{border-bottom:1px solid #d3dacd;padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#7c8a7f;line-height:1.7}footer{background:var(--teal);color:#c7d9d0;display:flex;align-items:center;gap:26px;padding:25px 5vw;font-size:11px}footer strong{color:#fff}footer a{margin-left:auto;text-decoration:underline}#print-sheets{display:none}.worksheet{padding:10mm;break-after:page}.worksheet:last-child{break-after:auto}.worksheet small{font-size:9pt;letter-spacing:1.5pt;color:#a66b55}.worksheet h2{font-size:29pt;margin:4mm 0 9mm}.worksheet>p{font-size:10pt}.worksheet-row{display:flex;align-items:baseline;gap:9mm;border-bottom:1px solid #b6c7b9;padding:4mm 0;min-height:14mm;font-size:14pt}.worksheet-row b{width:10mm;color:#aa7862}.worksheet-row strong{min-width:45mm}.worksheet-row span{flex:1;color:#7b927e}.answer .worksheet-row span{color:#2d5c56}@media(max-width:900px){.hero{grid-template-columns:1fr}.art{min-height:350px}.app{grid-template-columns:1fr}}@media(max-width:600px){header{height:63px;gap:13px}nav{margin-left:auto;gap:12px;font-size:11px}.head-note{display:none}.hero-copy{padding:60px 5vw}.tool{padding:55px 4vw}.results{padding:13px}.results-head{display:block}.results-head button{margin-top:10px}.result-row{grid-template-columns:1fr 1.3fr;gap:5px}.result-row .count{grid-column:2}.steps{grid-template-columns:1fr}.how{padding:65px 5vw}footer{flex-wrap:wrap}footer a{margin-left:0}}@media print{header,.hero,.tool>.section-kicker,.intro,.app,.how,.faq,footer{display:none!important}body,.tool{background:#fff}.tool{padding:0}#print-sheets{display:block}.worksheet{height:270mm}.worksheet-row{min-height:11mm;padding:2mm 0;font-size:11pt}@page{size:A4;margin:10mm}}
.print-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.print-options label{font-size:11px;color:#49696d;display:flex;align-items:center;gap:5px}.print-options input{accent-color:#3d5f65}.clear-words{background:transparent;border:0;border-bottom:1px solid #8aa5a8;color:#3d5f65;font-size:11px;padding:7px 0;margin-top:12px;cursor:pointer}.practical{max-width:1450px;margin:auto;padding:40px 5vw 70px;border-top:1px solid #d8d4ca}.practical h2{font-size:clamp(32px,4vw,55px);margin:16px 0}.practical p{max-width:850px;color:#687576;line-height:1.8}@media print{.practical,.print-options,.clear-words{display:none!important}body.no-answer .worksheet.answer{display:none!important}body.no-answer .worksheet:first-child{break-after:auto}}


/* Usability pass: bring the working area into view sooner. */
@media screen {
  html { scroll-padding-top: 20px; }
  :where(a,button,input,select,textarea):focus-visible { outline: 3px solid #b66a48; outline-offset: 3px; }
  .hero h1 { font-size: clamp(46px,5.1vw,66px); line-height: 1.04; }
  .hero p { margin-bottom: 19px; }
  .tool-intro h2,.section-intro h2,.intro h2,.tool-heading h2,.tool-head h2 { font-size: clamp(34px,3.8vw,52px); }
  .tool-intro,.section-intro,.intro,.tool-heading { margin-bottom: 19px; }
}
@media screen and (max-width:700px) {
  .hero h1 { font-size: clamp(42px,11vw,50px); }
  .hero-art,.hero-pattern,.hero-visual,.box-art,.hero .art { display: none; }
  .hero-copy,.hero-text,.hero-left,.hero>div:first-child { padding: 34px 5vw 28px; }
  .tool-intro h2,.section-intro h2,.intro h2,.tool-heading h2,.tool-head h2 { font-size: clamp(32px,8.2vw,40px); }
  .tool,.planner,.tool-wrap { padding-top: 30px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}

@media screen and (min-width:701px){.hero{min-height:0}.hero-copy{padding:32px 5vw 25px}.art{min-height:340px}.tool{padding-top:27px}}@media screen and (max-width:700px){.hero{min-height:0}}

@media screen {
/* TOOLWOVEN REDESIGN 2026-10-16: silabica */
:root{--tw-accent:#3d7f85;--tw-paper:#edf7f7}
.hero{min-height:0!important;max-width:1460px!important;padding:25px max(5vw,20px) 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(130px,210px)!important;gap:24px!important;align-items:center!important;background:var(--tw-paper)}
.hero h1{font-size:clamp(29px,3.2vw,45px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0 0 8px!important;max-width:24ch}
.hero h1 br{display:none!important}
.hero p{font-size:clamp(14px,1.1vw,16px)!important;line-height:1.45!important;margin:0!important;max-width:65ch}
.hero .eyebrow,.hero .kicker,.hero .hero-micro,.hero .micro,.hero .hero-foot,.hero .privacy,.hero .hero-bottom,.hero .cta,.hero .hero-button{display:none!important}
.hero>:last-child{max-height:132px!important;min-height:0!important;overflow:hidden!important;border-radius:12px;opacity:.87}
.tool,.tool-wrap,.planner{padding:18px max(5vw,20px) 72px!important;margin-top:0!important}
.tool-intro,.tool-heading,.tool-head,.section-intro,.intro{margin-bottom:12px!important;padding-top:0!important}
.tool-intro h2,.tool-heading h2,.tool-head h2,.section-intro h2,.intro h2{font-size:clamp(20px,2vw,28px)!important;line-height:1.2!important;margin:0 0 5px!important}
.tool-intro p,.tool-heading p,.tool-head p,.section-intro p,.intro p{font-size:14px!important;line-height:1.4!important;margin:0!important}
.section-kicker{margin-bottom:8px!important}
.tool input:focus-visible,.tool select:focus-visible,.tool textarea:focus-visible,.tool-wrap input:focus-visible,.tool-wrap select:focus-visible,.planner input:focus-visible,.planner textarea:focus-visible{outline:3px solid var(--tw-accent)!important;outline-offset:2px}
@media(max-width:760px){.hero{display:block!important;padding:18px 18px 10px!important}.hero>:last-child{display:none!important}.hero h1{font-size:clamp(26px,7vw,34px)!important;max-width:none}.hero p{font-size:14px!important}.tool,.tool-wrap,.planner{padding:12px 18px 56px!important}.tool-intro p,.tool-heading p,.tool-head p,.section-intro p,.intro p{display:none!important}.section-kicker{display:none!important}}

footer{flex-wrap:wrap!important}.tw-xlinks{flex:1 1 100%!important;width:auto!important;min-width:0!important;box-sizing:border-box!important}

}