/* Scoped additions for guided calculator routes. Let wide result tables scroll in their own wrappers. */
.layout>article{min-width:0}
.breadcrumbs{flex-wrap:wrap;white-space:normal;row-gap:3px;line-height:1.5}
.breadcrumbs>span:last-child{min-width:0;overflow-wrap:anywhere}
.calculator-experience{margin:0 0 22px;border:1px solid var(--line,#d8d9d3);border-radius:20px;background:var(--panel,#fff);color:var(--ink,#15121f);overflow:hidden}
.calculator-experience [hidden]{display:none!important}
.experience-start{padding:22px;background:linear-gradient(120deg,#f5f3ff 0%,#fff 72%)}
.experience-heading h2{margin:6px 0 9px;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.3;letter-spacing:-.025em}
.experience-heading>p{margin:0;color:var(--muted,#625f6c);font-size:.92rem;line-height:1.65;max-width:70ch}
.experience-kicker{display:block;color:var(--brand,#5a42f5);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.experience-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}
.experience-example{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:82px;padding:14px;text-align:left;border:1px solid #cfc9e6;border-radius:13px;background:#fff;color:var(--ink,#15121f);cursor:pointer;font:inherit;transition:border-color .15s,background-color .15s}
.experience-example strong{font-size:.9rem;font-weight:750;line-height:1.35}
.experience-example>span{font-size:.78rem;line-height:1.45;color:var(--muted,#625f6c)}
.experience-example:hover{border-color:var(--brand,#5a42f5);background:#faf9ff}
.experience-example[aria-pressed=true]{border-color:var(--brand,#5a42f5);background:var(--brand-soft,#efecff);box-shadow:inset 0 0 0 1px var(--brand,#5a42f5)}
.experience-example-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:12px}
.experience-caption{flex:1 1 280px;font-size:.76rem;line-height:1.6;color:var(--muted,#625f6c);margin:0}
.experience-undo{min-height:40px;padding:8px 10px;border:1px solid #cfc9e6;border-radius:9px;background:#fff;color:var(--brand-dark,#4029d2);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.experience-status{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--teal,#13705f);border-radius:0 8px 8px 0;background:var(--teal-soft,#e9f5ef);font-size:.86rem;line-height:1.65;color:#235749}
.experience-saved{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#d8d9d3)}
.experience-saved summary{cursor:pointer;font-size:.84rem;font-weight:700;line-height:1.5;padding:5px 0}
.experience-saved[open] summary{margin-bottom:9px}
.experience-saved-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.experience-saved summary:focus-visible{outline:3px solid var(--brand,#5a42f5);outline-offset:3px}
.experience-guide{padding:25px}
.experience-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:21px 0 0}
.experience-tip{min-width:0;border-top:2px solid #ddd7fb;padding-top:13px}
.experience-tip h3{font-size:.96rem;line-height:1.4;margin:0 0 8px;font-weight:750}
.experience-tip p{font-size:.85rem;line-height:1.75;margin:0;color:var(--muted,#625f6c)}
.experience-reference{overflow-x:auto;margin-top:24px;border:1px solid var(--line,#d8d9d3);border-radius:12px}
.experience-reference table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem;line-height:1.5}
.experience-reference caption{text-align:left;padding:14px;background:#f6f6f2;font-weight:750;color:var(--ink,#15121f)}
.experience-reference th,.experience-reference td{padding:11px 14px;border-top:1px solid var(--line,#d8d9d3);vertical-align:top}
.experience-reference thead th{font-weight:750;color:var(--muted,#625f6c);font-size:.78rem}
.experience-reference tbody th{font-weight:650}
.experience-reference tbody tr:nth-child(even){background:#fafaf7}
.experience-source{font-size:.78rem;line-height:1.7;color:var(--muted,#625f6c);margin:13px 0 0}
.experience-source a{color:var(--brand-dark,#4029d2);text-decoration:underline;text-underline-offset:3px}
.experience-next{margin-top:25px;padding-top:22px;border-top:1px solid var(--line,#d8d9d3)}
.experience-next>h3{margin:0 0 12px;font-size:1.02rem;line-height:1.4}
.experience-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.experience-next-grid>a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line,#d8d9d3);border-radius:12px;padding:15px;color:var(--ink,#15121f);background:#f8f8f4;text-decoration:none;transition:border-color .15s,background-color .15s}
.experience-next-grid>a:hover{border-color:var(--brand,#5a42f5);background:#f5f3ff}
.experience-next-grid strong{font-size:.87rem;line-height:1.5}
.experience-next-grid strong>span{color:var(--brand,#5a42f5)}
.experience-next-grid>a>span{font-size:.8rem;color:var(--muted,#625f6c);line-height:1.55}
.calculator-experience button:focus-visible,.calculator-experience a:focus-visible{outline:3px solid var(--brand,#5a42f5);outline-offset:3px}
@media(max-width:650px){.experience-start,.experience-guide{padding:18px}.experience-guide-grid,.experience-next-grid{grid-template-columns:1fr}.experience-examples{display:flex;flex-wrap:wrap;gap:8px}.experience-example{flex:1 1 135px;min-height:48px;padding:10px 12px;justify-content:center}.experience-example>span{display:none}.experience-example-footer{gap:10px}.experience-guide-grid{gap:17px}.experience-reference th,.experience-reference td{padding:10px 11px}.experience-reference table{font-size:.8rem}.experience-heading h2{font-size:1.2rem}.experience-undo{width:100%}}
@media(prefers-reduced-motion:reduce){.calculator-experience button,.calculator-experience a{transition:none}}
@media print{.experience-saved,.experience-examples,.experience-example-footer,.experience-status{display:none!important}.calculator-experience{break-inside:avoid;border-color:#aaa;background:#fff}.experience-next{display:none}.experience-guide-grid{grid-template-columns:1fr}.experience-tip{break-inside:avoid}}
