main[data-page-slug=screen-time-break-even-calculator] .tool-icon{background:#d9ceff;color:#5736ca}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-surface{max-width:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-calculator{gap:18px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-intro{display:block;max-width:none;padding:16px 18px;background:#fafafe;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:8px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-intro .nf2a3-kicker{margin:0 0 6px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-intro h2{margin:0 0 8px;font-size:20px;line-height:1.25}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-intro p:last-child{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.7}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-field{gap:8px;align-content:start}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-field>span{min-height:15px;font-size:12px;font-weight:800;line-height:1.25}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-field small{display:none}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-field em{color:#62616d;font-size:12px;line-height:1.5}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-field input{min-height:44px;padding:10px 12px;background:var(--paper-soft);border-radius:8px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-field input:focus{border-color:var(--coral);outline:0;box-shadow:0 0 0 3px #ff6d5921}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-results{gap:14px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-result,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-result-primary{min-height:94px;padding:16px;background:#fafafe;border:1px solid var(--line);border-radius:8px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-result span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35;margin-bottom:8px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-result strong{margin-top:0;font-size:24px;line-height:1.15}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-decision{margin:0;padding:14px 16px;background:#fafafe;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:8px;color:var(--muted);font-size:14px;line-height:1.7}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-table-wrap{order:5;border-radius:8px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-table caption{padding:14px 16px;background:#f7f7fa;font-size:14px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-table th,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-table td{padding:11px 12px;font-size:13px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-actions{order:6;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-actions button{min-height:40px;padding:0 14px;background:#34333d;border:1px solid #34333d;border-radius:7px;color:#fff;font-size:13px;font-weight:800}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-actions button:hover{background:#1f2028;border-color:#1f2028}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-actions button.primary{background:var(--coral);border-color:var(--coral)}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-actions button.primary:hover{background:var(--coral-dark);border-color:var(--coral-dark)}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-illustration{order:7;border-radius:8px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-calculator>.nf2a3-section{order:8;margin-top:6px;padding:24px 0 0;border-top:1px solid var(--line)}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-guide{display:grid;gap:16px;margin-top:22px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-guide>.nf2a3-section{margin:0;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-guide>.nf2a3-section h2{margin:0 0 12px;font-size:22px;line-height:1.25}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-guide>.nf2a3-section p,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-guide>.nf2a3-section li,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-guide>.nf2a3-section dd{color:var(--muted);font-size:14px;line-height:1.7}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-card,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-term-grid>div{background:#fafafe;border-radius:8px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-faq{gap:0}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-faq details{margin-top:10px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-related a{min-height:72px;padding:16px;background:#fafafe;border:1px solid var(--line);border-radius:8px;color:#5736ca;font-size:14px;font-weight:800;line-height:1.45}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-related a:hover{color:var(--coral-dark);border-color:var(--coral)}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-related a:focus-visible{outline:3px solid rgba(255,109,89,.25);outline-offset:2px}main[data-page-slug=screen-time-break-even-calculator] .related-tools,main[data-page-slug=screen-time-break-even-calculator] .auto-related-tools{margin-top:16px}@media(max-width:850px){main[data-page-slug=screen-time-break-even-calculator] .nf2a3-form,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){main[data-page-slug=screen-time-break-even-calculator] .nf2a3-calculator,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-guide>.nf2a3-section{padding:18px}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-form,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-results,main[data-page-slug=screen-time-break-even-calculator] .nf2a3-related{grid-template-columns:1fr}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-actions{display:grid;grid-template-columns:1fr}main[data-page-slug=screen-time-break-even-calculator] .nf2a3-actions button{width:100%}}