.site-planner{--planner-accent:var(--accent,#285a78);border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:var(--surface,var(--bg,#f7f8fa));padding:clamp(22px,3.5vw,48px);margin:44px 0;border-radius:16px;min-width:0;scroll-margin-top:24px;line-height:1.65;color:inherit}
.site-planner *{box-sizing:border-box}.site-planner [hidden]{display:none!important}.planner-heading{margin-bottom:28px}.planner-eyebrow{font:700 .78rem/1.6 system-ui,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px!important}.planner-heading h2{font-size:clamp(1.8rem,3vw,2.7rem)!important;line-height:1.15!important;margin:0 0 18px!important;letter-spacing:-.035em!important}.planner-heading>p:last-child{font-size:1.02rem;max-width:85ch}.planner-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:32px;align-items:start}.planner-controls{display:grid;gap:18px;position:sticky;top:24px;min-width:0}.planner-field{display:grid;gap:7px;font:600 .9rem/1.5 system-ui,sans-serif}.planner-field select,.planner-field input{width:100%;min-width:0;max-width:100%;height:auto;min-height:46px;padding:11px 32px 11px 12px;font:400 .95rem/1.45 system-ui,sans-serif;border:1px solid #78838e;border-radius:6px;background:#fff;color:#172431;white-space:normal}.planner-field select:focus-visible,.planner-field input:focus-visible,.planner-toolbar button:focus-visible{outline:3px solid var(--planner-accent);outline-offset:3px}.planner-hint,.planner-feedback,.planner-announcement{font:.82rem/1.55 system-ui,sans-serif!important;margin:0!important}.planner-output{min-width:0}.planner-output>h3{font-size:1.4rem!important;margin:0 0 8px!important}.planner-announcement{min-height:1.5em;margin-bottom:16px!important}.planner-result{display:grid;gap:16px}.planner-result>p{margin:0!important}.planner-card{padding:22px;background:color-mix(in srgb,var(--bg,#fff) 86%,transparent);border:1px solid color-mix(in srgb,currentColor 17%,transparent);border-left:4px solid var(--planner-accent);border-radius:8px;min-width:0}.planner-card h4,.planner-next h4{font-size:1.08rem!important;line-height:1.4;margin:0 0 12px!important;letter-spacing:0!important}.planner-card p{font-size:.92rem!important;line-height:1.65!important;margin:0 0 12px!important}.planner-card p:last-child{margin-bottom:0!important}.planner-step{font-weight:700!important;text-transform:uppercase;font-size:.7rem!important;letter-spacing:.08em}.planner-example{font-size:.85rem!important;font-weight:600}.planner-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 12px}.planner-toolbar button{padding:11px 15px;border:1px solid currentColor;border-radius:6px;font:600 .82rem/1.4 system-ui,sans-serif;color:inherit;background:transparent;cursor:pointer;min-height:44px}.planner-toolbar button:first-child{background:var(--planner-accent);color:var(--bg,#fff);border-color:var(--planner-accent)}.planner-toolbar button:disabled{opacity:.4;cursor:not-allowed}.planner-method{margin-top:28px;padding-top:20px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}.planner-method summary{font-size:.95rem;font-weight:700;cursor:pointer}.planner-method p,.planner-method li{font-size:.88rem;line-height:1.65}.planner-method p{margin:14px 0}.planner-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.planner-metrics article{padding:18px 12px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px;display:grid;gap:8px;min-width:0}.planner-metrics strong{font-size:1.8rem;line-height:1.1;overflow-wrap:anywhere}.planner-metrics span,.planner-metrics small{font:.8rem/1.4 system-ui,sans-serif}.planner-callout,.planner-error{padding:18px;border:2px solid currentColor;border-radius:8px;font-weight:600}.planner-next{padding-top:12px}.planner-next ul{margin:0;padding-left:20px}.planner-next li{font-size:.9rem;margin:8px 0}.planner-output a{overflow-wrap:anywhere}
@media(max-width:1050px){.article-body .planner-layout,.article-prose .planner-layout{grid-template-columns:1fr}.article-body .planner-controls,.article-prose .planner-controls{position:static}}
@media(max-width:760px){.site-planner{padding:22px 18px;margin:28px 0;border-radius:10px}.planner-layout{grid-template-columns:1fr;gap:28px}.planner-controls{position:static}.planner-heading h2{font-size:1.7rem!important}.planner-card{padding:18px 15px}.planner-metrics{grid-template-columns:1fr}.planner-metrics article{grid-template-columns:1fr 1.4fr;align-items:center}.planner-metrics small{grid-column:2}.planner-toolbar button{flex:1 1 130px}.planner-field select{font-size:16px}}

.planner-livehint{font:600 .82rem/1.55 system-ui,sans-serif;margin:0;min-height:1.5em}.planner-show{min-height:46px;border:1px solid currentColor;border-radius:6px;padding:12px;background:transparent;color:inherit;font:600 .88rem/1.4 system-ui,sans-serif;cursor:pointer}.planner-show:focus-visible{outline:3px solid var(--planner-accent);outline-offset:3px}

.planner-context{margin:0 0 16px}.planner-context summary{font-size:.88rem;cursor:pointer;font-weight:600}.planner-context p{margin-top:12px!important}.planner-publication summary{cursor:pointer;display:grid;gap:7px;list-style:revert;padding-right:20px}.planner-publication summary strong{font-size:1rem;line-height:1.45}.planner-publication summary>span:last-child{font:.8rem/1.4 system-ui,sans-serif}.planner-publication>div{padding-top:18px}.planner-publication[open]{border-left-width:6px}

.planner-print-sheet{display:none}
@media print{body.printing-planner{background:#fff!important;color:#111!important;margin:0!important}body.printing-planner>*{display:none!important}body.printing-planner>.planner-print-sheet{display:block!important;width:100%;padding:10px;background:#fff;color:#111;font:12pt/1.5 sans-serif}body.printing-planner .planner-print-sheet h1{font-size:22pt;line-height:1.2;white-space:normal}body.printing-planner .planner-print-sheet h2{font-size:16pt;margin-top:20px}body.printing-planner .planner-card{break-inside:avoid;background:#fff!important;border-color:#888!important}body.printing-planner .planner-context p,body.printing-planner .planner-publication>div{display:block!important}body.printing-planner .planner-result{gap:12px}body.printing-planner .planner-method{display:block!important}body.printing-planner .planner-metrics{grid-template-columns:repeat(3,1fr)}}
