.unemployment-page{--section-gap:2.75rem;background:radial-gradient(circle at 0 0,#6366f114,#0000 28%),radial-gradient(circle at 100% 0,#22c55e0d,#0000 22%),linear-gradient(#f8fafcf5,#fff);min-height:calc(100vh - 200px);padding:0 0 4rem}.unemployment-page .hero-section{margin-bottom:1.5rem}.unemployment-page .page-header{gap:.8rem;display:grid}.unemployment-page .page-header h1{letter-spacing:-.04em;color:#0f172a;margin:0;font-size:clamp(2.3rem,5vw,3.35rem);font-weight:800;line-height:1.08}.unemployment-page .subtitle{color:#64748b;max-width:72ch;margin:0;font-size:1.02rem;line-height:1.7}.metric-section{margin-bottom:1.75rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card,.input-dashboard-card,.benefit-total-card,.eligibility-card,.logic-card,.step-guide-panel,.precheck-card,.benefit-days-panel,.result-disclaimer{background:#fffffff5;border:1px solid #cbd5e19e;border-radius:26px;box-shadow:0 18px 36px #0f172a14}.metric-card{gap:.35rem;padding:1.15rem 1.25rem;display:grid}.metric-label{color:#94a3b8;font-size:.8rem;font-weight:700}.metric-card strong{color:#0f172a;font-size:1rem}.calculator-dashboard-section{margin-top:1.25rem}.dashboard-grid{grid-template-columns:minmax(360px,1.05fr) minmax(340px,.95fr);align-items:start;gap:1.5rem;display:grid}.dashboard-left,.dashboard-right{min-width:0}.dashboard-right{gap:1.2rem;display:grid}.input-dashboard-card{gap:1.35rem;padding:1.6rem;display:grid}.card-head-row,.card-head-group,.card-head-group.compact,.field-head,.precheck-top-row,.benefit-total-top,.benefit-mini-row{align-items:center;display:flex}.card-head-row,.precheck-top-row,.benefit-total-top,.benefit-mini-row,.field-head{justify-content:space-between}.card-head-row{gap:1rem}.card-head-group{gap:.65rem}.card-head-group h2{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.section-title-block h2,.faq-section h2,.blog-related-calculators .section-title,.related-posts-section h2{color:#0f172a;margin:0;font-size:1.375rem;font-weight:700;line-height:1.25}.card-head-icon{color:#6d28d9;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;font-size:1.375rem;line-height:1;display:inline-flex!important}.card-head-note{color:#94a3b8;flex-shrink:0;font-size:.8125rem;font-weight:600}.quick-start-block{gap:.8rem;display:grid}.quick-start-label{letter-spacing:.05em;color:#94a3b8;font-size:.78rem;font-weight:800}.quick-start-row{flex-wrap:wrap;gap:.65rem;display:flex}.quick-start-chip{color:#334155;cursor:pointer;background:linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #cbd5e1f2;border-radius:14px;min-height:40px;padding:.65rem 1rem;font-size:.875rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s}.quick-start-chip:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.quick-start-chip.active{color:#4338ca;background:#eef2fff5;border-color:#6366f147;box-shadow:0 14px 28px #6366f11f}.input-grid{gap:1rem;display:grid}.input-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{gap:.5rem;display:grid}.field-head{align-items:baseline;gap:.75rem}.field-label{color:#0f172a;font-size:.9rem;font-weight:700}.field-inline-note{color:#94a3b8;flex-shrink:0;font-size:.78rem;font-weight:600}.input-shell,.period-box{background:#f8fafc;border:1px solid #e2e8f0f2;border-radius:18px;align-items:center;gap:.7rem;min-height:58px;padding:0 1rem;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex}.input-shell:focus-within,.period-box:focus-within{background:#fff;border-color:#6366f157;box-shadow:0 0 0 4px #6366f114}.dashboard-input,.period-input{color:#0f172a;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:1rem;font-weight:700}.dashboard-input::placeholder,.period-input::placeholder{color:#94a3b8}.input-suffix,.period-label{color:#94a3b8;flex-shrink:0;font-size:.875rem;font-weight:700}.field-footnote{color:#64748b;font-size:.82rem;font-weight:600}.field-footnote.placeholder{visibility:hidden}.period-box-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.switch-card{background:linear-gradient(#f8fafceb,#f1f5f9f2);border:1px solid #e2e8f0f2;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.switch-copy{gap:.25rem;display:grid}.switch-copy strong{color:#0f172a;font-size:.92rem}.switch-copy span{color:#64748b;font-size:.8125rem;line-height:1.55}.switch-control{flex-shrink:0;position:relative}.switch-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.switch-track{background:#cbd5e1e0;border-radius:999px;width:54px;height:30px;transition:background-color .18s;display:inline-flex;position:relative}.switch-track:after{content:"";background:#fff;border-radius:999px;width:24px;height:24px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 4px 12px #0f172a29}.switch-control input:checked+.switch-track{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.switch-control input:checked+.switch-track:after{transform:translate(24px)}.benefit-total-card{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff29,#0000 28%),linear-gradient(145deg,#4f46e5 0%,#6d28d9 55%,#7c3aed 100%);gap:1rem;padding:1.6rem;display:grid;position:sticky;top:96px;box-shadow:0 26px 54px #6d28d947}.benefit-total-top{gap:1rem}.benefit-total-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffdb;font-size:.82rem;font-weight:800}.benefit-total-value{letter-spacing:-.05em;color:#fff;font-size:clamp(2.6rem,4.2vw,4rem);font-weight:800;line-height:.95}.benefit-subnote{color:#e0e7ffe6;margin:-.2rem 0 0;font-size:.84rem;line-height:1.65}.benefit-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.benefit-stat-card{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:18px;gap:.35rem;padding:1rem 1.05rem;display:grid}.benefit-stat-card span{color:#e0e7ffeb;font-size:.75rem;font-weight:700}.benefit-stat-card strong{color:#fff;font-size:1.35rem;font-weight:800}.benefit-mini-row{border-top:1px solid #ffffff29;gap:.9rem;padding-top:.95rem}.benefit-mini-item{flex:1;gap:.22rem;display:grid}.benefit-mini-item span{color:#e0e7ffd1;font-size:.72rem;font-weight:700}.benefit-mini-item strong{color:#fff;font-size:.98rem}.eligibility-card{gap:1rem;padding:1.5rem;display:grid}.eligibility-list{gap:.8rem;display:grid}.eligibility-item{background:#f8fafc;border:1px solid #e2e8f0f2;border-radius:18px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:.9rem;padding:1rem;display:grid}.eligibility-number{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.78rem;font-weight:800;display:inline-flex}.eligibility-copy{gap:.35rem;display:grid}.eligibility-copy strong{color:#0f172a;font-size:.96rem}.eligibility-copy p{color:#64748b;margin:0;font-size:.8125rem;line-height:1.6}.result-disclaimer{background:#f8fafcf5;border-radius:20px;gap:.35rem;padding:1rem 1.1rem;display:grid}.result-disclaimer strong{color:#0f172a;font-size:.9rem}.result-disclaimer p,.result-disclaimer span{color:#64748b;margin:0;font-size:.8rem;line-height:1.6}.result-disclaimer.eligible{border-color:#6366f12e}.result-disclaimer.review{border-color:#f59e0b3d}.precheck-section,.logic-section,.benefit-days-section,.step-guide-section,.faq-section,.blog-related-calculators,.related-posts-section{margin-top:var(--section-gap)}.section-header-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-title-block{gap:.55rem;margin-bottom:1rem;display:grid}.section-header-row .section-title-block{margin-bottom:0}.section-kicker{letter-spacing:.03em;color:#4338ca;background:#eef2fff5;border-radius:999px;align-items:center;width:fit-content;padding:.28rem .65rem;font-size:.76rem;font-weight:800;display:inline-flex}.section-title-block p{color:#64748b;margin:0;font-size:.92rem;line-height:1.65}.detail-link{color:#4f46e5;white-space:nowrap;flex-shrink:0;font-size:.9rem;font-weight:700;text-decoration:none}.detail-link:hover{text-decoration:underline}.precheck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.precheck-card{color:inherit;gap:.8rem;padding:1.2rem 1.25rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.precheck-card:hover{transform:translateY(-2px);box-shadow:0 24px 44px #0f172a1a}.precheck-top-row{gap:.8rem}.precheck-badge{border-radius:999px;justify-content:center;align-items:center;padding:.32rem .68rem;font-size:.76rem;font-weight:700;display:inline-flex}.precheck-arrow{font-size:1.2rem}.precheck-card strong{color:#0f172a;font-size:1.1rem}.precheck-card p{color:#64748b;margin:0;font-size:.88rem;line-height:1.65}.precheck-card.tone-sky{border-color:#3b82f63d}.precheck-card.tone-sky .precheck-badge{color:#2563eb;background:#dbeafef2}.precheck-card.tone-sky .precheck-arrow{color:#2563eb}.precheck-card.tone-violet{border-color:#818cf83d}.precheck-card.tone-violet .precheck-badge{color:#7c3aed;background:#ede9fef5}.precheck-card.tone-violet .precheck-arrow{color:#6366f1}.precheck-card.tone-amber{border-color:#fbbf2447}.precheck-card.tone-amber .precheck-badge{color:#d97706;background:#fef3c7f5}.precheck-card.tone-amber .precheck-arrow{color:#f97316}.precheck-card.tone-rose{border-color:#fb71853d}.precheck-card.tone-rose .precheck-badge{color:#e11d48;background:#ffe4e6f5}.precheck-card.tone-rose .precheck-arrow{color:#e11d48}.logic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.logic-grid.logic-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.logic-card{gap:1rem;padding:1.35rem;display:grid}.logic-icon-wrap{background:#eef2ffe6;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.logic-icon{color:#4f46e5;font-size:1.55rem}.logic-copy{gap:.45rem;display:grid}.logic-copy strong{color:#0f172a;font-size:.95rem}.logic-copy h3{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:1.5rem;line-height:1.2}.logic-copy p{color:#64748b;margin:0;font-size:.84rem;line-height:1.65}.benefit-days-panel{padding:1.35rem}.benefit-days-table{border-collapse:collapse;width:100%}.benefit-days-table th,.benefit-days-table td{text-align:left;border-bottom:1px solid #e2e8f0eb;padding:.95rem 1rem}.benefit-days-table thead th{color:#64748b;font-size:.84rem;font-weight:800}.benefit-days-table tbody td{color:#0f172a;font-size:.94rem}.benefit-days-table tbody tr:last-child td{border-bottom:0}.step-guide-panel{padding:1.6rem}.step-guide-title-block{margin-bottom:2rem}.step-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid;position:relative}.step-track:before{content:"";border-top:2px dashed #bfdbfee0;position:absolute;top:34px;left:calc(12.5% + 34px);right:calc(12.5% + 34px)}.step-node{text-align:center;justify-items:center;gap:.65rem;display:grid;position:relative}.step-icon-shell{z-index:1;background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #cbd5e1e0;border-radius:999px;justify-content:center;align-items:center;width:68px;height:68px;display:inline-flex;position:relative;box-shadow:0 14px 28px #0f172a14}.step-icon-shell .material-symbols-outlined{color:#475569;font-size:1.8rem}.step-label{color:#0f172a;font-size:.82rem;font-weight:800}.step-node strong{color:#0f172a;font-size:1rem}.step-node p{color:#64748b;max-width:24ch;margin:0;font-size:.82rem;line-height:1.65}.faq-section h2,.blog-related-calculators .section-title,.related-posts-section h2{margin-bottom:1.25rem}.faq-section .faq-container{margin-bottom:0}.faq-section .unemployment-faq .faq-item{box-shadow:0 12px 24px #0f172a0a}.faq-section .unemployment-faq .faq-question{min-height:60px}.blog-related-calculators,.related-posts-section{margin-top:var(--section-gap)!important}@media (max-width:1200px){.metric-grid,.precheck-grid,.step-track{grid-template-columns:repeat(2,minmax(0,1fr))}.step-track:before{display:none}}@media (max-width:1080px){.dashboard-grid,.logic-grid.logic-grid-wide{grid-template-columns:1fr}.benefit-total-card{position:static}}@media (max-width:768px){.unemployment-page{--section-gap:2rem;padding-bottom:3rem}.metric-grid,.input-grid.two-columns,.benefit-stat-grid,.precheck-grid,.step-track{grid-template-columns:1fr}.section-header-row{flex-direction:column;align-items:flex-start}.period-box-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.metric-card,.input-dashboard-card,.benefit-total-card,.eligibility-card,.logic-card,.benefit-days-panel,.step-guide-panel,.result-disclaimer{border-radius:22px;padding:1.2rem}.card-head-row,.benefit-total-top,.benefit-mini-row,.switch-card,.field-head{flex-direction:column;align-items:flex-start}.switch-control{align-self:flex-end}.benefit-days-table th,.benefit-days-table td{padding:.82rem .78rem;font-size:.85rem}}