.ux-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.25rem 0 0;padding:1rem;border-left:4px solid var(--reader-yellow);background:var(--reader-paper);color:var(--reader-ink)}
.reader-experience .ux-stage>h2{margin:0;max-width:24ch;font-size:1.375rem;font-weight:800;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.ux-stage-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;list-style:none;margin:0;padding:0}
.ux-stage-links li{min-width:0;margin:0}
.ux-stage-links a{display:block;height:100%;min-height:64px;padding:.5rem 0;color:inherit;text-decoration:none;touch-action:manipulation}
.ux-stage-label{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.9375rem;font-weight:750;line-height:1.35}
.ux-stage-label>span:first-child{min-width:0;overflow-wrap:anywhere}
.ux-stage-arrow{flex:none;font-weight:400}
.ux-stage-description{display:block;margin-top:.375rem;color:var(--reader-muted);font-size:.75rem;line-height:1.45;overflow-wrap:anywhere}
.ux-stage-footer{border-top:1px solid var(--reader-rule)}
.ux-stage .ux-institution-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 0 0;color:var(--reader-muted);font-size:.8125rem;line-height:1.45;text-decoration:none;touch-action:manipulation}
.ux-stage .ux-institution-link>span{flex:none}
.reader-experience .ux-stage-links a:hover{text-decoration:none}
.ux-stage a:hover .ux-stage-label>span:first-child,.ux-stage .ux-institution-link:hover{text-decoration:underline;text-underline-offset:.2em;color:var(--reader-ink)}
.ux-stage a:active{background:var(--reader-yellow)}
.reader-experience .ux-stage a:focus-visible{outline:3px solid var(--reader-ink);outline-offset:4px}
.ux-process a:hover{background:#ffdc52;color:#171717}
.ux-process a:focus-visible{outline:3px solid #8c3900;outline-offset:3px}
@media(max-width:767px){.ux-stage{gap:.5rem}.ux-stage-links{gap:0 1rem}.ux-stage-links a{min-height:44px}.ux-stage-description{display:none}.ux-stage-footer{margin-top:.25rem}.ux-stage-label{font-size:.875rem;align-items:center}}
@media(min-width:768px){.ux-stage{padding:1.25rem 1.5rem}.ux-stage-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.ux-stage-links li{padding-inline:1rem;border-left:1px solid var(--reader-rule)}.ux-stage-links li:first-child{padding-left:0;border-left:0}.ux-stage-links li:last-child{padding-right:0}.ux-stage-footer{text-align:right}}
@media(min-width:1200px){.ux-stage{grid-template-columns:11rem minmax(0,1fr);column-gap:2rem;row-gap:.5rem;align-items:start}.ux-stage>h2{padding-top:.5rem}.ux-stage-footer{grid-column:2}.ux-stage-label{font-size:1rem}}
.ux-process{margin:2rem 0;border-top:2px solid currentColor;padding-top:1.5rem;max-width:75ch}
.ux-process ol{padding-left:1.5rem}.ux-process li{padding:0 0 1rem .5rem}.ux-process h3{margin:.5rem 0}
.ux-process p{overflow-wrap:anywhere}.ux-process a{display:inline-block;padding:.75rem 0}
@media print{.ux-stage{display:none}}
.ux-search-recovery{border-left:4px solid #d6b800;padding:1rem;margin:1rem 0;background:#fff9df}
.ux-search-recovery button{min-height:44px;padding:.5rem .75rem;margin:0 .5rem .5rem 0;border:1px solid #303030;background:white;color:#171717;font:inherit;cursor:pointer}
.ux-search-recovery button:hover{background:#ffdc52}.ux-search-recovery button:focus-visible{outline:3px solid #8c3900;outline-offset:3px}
.ux-planner{max-width:70rem;padding-block:2rem}.ux-planner>section,.ux-planner [data-deadline-app]{margin-block:2rem}
.ux-planner h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;text-wrap:balance}.ux-planner p,.ux-planner li{overflow-wrap:anywhere;max-width:80ch}
.ux-tool-note{border-left:4px solid #c4a800;background:#fff9df;padding:1rem 1.25rem;max-width:85ch}
.ux-planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ux-planner-fields>div:first-child{grid-column:1/-1}
.ux-planner label{display:block;font-weight:700;margin-bottom:.4rem}.ux-planner :is(input,select){width:100%;min-width:0;min-height:48px;padding:.6rem;border:1px solid #666;border-radius:0;background:#fff;color:#171717;font:inherit}
.ux-planner button{min-height:44px;padding:.65rem 1rem;margin:.75rem .5rem .75rem 0;border:1px solid #202020;background:#fff;color:#171717;font:inherit;cursor:pointer}
.ux-planner button[type=submit]{background:#ffdc52;font-weight:700}.ux-planner button:hover:not(:disabled){background:#f5dc3d}.ux-planner button:disabled{opacity:.5;cursor:not-allowed}
.ux-planner summary{cursor:pointer;min-height:44px;padding-block:.5rem;font-weight:700}.ux-how{margin-block:1rem}.ux-planner form{scroll-margin-top:1rem}
.ux-planner summary:focus-visible{outline:3px solid #8c3900;outline-offset:3px}
.ux-planner :is(a,button,input,select):focus-visible,.ux-next a:focus-visible{outline:3px solid #8c3900;outline-offset:3px}.ux-planner [aria-invalid=true]{border:2px solid #a32312}
.ux-planner [role=alert]{color:#851b10;font-weight:700}.ux-deadlines{padding-left:1.5rem}.ux-deadlines>li{border-bottom:1px solid #aaa;padding-block:.75rem}.ux-deadlines h3{margin:.5rem 0}
.ux-next{margin-block:2rem;padding-block:1rem;border-top:2px solid #171717}.ux-next p{max-width:75ch}.ux-next a{display:inline-block;min-height:44px;padding:.5rem 0}
@media(max-width:600px){.ux-planner-fields{grid-template-columns:1fr}}
@media print{.ux-planner form,.ux-planner button,.ux-planner nav,.ux-next{display:none}.ux-tool-note{background:white}.ux-deadlines>li{break-inside:avoid}}