.vitta-tool-page{--terracotta:#b65f45;--terracotta-dark:#7d382c;--terracotta-soft:#f7e8df;--cream:#fffaf5;--ink:#282321;--muted:#6e625d;--line:#ead9cf;--green:#506b59;--shadow:0 22px 60px rgba(91,48,36,.16);width:100%;margin:0 auto;padding:32px 18px;color:var(--ink);background:#f4eee9;font-family:inherit;line-height:1.55}.vitta-tool-page *{box-sizing:border-box}.vitta-tool-page .vitta-tool{max-width:940px;margin:0 auto}.vitta-tool-page .tool-card{overflow:hidden;border:1px solid rgba(125,56,44,.18);border-radius:28px;background:var(--cream);box-shadow:var(--shadow)}.vitta-tool-page .tool-header{padding:44px clamp(24px,6vw,68px) 38px;color:#fff;background:radial-gradient(circle at 92% 10%,rgba(255,255,255,.18),transparent 24%),linear-gradient(135deg,#8f4535,var(--terracotta))}.vitta-tool-page .eyebrow{margin:0 0 12px;color:#ffe9dd;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.vitta-tool-page h1,.vitta-tool-page h2,.vitta-tool-page h3{font-family:Georgia,'Times New Roman',serif;line-height:1.12}.vitta-tool-page .tool-header h1{max-width:650px;margin:0 0 16px;font-size:clamp(2rem,5vw,3.6rem)}.vitta-tool-page .intro{max-width:680px;margin:0;color:#fff5ef;font-size:1.06rem}.vitta-tool-page .tool-body{padding:clamp(24px,5vw,56px);background:var(--cream)}.vitta-tool-page .progress-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;color:var(--muted);font-size:.88rem;font-weight:600}.vitta-tool-page .progress{height:8px;overflow:hidden;margin-bottom:34px;border-radius:10px;background:#f0dfd6}.vitta-tool-page .progress>span{display:block;width:12.5%;height:100%;border-radius:inherit;background:var(--terracotta);transition:width .25s ease}.vitta-tool-page .question{display:none;animation:vitta-rise .24s ease both}.vitta-tool-page .question.active{display:block}@keyframes vitta-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.vitta-tool-page .question h2{margin:0 0 10px;font-size:clamp(1.55rem,3vw,2.15rem)}.vitta-tool-page .question .hint{margin:0 0 24px;color:var(--muted)}.vitta-tool-page .options{display:grid;gap:12px}.vitta-tool-page .option{position:relative}.vitta-tool-page .option input{position:absolute;opacity:0;pointer-events:none}.vitta-tool-page .option label{display:block;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}.vitta-tool-page .option label:hover{border-color:var(--terracotta);transform:translateY(-1px)}.vitta-tool-page .option input:checked+label{border-color:var(--terracotta);background:var(--terracotta-soft);box-shadow:0 0 0 3px rgba(182,95,69,.13)}.vitta-tool-page .option input:focus-visible+label{outline:3px solid #e5a58e;outline-offset:2px}.vitta-tool-page .option strong{display:block;margin-bottom:3px}.vitta-tool-page .option small{color:var(--muted)}.vitta-tool-page .live-tip{min-height:24px;margin-top:18px;padding:12px 14px;border-left:3px solid var(--terracotta);border-radius:8px;color:var(--terracotta-dark);background:var(--terracotta-soft);font-size:.92rem}.vitta-tool-page .actions{display:flex;justify-content:space-between;gap:12px;margin-top:32px}.vitta-tool-page button{border:0;border-radius:999px;padding:13px 21px;font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}.vitta-tool-page button:hover{transform:translateY(-1px)}.vitta-tool-page .btn-primary{color:#fff;background:var(--terracotta-dark)}.vitta-tool-page .btn-secondary{color:var(--terracotta-dark);background:transparent;border:1px solid var(--line)}.vitta-tool-page .btn-secondary[hidden]{display:none}.vitta-tool-page .error{margin-top:14px;color:#a33c31;font-size:.9rem;font-weight:600}.vitta-tool-page #result{display:none}.vitta-tool-page .result-top{padding:24px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--green),#354e40)}.vitta-tool-page .result-top h2{margin:4px 0 8px;font-size:clamp(1.7rem,4vw,2.5rem)}.vitta-tool-page .result-top p{margin:0;color:#edf5ed}.vitta-tool-page .result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.vitta-tool-page .metric{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.vitta-tool-page .metric span{display:block;color:var(--muted);font-size:.8rem}.vitta-tool-page .metric strong{display:block;margin-top:4px;color:var(--terracotta-dark);font-size:1.1rem}.vitta-tool-page .result-section{padding:20px 0;border-bottom:1px solid var(--line)}.vitta-tool-page .result-section:last-of-type{border-bottom:0}.vitta-tool-page .result-section h3{margin:0 0 8px;font-size:1.1rem}.vitta-tool-page .recommended-article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--terracotta-soft)}.vitta-tool-page .recommended-article a{color:var(--terracotta-dark)}.vitta-tool-page .result-section p{margin:0}.vitta-tool-page .result-section ul{margin:10px 0 0;padding-left:20px}.vitta-tool-page .source-note{margin-top:24px;color:var(--muted);font-size:.84rem}.vitta-tool-page .source-note a{color:var(--terracotta-dark)}.vitta-tool-page .result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.vitta-tool-page .privacy-note{margin-top:18px;color:var(--muted);font-size:.78rem}@media(max-width:620px){.vitta-tool-page{padding:0}.vitta-tool-page .tool-card{border-radius:0;border-left:0;border-right:0}.vitta-tool-page .tool-header{padding:34px 22px 30px}.vitta-tool-page .tool-body{padding:26px 20px 34px}.vitta-tool-page .result-grid{grid-template-columns:1fr}.vitta-tool-page .actions{align-items:stretch;flex-direction:column-reverse}.vitta-tool-page .actions button{width:100%}}@media print{.vitta-tool-page{padding:0;background:#fff}.vitta-tool-page .vitta-tool{max-width:none}.vitta-tool-page .tool-card{box-shadow:none;border:0}.vitta-tool-page .tool-header,.vitta-tool-page .actions,.vitta-tool-page .result-actions,.vitta-tool-page .privacy-note{display:none!important}.vitta-tool-page .tool-body{padding:0}.vitta-tool-page #result{display:block!important}}

/* Context that makes the tool useful beyond the interaction itself */
.vitta-tool-page .vitta-tool-context{max-width:940px;margin:0 auto 24px;padding:clamp(30px,5vw,54px);border:1px solid #d9d2bf;border-radius:24px;background:#fffdf8;color:#282321}
.vitta-tool-page .vitta-tool-context .eyebrow{color:#b48635}
.vitta-tool-page .vitta-tool-context h2{max-width:720px;margin:0 0 14px;color:#173f2a;font-size:clamp(1.8rem,4vw,3rem)}
.vitta-tool-page .vitta-tool-context>p:not(.eyebrow){max-width:760px;margin:0;color:#6e625d;font-size:1.04rem}
.vitta-tool-page .vitta-tool-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.vitta-tool-page .vitta-tool-context-grid>div{padding-top:16px;border-top:2px solid #b48635}
.vitta-tool-page .vitta-tool-context-grid strong{display:block;color:#173f2a}
.vitta-tool-page .vitta-tool-context-grid span{display:block;margin-top:7px;color:#6e625d;font-size:.9rem}
.vitta-tool-page .vitta-tool-editorial-note{max-width:940px;margin:24px auto 0;padding:28px clamp(22px,5vw,50px);border-left:3px solid #b48635;background:#fffdf8}
.vitta-tool-page .vitta-tool-editorial-note h2{margin:0 0 8px;color:#173f2a;font-size:1.35rem}
.vitta-tool-page .vitta-tool-editorial-note p{margin:0;color:#6e625d;font-size:.94rem}
.vitta-tool-page .vitta-tool-editorial-note a{color:#7d382c;font-weight:700}
@media(max-width:620px){.vitta-tool-page .vitta-tool-context{border-radius:0;margin-bottom:0}.vitta-tool-page .vitta-tool-context-grid{grid-template-columns:1fr;gap:20px}.vitta-tool-page .vitta-tool-editorial-note{margin:0}}