:root { color-scheme:dark; font-family:Arial,sans-serif; }
:root[data-theme=light] { color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0;background:#f7f7f7;color:#111; }
:root[data-parent-theme=dark] body { background:#0f0f0f;color:#f5f5f5; }
.yard-roi { width:min(960px,calc(100% - 3rem));margin:0 auto; }
.yard-roi-panel { display:flex;flex-direction:column;height:50rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#000;color:#f5f5f5; }
.yard-roi-question { margin-bottom:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--roi-divider,rgba(255,255,255,.16));text-align:center; }
.yard-roi-question h1 { margin:0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:500;line-height:1.2;letter-spacing:0; }
.roi-module-heading { padding-bottom:1.25rem;border-bottom:0; }
.roi-module-heading h1 { font-size:clamp(2rem,4vw,3.5rem);font-weight:600;line-height:1.04;letter-spacing:-.035em;text-wrap:balance; }
.yard-roi-controls { display:flex;justify-content:center;min-height:2.35rem;margin-top:.75rem; }
.yard-roi-progress { display:flex;align-items:flex-end;gap:.5rem;margin:clamp(2rem,5vw,4rem) 0 0; }
.yard-roi-progress span { height:.16rem;flex:1;background:rgba(255,255,255,.18);transition:height .2s ease,background .2s ease; }
.yard-roi-progress span.is-complete { background:rgba(255,255,255,.5); }
.yard-roi-progress span.is-current { height:.42rem;background:#fff;box-shadow:none; }
.yard-roi-grid { display:grid;flex:1;min-height:0;align-content:start;overflow-y:auto; }
.yard-roi-role-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:48rem;width:100%;margin:auto;overflow:visible; }
.yard-roi-area-selection { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;flex:1;align-content:start;overflow-y:auto;padding:.2rem; }
.yard-roi-area-option { position:relative;display:flex;align-items:center;min-height:3.25rem;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.28);border-radius:.35rem;background:#111;color:#fff;cursor:pointer; }
.yard-roi-area-option:hover { border-color:#d71920; }
.yard-roi-area-option input { width:1rem;height:1rem;margin:0 .65rem 0 0;accent-color:#d71920; }
.yard-roi-area-option span { font-size:.84rem;line-height:1.3; }
.yard-roi-area-option:has(input:checked) { border-color:#d71920;background:#251516;box-shadow:inset 0 0 0 1px #d71920; }
.yard-roi-selection-hint { display:none;color:#ef6b70;font-size:.75rem;text-align:center; }
.yard-roi-selection-hint.is-visible { display:block; }
.modern-roi-heading { display:grid;justify-items:center;gap:.55rem;margin-bottom:.5rem;padding-bottom:.8rem;border-bottom:0;text-align:center; }
.modern-roi-hero { max-width:58rem;margin:0 0 1.5rem!important;text-wrap:balance; }
.modern-roi-instruction { max-width:54rem;margin:0 auto;color:var(--muted);text-align:center; }
.modern-roi-category { position:relative;display:flex;align-items:baseline;justify-content:center;gap:1.25rem;width:100%;margin-top:clamp(1.5rem,3vw,2.5rem);padding:.75rem 0;border:0; }
.modern-roi-category small { position:absolute;right:0;color:rgba(255,255,255,.5);font-size:.7rem;white-space:nowrap; }
.modern-roi-category h2 { margin:0;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-align:center;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em; }
.modern-roi-list { display:grid;gap:.5rem;flex:none;min-height:0;overflow:visible;padding:0; }
.modern-roi-question-row { display:grid;min-height:1.6rem;grid-template-columns:2rem minmax(0,1fr);align-items:stretch;border:1px solid var(--roi-divider,rgba(255,255,255,.18));border-radius:.4rem;background:transparent;transition:opacity .18s ease,border-color .18s ease; }
.modern-roi-question-row:focus-within { border-color:var(--accent,#dc2029);background:var(--roi-active-bg,rgba(255,255,255,.08)); }
.modern-roi-question-row:not(.is-disabled):hover { border-color:var(--accent,#dc2029);background:var(--roi-active-bg,rgba(255,255,255,.08)); }
.modern-roi-question-row:first-child { border-top:1px solid var(--roi-divider,rgba(255,255,255,.18)); }
.modern-roi-question-row.is-disabled { opacity:.42; }
.modern-roi-check { display:grid;place-items:center;border:0;border-right:1px solid var(--roi-divider,rgba(255,255,255,.18));cursor:pointer; }
.modern-roi-check input { width:1.05rem;height:1.05rem;margin:0;accent-color:#777;cursor:pointer; }
.modern-roi-question { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.35rem 1rem .35rem .5rem; }
.modern-roi-question > span:first-child { overflow:hidden;font-size:1rem;font-weight:600;line-height:1.15;text-overflow:ellipsis;white-space:nowrap; }
.modern-roi-values { display:flex;width:10.5rem;min-width:10.5rem;align-items:center;gap:.4rem; }
.modern-roi-values input { width:4.5rem;padding:.32rem;border:0;border-radius:0;background:transparent;color:#fff;font:600 1rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;outline:0; }
.modern-roi-values small,.modern-roi-values b { white-space:nowrap;font-size:1rem;font-weight:600; }
.modern-roi-values small { color:inherit; }
.modern-roi-values b { color:rgba(255,255,255,.78); }
.modern-roi-frequency { display:grid;grid-template-columns:minmax(0,1fr) 10.5rem;align-items:center;gap:1rem;margin-top:.25rem;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--roi-divider,rgba(255,255,255,.18));border-radius:.4rem;background:transparent; }
.modern-roi-frequency > span:first-child { font-size:clamp(1rem,1.25vw,1.125rem);font-weight:600;line-height:1.25; }
.modern-roi-frequency > span:last-child { display:flex;width:10.5rem;min-width:10.5rem;align-items:center;gap:.4rem; }
.modern-roi-frequency input { width:4.5rem;padding:.32rem;border:0;border-radius:0;background:transparent;color:#fff;font:600 1rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;outline:0; }
.modern-roi-frequency small { color:inherit;font-size:1rem;font-weight:600;white-space:nowrap; }
.yard-roi-module-grid { display:grid;grid-template-columns:repeat(2,minmax(0,34rem));gap:clamp(1rem,2vw,2rem);place-content:center;align-items:center;width:min(100%,72rem);margin:clamp(1.5rem,3vw,2.5rem) auto 0; }
.yard-roi-module { display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:1.1rem;background:#090909;color:#fff;font:inherit;text-align:left;box-shadow:0 45px 110px -48px rgba(255,255,255,.34);cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease; }
.yard-roi-module:hover { border-color:rgba(255,255,255,.36);box-shadow:0 58px 120px -52px rgba(255,255,255,.42),0 28px 65px -30px rgba(0,0,0,.95);transform:translateY(-3px); }
.yard-roi-module-picture { display:flex;width:100%;aspect-ratio:16/9;align-items:center;justify-content:center;background:#000;overflow:hidden; }
.yard-roi-module-picture img { display:block;width:100%;height:100%;object-fit:cover; }
.yard-roi-module-copy { display:block;padding:1.35rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.12);background:#090909; }
.yard-roi-module-copy strong { display:block;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:700;letter-spacing:-.025em;line-height:1.08; }
.yard-roi-module:disabled { opacity:.46;cursor:not-allowed;filter:grayscale(1); }
.yard-roi-module:disabled:hover { border-color:rgba(255,255,255,.3);transform:none; }
.yard-roi-option { min-height:6.25rem;padding:1rem;border:1px solid rgba(255,255,255,.3);border-radius:.4rem;background:#fff;color:#111;font:inherit;text-align:center;cursor:pointer; }
.yard-roi-option:hover { border-color:#d71920; }
.yard-roi-option:disabled { color:#9a9a9a;background:#e7e7e7;border-color:#e7e7e7;cursor:not-allowed; }
.yard-roi-option strong { font-size:.95rem;font-weight:500; }
.yard-roi-grid:not(.yard-roi-role-grid) { grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem; }
.yard-roi-task { display:flex;flex-direction:column;justify-content:space-between;min-height:4.5rem;padding:.65rem;border:1px solid #d9d9d9;border-radius:.35rem;background:#fff;color:#111; }
.yard-roi-task.is-selectable { cursor:pointer; }
.yard-roi-task.is-selectable:hover { border-color:#d71920; }
.yard-roi-task.is-selected { border-color:#d71920;background:#2a1718;box-shadow:inset 0 0 0 1px #d71920; }
.yard-roi-task strong { display:block;font-size:.82rem;font-weight:500;line-height:1.25; }
.yard-roi-time { display:flex;align-items:end;justify-content:space-between;gap:.5rem;margin-top:.45rem;padding-top:.45rem;border-top:1px solid #e7e7e7; }
.yard-roi-duration { width:6rem;padding:0;border:0;background:transparent;color:inherit;font:500 .82rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left; }
.yard-roi-duration:focus { outline:0; }
.yard-roi-process { display:grid;flex:1;place-content:center;gap:2rem;min-height:0; }
.yard-roi-keywords { display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:42rem;margin:0 auto; }
.yard-roi-keywords span { padding:.55rem .75rem;border:1px solid rgba(255,255,255,.32);border-radius:.3rem;color:rgba(255,255,255,.86);font-size:.9rem; }
.yard-roi-process-duration { display:grid;justify-items:center;gap:.55rem;font-size:.9rem;font-weight:500; }
.yard-roi-duration-fields { display:flex;align-items:start;justify-content:center;gap:.65rem;font-weight:400; }
.yard-roi-duration-fields label { display:grid;justify-items:center;gap:.35rem;font-size:.72rem;color:rgba(255,255,255,.68); }
.yard-roi-duration-fields i { padding-top:.55rem;color:rgba(255,255,255,.68);font-size:1.05rem;font-style:normal; }
.yard-roi-duration-field { width:5.5rem;padding:.6rem;border:1px solid rgba(255,255,255,.55);border-radius:.3rem;background:transparent;color:inherit;font:500 1rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center; }
.yard-roi-bookings { width:6rem;padding:.7rem;border:1px solid rgba(255,255,255,.45);border-radius:.3rem;background:transparent;color:inherit;font:500 1rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center; }
.yard-roi-step-inputs { display:grid;gap:.6rem;width:min(34rem,100%); }
.yard-roi-block-label { display:block;margin-bottom:.2rem;font-size:.9rem;font-weight:500;color:rgba(255,255,255,.72);text-align:center; }
.yard-roi-step-inputs label { display:grid;grid-template-columns:minmax(0,1fr) 5rem auto;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.28);border-radius:.3rem;font-weight:400; }
.yard-roi-step-inputs label > span { text-align:left;font-size:.88rem; }
.yard-roi-step-inputs input { width:5rem;padding:.5rem;border:1px solid rgba(255,255,255,.55);border-radius:.3rem;background:transparent;color:inherit;font:500 .95rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center; }
.yard-roi-step-inputs small { color:rgba(255,255,255,.62);font-size:.72rem;text-align:left; }
.yard-roi-repeat-value { display:flex;align-items:baseline;justify-content:flex-end;gap:.2rem;color:#666;font-size:.62rem;text-align:right; }
.yard-roi-repeat-value small { font-size:.62rem; }
.yard-roi-repeat-value b { color:inherit;font:500 .82rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.yard-roi-actions { display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:0;border-top:0; }
.yard-roi-question-count { color:rgba(255,255,255,.66);font-size:.78rem;font-variant-numeric:tabular-nums; }
.yard-roi-button,.yard-roi-back,.yard-roi-repeat-editor button { min-height:0;padding:.2rem 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease; }
.yard-roi-button:hover,.yard-roi-back:hover,.yard-roi-repeat-editor button:hover { opacity:.62; }
.yard-roi-repeat-editor { display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem; }
.yard-roi-repeat-editor label { display:flex;align-items:center;gap:.4rem; }
.yard-roi-repeat-editor input { width:3.5rem;min-height:2.35rem;padding:.35rem .5rem;border:1px solid #111;border-radius:999px;background:transparent;color:inherit;font:inherit;text-align:center; }
/* Der Rechner bleibt unabhängig vom Seitentheme dunkel. */
:root[data-theme=light] .yard-roi-panel { background:#000;color:#f5f5f5;border-color:rgba(255,255,255,.2); }
:root[data-theme=light] .yard-roi-question { border-color:rgba(255,255,255,.16); }
:root[data-theme=light] .yard-roi-progress span { background:rgba(255,255,255,.18); }
:root[data-theme=light] .yard-roi-progress span.is-complete { background:#8f171c; }
:root[data-theme=light] .yard-roi-progress span.is-current { background:#ed1c24;box-shadow:0 0 .65rem rgba(237,28,36,.9); }
:root[data-theme=light] .yard-roi-keywords span { border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.86); }
:root[data-theme=light] .yard-roi-duration-fields label,:root[data-theme=light] .yard-roi-duration-fields i,:root[data-theme=light] .yard-roi-step-inputs small,:root[data-theme=light] .yard-roi-question-count { color:rgba(255,255,255,.66); }
:root[data-theme=light] .yard-roi-duration-field,:root[data-theme=light] .yard-roi-bookings { border-color:rgba(255,255,255,.55); }
:root[data-theme=light] .yard-roi-step-inputs label,:root[data-theme=light] .yard-roi-step-inputs input { border-color:rgba(255,255,255,.28); }
:root[data-theme=light] .yard-roi-task.is-selected { border-color:#d71920;background:#2a1718;box-shadow:inset 0 0 0 1px #d71920; }
:root[data-theme=light] .yard-roi-time { border-color:#e7e7e7; }
.roi-result-dialog { width:100vw;max-width:none;height:100vh;max-height:none;padding:0;overflow:auto;border:0;border-radius:0;background:#fff;color:#111; }
.roi-result-dialog::backdrop { background:transparent; }
.roi-result-shell { box-sizing:border-box;min-height:100vh;max-width:1080px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem);overflow:visible; }
.roi-result-close { position:fixed;right:1.25rem;top:1rem;padding:.5rem;border:0;background:transparent;color:rgba(17,17,17,.68);font-size:1.35rem;cursor:pointer; }
.roi-result-heading { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center; }
.roi-result-heading > div { display:block; }
.roi-result-export { position:fixed;top:1rem;margin:0;padding:.65rem 1rem;border:0;border-radius:999px;background:transparent;color:#111;font:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:color .18s ease,background .18s ease; }
.roi-result-export--pdf { right:3.75rem; }
.roi-result-export--excel { right:7.55rem; }
.roi-result-export:hover { background:rgba(17,17,17,.06); }
.roi-result-export.is-exporting { color:#d71920; }
.roi-logo { display:block;width:8rem;height:auto; }
.roi-result-title { margin:0;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:500;letter-spacing:0; }
.roi-result-role { margin:0;color:rgba(17,17,17,.62);font-size:.85rem; }
.roi-loader { display:grid;flex:1;place-content:center;min-height:0;text-align:center; }
.roi-loader h2 { margin:0;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:500; }
.roi-loader-bar { width:min(19rem,70vw);height:.22rem;margin:1rem auto 0;overflow:hidden;background:rgba(255,255,255,.18); }
.roi-loader-bar span { display:block;width:0;height:100%;background:#d71920;transition:width .85s cubic-bezier(.2,.8,.2,1); }
.roi-result-table { margin-top:1.25rem;border-top:1px solid rgba(17,17,17,.18); }
.roi-result-periods { display:grid;gap:1.25rem;margin-top:1.25rem; }
.roi-result-period h3 { margin:0;font-size:1rem;font-weight:500; }
.roi-result-period .roi-result-table { margin-top:.8rem; }
.roi-result-row strong small { display:block;margin-top:.25rem;color:rgba(17,17,17,.62);font-size:.72rem;font-weight:400;line-height:1.35; }
.roi-result-processes { display:grid;gap:.75rem;margin-top:1.25rem; }
.roi-result-processes h3 { margin:0;color:rgba(17,17,17,.62);font-size:.9rem;font-weight:500; }
.roi-result-process { display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.85fr);gap:1.5rem;padding:1rem 0;border-top:1px solid rgba(17,17,17,.18); }
.roi-result-process h4 { margin:0;font-size:1rem;font-weight:500; }
.roi-result-process p { margin:.45rem 0 0;color:rgba(17,17,17,.7);font-size:.82rem;line-height:1.5; }
.roi-result-process p b { color:#d71920;font-weight:500; }
.roi-result-process dl { display:grid;gap:.45rem;margin:0; }
.roi-result-process dl div { display:flex;justify-content:space-between;gap:1rem;padding-bottom:.4rem;border-bottom:1px solid rgba(17,17,17,.1);font-size:.8rem; }
.roi-result-process dt { color:rgba(17,17,17,.62); }
.roi-result-process dd { margin:0;font-variant-numeric:tabular-nums;text-align:right; }
.roi-result-note { margin:1rem 0 0;color:rgba(17,17,17,.62);font-size:.8rem; }
.roi-process-evaluations { display:grid;gap:1.25rem;margin-top:1.25rem; }
.roi-process-evaluation { padding-bottom:.9rem;border-bottom:1px solid rgba(17,17,17,.18); }
.roi-process-evaluation h3 { margin:0;font-size:1.05rem;font-weight:500; }
.roi-process-detail { margin-top:.65rem;border-top:1px solid rgba(17,17,17,.18); }
.roi-process-detail-row { display:grid;grid-template-columns:minmax(0,1fr) 6.5rem 6.5rem 6.5rem;gap:1rem;align-items:center;padding:.48rem 0;border-bottom:1px solid rgba(17,17,17,.12);font-size:.88rem; }
.roi-process-detail-row--head { color:rgba(17,17,17,.62);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase; }
.roi-process-detail-row strong { font-weight:500; }
.roi-process-detail-row time { color:rgba(17,17,17,.78);font-variant-numeric:tabular-nums; }
.roi-process-detail-row .is-positive { color:#16834b; }
.roi-process-detail-row .is-negative { color:#bf1d2d; }
.roi-process-detail-row--total { background:rgba(17,17,17,.06); }
.roi-process-detail-row--total strong,.roi-process-detail-row--total time { font-weight:600; }
.roi-process-evaluation ul { display:grid;gap:.4rem;margin:1rem 0 1.25rem;padding:0;list-style:none;color:rgba(17,17,17,.78);font-size:.88rem; }
.roi-process-evaluation li { display:flex;align-items:center;gap:.55rem; }
.roi-process-evaluation li::before { width:.35rem;height:.35rem;background:#d71920;content:""; }
.roi-process-evaluation li span { flex:1; }
.roi-process-evaluation li time { color:rgba(17,17,17,.62);font-size:.78rem;font-variant-numeric:tabular-nums; }
.roi-process-duration > span { display:block;margin-bottom:.6rem;color:rgba(17,17,17,.62);font-size:.8rem; }
.roi-process-comparison { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(17,17,17,.18);border-bottom:1px solid rgba(17,17,17,.18); }
.roi-process-comparison div { display:grid;gap:.35rem;padding:.8rem .75rem;border-right:1px solid rgba(17,17,17,.18); }
.roi-process-comparison div:last-child { border-right:0; }
.roi-process-comparison small { color:rgba(17,17,17,.62);font-size:.72rem; }
.roi-process-comparison strong { font-size:.92rem;font-variant-numeric:tabular-nums;font-weight:500; }
.roi-process-comparison .is-positive { color:#16834b; }
.roi-process-comparison .is-negative { color:#bf1d2d; }
.roi-elimination { display:grid;gap:1rem;max-width:42rem; }
.roi-elimination h3 { margin:0;font-size:1rem;font-weight:500; }
.roi-elimination-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(17,17,17,.18);border-bottom:1px solid rgba(17,17,17,.18); }
.roi-elimination-grid div { display:grid;justify-items:center;gap:.25rem;padding:.8rem .5rem;border-right:1px solid rgba(17,17,17,.18);text-align:center; }
.roi-elimination-grid div:last-child { border-right:0; }
.roi-elimination-grid span,.roi-elimination-grid small { color:rgba(17,17,17,.62);font-size:.72rem; }
.roi-elimination-grid strong { font-size:1.25rem;font-weight:500;font-variant-numeric:tabular-nums; }
.roi-elimination p { margin:0;color:rgba(17,17,17,.78);font-size:.9rem;line-height:1.55; }
.roi-elimination p strong { color:#16834b;font-weight:500; }
.roi-result-row--total { background:rgba(17,17,17,.06); }
.roi-result-row--total strong,.roi-result-row--total time { font-weight:600; }
.roi-result-row { display:grid;grid-template-columns:minmax(0,1fr) 6.5rem 6.5rem 6.5rem;gap:1rem;align-items:center;padding:.48rem 0;border-bottom:1px solid rgba(17,17,17,.12);font-size:.88rem; }
.roi-result-row--head { color:rgba(17,17,17,.62);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase; }
.roi-result-row strong { font-weight:500; }
.roi-result-row time { color:rgba(17,17,17,.72);font-variant-numeric:tabular-nums; }
.roi-result-row .is-positive,.roi-result-summary .is-positive,.roi-result-facts .is-positive { color:#16834b; }
.roi-result-row .is-negative { color:#bf1d2d; }
.roi-result-divider { margin:1rem 0;border:0;border-top:1px solid rgba(17,17,17,.22); }
.roi-result-summary,.roi-result-facts { display:grid;gap:.45rem;max-width:32rem; }
.roi-result-summary div,.roi-result-facts div { display:flex;justify-content:space-between;gap:1rem;padding-bottom:.38rem;border-bottom:1px solid rgba(17,17,17,.12);font-size:1rem; }
.roi-result-summary strong,.roi-result-facts strong { font-weight:500;font-variant-numeric:tabular-nums; }
.roi-result-facts h3 { margin:0 0 .2rem;font-size:.9rem;font-weight:500;color:rgba(17,17,17,.62); }
.roi-result-calculation-note { margin:.35rem 0 0;color:rgba(17,17,17,.58);font-size:.68rem;line-height:1.4; }

@media (max-width:760px) {
  .yard-roi { width:100%; }
  .yard-roi-panel { height:56rem;padding:1.25rem; }
  .yard-roi-question h1 { font-size:1.35rem; }
  .yard-roi-module-grid,.yard-roi-role-grid,.yard-roi-grid:not(.yard-roi-role-grid) { grid-template-columns:1fr;gap:.6rem;overflow-y:auto; }
  .yard-roi-area-selection { grid-template-columns:1fr; }
  .modern-roi-question { grid-template-columns:1fr;gap:.55rem; }
  .modern-roi-values { min-width:0;justify-self:start; }
  .modern-roi-frequency { grid-template-columns:1fr; }
  .yard-roi-module { min-height:0; }
  .yard-roi-task { min-height:5.25rem;padding:.8rem; }
  .yard-roi-task strong { font-size:.9rem; }
  .yard-roi-duration { width:8.25rem;font-size:.9rem; }
  .yard-roi-process { gap:1.5rem; }
  .yard-roi-step-inputs label { grid-template-columns:minmax(0,1fr) 4.25rem auto;gap:.4rem;padding:.6rem; }
  .yard-roi-step-inputs input { width:4.25rem; }
  .yard-roi-repeat-value,.yard-roi-repeat-value small { font-size:.68rem; }
  .yard-roi-repeat-value b { font-size:.9rem; }
  .yard-roi-repeat-editor > span { width:100%; }
  .roi-result-row { grid-template-columns:minmax(0,1fr) 4.2rem 4.2rem 4.2rem;gap:.35rem;font-size:.72rem; }
  .roi-result-row--head { font-size:.58rem; }
  .roi-result-process { grid-template-columns:1fr;gap:.8rem; }
  .roi-process-comparison div { padding:.7rem .4rem; }
  .roi-process-comparison small { font-size:.64rem; }
  .roi-process-comparison strong { font-size:.72rem; }
  .roi-process-detail-row { grid-template-columns:minmax(0,1fr) 4.2rem 4.2rem 4.2rem;gap:.35rem;font-size:.72rem; }
  .roi-process-detail-row--head { font-size:.56rem; }
}