/* Standalone prototype. All interface rules are scoped to #el-plan. */

#el-plan{--paper:#f5f5ef;--white:#fff;--ink:#193c32;--muted:#5e7066;--line:#dbe2d6;--green:#244e3b;--soft:#eaf0e3;--wine:#8f3655;--wine-soft:#f3e9ee;--work-height:clamp(500px,calc(100dvh - 268px),880px);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);min-height:0}
#el-plan *{box-sizing:border-box}
#el-plan button,#el-plan input,#el-plan select{font:inherit}
#el-plan button{cursor:pointer}
#el-plan button:focus-visible,#el-plan a:focus-visible,#el-plan input:focus-visible,#el-plan select:focus-visible{outline:3px solid var(--wine);outline-offset:3px}
#el-plan button:disabled{cursor:default}
#el-plan [hidden]{display:none!important}
#el-plan a{color:var(--green);text-underline-offset:3px}
#el-plan h1,#el-plan h2,#el-plan h3,#el-plan p{margin:0}
#el-plan .shell{max-width:1480px;margin:auto;padding:0 32px}
#el-plan .masthead{height:64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
#el-plan .wordmark{font:30px/1 Georgia,serif;letter-spacing:.04em;text-decoration:none;color:var(--ink)}
#el-plan .wordmark small{font:12px system-ui,sans-serif;letter-spacing:.08em;margin-left:7px}
#el-plan .masthead-note{font-size:12px;color:var(--muted);display:flex;gap:16px;align-items:center}
#el-plan .demo-pill{border:1px solid #b8c6b0;border-radius:5px;padding:3px 9px;letter-spacing:.03em}
#el-plan .hero{padding:23px 0 20px;display:flex;gap:32px;justify-content:space-between;align-items:flex-end}
#el-plan .eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:7px}
#el-plan h1{font:clamp(29px,3.7vw,45px)/1.12 Georgia,serif;font-weight:400;letter-spacing:-.025em}
#el-plan .intro{max-width:420px;font-size:13px;color:var(--muted)}
#el-plan .module-nav{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
#el-plan .module{padding:10px 0;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;font-size:13px;white-space:nowrap}
#el-plan .module.active{border-bottom-color:var(--green);color:var(--ink);font-weight:650}
#el-plan .module:disabled{color:#748273}
#el-plan .soon{font-size:10px;margin-left:5px;background:#e8ece2;padding:2px 5px;border-radius:3px}
#el-plan .toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:15px 0}
#el-plan .season-nav{display:flex;align-items:center;gap:5px;margin-right:auto}
#el-plan .season-label{padding:0 13px;min-width:115px;text-align:center;line-height:1.2;font-size:11px;color:var(--muted)}
#el-plan .season-label strong{display:block;color:var(--ink);font:24px/1.1 Georgia,serif;font-weight:400}
#el-plan .icon-button{height:36px;width:36px;background:var(--white);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:20px;display:inline-flex;align-items:center;justify-content:center;flex:none}
#el-plan .field{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:10px;letter-spacing:.03em}
#el-plan .field input,#el-plan .field select{height:36px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;padding:6px 9px;font-size:13px;min-width:0;max-width:100%}
#el-plan .field input{width:148px}
#el-plan .field select{width:174px}
#el-plan .today-button{height:36px;padding:0 14px;color:var(--white);background:var(--green);border:1px solid var(--green);border-radius:6px;font-size:12px}
#el-plan .workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:stretch;height:var(--work-height)}
#el-plan .scheme-area{min-width:0;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
#el-plan .scheme-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);flex:none}
#el-plan .scheme-heading b{font-weight:650;color:var(--ink);letter-spacing:.035em}
#el-plan .scheme-caption{display:flex;gap:5px;align-items:center}
#el-plan .dot{width:7px;height:7px;border-radius:50%;background:var(--wine);display:inline-block}
#el-plan .timeline{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;min-height:0;flex:1;position:relative;overflow-x:hidden;padding:0 18px;scroll-behavior:auto;overflow-anchor:none;outline-offset:-3px}
#el-plan .load-season{display:block;width:100%;padding:14px;color:var(--muted);background:none;border:0;font-size:11px;letter-spacing:.04em}
#el-plan .year-heading{display:flex;align-items:center;gap:15px;padding:21px 6px 17px;border-top:1px solid var(--line);margin-top:4px}
#el-plan .year-heading strong{font:30px/1 Georgia,serif;font-weight:400}
#el-plan .year-heading span{font-size:11px;color:var(--muted)}
#el-plan .group-heading{display:flex;gap:12px;align-items:center;padding:15px 6px 11px;margin-top:9px;font-size:12px;font-weight:650;color:var(--muted)}
#el-plan .group-heading span{font:italic 17px Georgia,serif;color:var(--wine);min-width:20px}
#el-plan .phase-entry{position:relative;min-width:0}
#el-plan .phase-row{position:relative;display:grid;grid-template-columns:69px 106px minmax(0,1fr) 17px;align-items:center;width:100%;padding:9px 11px 9px 7px;min-height:108px;background:none;border:0;border-radius:8px;text-align:left;color:var(--ink);gap:6px;transition:background .12s}
#el-plan .phase-row:hover{background:#f4f6f0}
#el-plan .phase-row.is-selected{background:var(--soft);box-shadow:inset 3px 0 var(--green)}
#el-plan .phase-row.major{min-height:126px}
#el-plan .phase-date{color:var(--muted);font-size:11px;align-self:center}
#el-plan .phase-date b{display:block;font-size:12px;font-weight:550;color:#3f584b}
#el-plan .phase-art{position:relative;width:106px;align-self:stretch;display:flex;align-items:center;justify-content:center}
#el-plan .phase-art:before,#el-plan .phase-art:after{content:"";position:absolute;width:1px;background:#d8e2d1;left:50%;height:calc(50% - 42px)}
#el-plan .phase-art:before{top:-9px}#el-plan .phase-art:after{bottom:-9px}
#el-plan .phase-art svg{display:block;width:100px;height:92px;position:relative}
#el-plan .phase-copy{min-width:0;padding:7px 3px}
#el-plan .phase-code{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:var(--muted);letter-spacing:.06em;margin-bottom:4px}
#el-plan .phase-code .extra{color:var(--wine);font-size:9px;letter-spacing:0}
#el-plan .phase-title{display:block;font-size:14px;line-height:1.35;font-weight:500;overflow-wrap:anywhere}
#el-plan .major .phase-title{font:22px/1.16 Georgia,serif}
#el-plan .phase-subtitle{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.45}
#el-plan .phase-arrow{font-size:20px;color:#71886e;font-weight:300}
#el-plan .is-selected .phase-arrow{color:var(--green)}
#el-plan .winter-seam{padding:11px 12px 17px;margin-left:80px;border-left:1px solid var(--line);font-size:11px;color:var(--muted)}
#el-plan .winter-seam b{font-weight:550;color:var(--ink)}
#el-plan .winter-seam small{display:block;font-size:10px;margin-top:4px}
#el-plan .reference-marker{display:flex;align-items:center;gap:8px;margin:10px 0 13px;color:var(--wine);font-size:11px;padding:0 5px}
#el-plan .reference-marker:after{content:"";height:1px;background:#be8da0;flex:1}
#el-plan .reference-marker i{width:7px;height:7px;background:var(--wine);border-radius:50%;flex:none}
#el-plan .timeline-foot{border-top:1px solid var(--line);padding:9px 16px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:none}
#el-plan .panel-home{min-width:0;min-height:0}
#el-plan .phase-panel{height:100%;overflow-y:auto;overscroll-behavior-y:contain;border:1px solid #ccd9c3;border-radius:12px;background:#fdfefa;scrollbar-gutter:stable}
#el-plan .panel-head{padding:17px 21px 0}
#el-plan .panel-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-bottom:13px}
#el-plan .pin{border:1px solid #cfdbca;border-radius:5px;color:var(--green);background:none;font-size:10px;padding:5px 7px}
#el-plan .panel-phase{display:flex;gap:13px;align-items:center;margin-bottom:15px}
#el-plan .panel-illustration{width:80px;height:95px;flex:none;background:#eef2e7;border-radius:7px}
#el-plan .panel-illustration svg{width:80px;height:95px;display:block}
#el-plan .panel-kicker{font-size:10px;letter-spacing:.08em;color:var(--wine);margin-bottom:5px}
#el-plan .panel-title{font:27px/1.07 Georgia,serif;font-weight:400;overflow-wrap:anywhere}
#el-plan .panel-description{font-size:12px;color:var(--muted);line-height:1.6}
#el-plan .panel-range{margin-top:9px;font-size:10px;color:var(--muted)}
#el-plan .panel-range strong{font-weight:600;color:var(--ink)}
#el-plan .panel-body{padding:17px 21px 19px}
#el-plan .material-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:9px}
#el-plan .resource-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:3px;min-width:0}
#el-plan .resource-tab{color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:9px 6px;font-size:11px;white-space:nowrap;flex:1}
#el-plan .resource-tab[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:650}
#el-plan .resource-tab span{font-size:9px;opacity:.8;margin-left:3px}
#el-plan .resource-list{list-style:none;padding:0;margin:0}
#el-plan .resource{border-bottom:1px solid var(--line)}
#el-plan .resource:last-child{border:0}
#el-plan .resource a{display:flex;align-items:center;gap:13px;padding:15px 0;text-decoration:none;font-size:13px;line-height:1.45}
#el-plan .resource a:hover .res-name{text-decoration:underline;text-underline-offset:3px}
#el-plan .res-index{font:italic 18px Georgia,serif;color:#829574;flex:none;width:18px}
#el-plan .res-name{flex:1;min-width:0;overflow-wrap:anywhere}
#el-plan .res-arrow{color:#78916d;font-size:16px}
#el-plan .resource-note{font-size:10px;color:var(--muted);padding:11px 0 0}
#el-plan .resource-feedback{font-size:12px;margin-top:12px;background:var(--wine-soft);color:#68273f;padding:11px 13px;border-radius:6px}
#el-plan .phase-stepper{border-top:1px solid var(--line);padding:14px 21px 17px;display:flex;gap:8px;align-items:center;justify-content:space-between}
#el-plan .phase-stepper button{font-size:11px;color:var(--green);border:0;background:none;padding:8px 0}
#el-plan .close-inline{display:none}
#el-plan .mobile-slot{min-width:0}
#el-plan .under-scheme{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:15px 0 22px;font-size:11px;color:var(--muted)}
#el-plan .reading-note{max-width:820px}
#el-plan .reading-note summary{cursor:pointer;color:var(--green)}
#el-plan .reading-note p{margin-top:8px;max-width:750px;line-height:1.6}
#el-plan .future{padding:0 0 22px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;display:flex;flex-wrap:wrap;gap:7px 16px}
#el-plan .future b{font-weight:600;color:var(--ink)}
#el-plan .svg-defs{position:absolute;width:0;height:0;overflow:hidden}
#el-plan .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){#el-plan .workspace{grid-template-columns:minmax(0,1fr) 420px}#el-plan .phase-row{grid-template-columns:84px 140px minmax(0,1fr) 24px}#el-plan .phase-art{width:140px}}
@media(max-width:1050px){#el-plan .shell{padding:0 22px}#el-plan .workspace{grid-template-columns:minmax(0,1fr) 338px;gap:16px}#el-plan .intro{max-width:320px;font-size:12px}#el-plan .timeline{padding:0 9px}#el-plan .phase-row{grid-template-columns:54px 83px minmax(0,1fr) 12px;padding-right:6px;gap:3px}#el-plan .phase-art{width:83px}#el-plan .phase-art svg{width:82px;height:85px}#el-plan .major .phase-title{font-size:20px}#el-plan .panel-head,#el-plan .panel-body{padding-left:16px;padding-right:16px}#el-plan .panel-title{font-size:25px}}
@media(max-width:860px){#el-plan{--work-height:640px}#el-plan .shell{padding:0 17px}#el-plan .hero{display:block;padding:20px 0 15px}#el-plan .intro{margin-top:10px;max-width:650px}#el-plan .workspace{display:block;height:auto}#el-plan .panel-home{display:none}#el-plan .scheme-area{height:clamp(510px,72dvh,750px)}#el-plan .timeline{padding:0 10px}#el-plan .phase-row{grid-template-columns:59px 95px minmax(0,1fr) 15px;padding:9px 8px 9px 5px;gap:5px}#el-plan .phase-art{width:95px}#el-plan .phase-art svg{width:90px;height:90px}#el-plan .phase-panel.inline{height:auto;max-height:none;overflow:visible;margin:6px 2px 17px;background:#f6f8f0;border-radius:8px;border-color:#c6d3bc;scrollbar-gutter:auto}#el-plan .phase-panel.inline .pin{display:none}#el-plan .close-inline{display:block;background:none;border:0;color:var(--green);font-size:12px;min-height:36px;padding:5px 0}#el-plan .panel-mode{margin-bottom:2px}#el-plan .panel-phase{margin-top:9px;margin-bottom:10px}#el-plan .panel-title{font-size:25px}#el-plan .panel-illustration{height:80px;width:70px}#el-plan .panel-illustration svg{width:70px;height:80px}#el-plan .panel-body{padding-top:14px}#el-plan .under-scheme{display:block}#el-plan .under-scheme>span{display:block;margin-top:9px}#el-plan .phase-date b{font-size:12px}#el-plan .toolbar{gap:10px}#el-plan .masthead-note>span:not(.demo-pill){display:none}}
@media(max-width:480px){#el-plan .shell{padding:0 12px}#el-plan .masthead{height:54px}#el-plan .wordmark{font-size:27px}#el-plan h1{font-size:31px}#el-plan .hero{padding:17px 0 12px}#el-plan .eyebrow{font-size:9px}#el-plan .intro{font-size:12px}#el-plan .module-nav{gap:6px 16px}#el-plan .module{font-size:11px;padding:9px 0}#el-plan .soon{font-size:9px;padding:1px 3px;margin-left:3px}#el-plan .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 8px}#el-plan .season-nav{grid-column:1;grid-row:2;margin-right:0;gap:2px}#el-plan .season-label{min-width:0;flex:1;padding:0 5px;font-size:9px}#el-plan .season-label strong{font-size:22px}#el-plan .field{min-width:0}#el-plan .field input,#el-plan .field select{font-size:16px;height:41px;width:100%;padding:6px;max-width:100%}#el-plan .today-button{grid-column:2;grid-row:2;height:40px;font-size:12px}#el-plan .icon-button{width:34px;height:40px}#el-plan .scheme-heading{padding:10px 12px;font-size:10px;gap:4px}#el-plan .timeline{padding:0 5px}#el-plan .phase-row{grid-template-columns:43px 69px minmax(0,1fr) 10px;gap:3px;padding:8px 5px 8px 4px;min-height:115px}#el-plan .phase-art{width:69px}#el-plan .phase-art svg{width:69px;height:84px}#el-plan .phase-date{font-size:9px}#el-plan .phase-date b{font-size:10px}#el-plan .phase-title{font-size:13px}#el-plan .major .phase-title{font-size:20px}#el-plan .phase-subtitle{font-size:10px}#el-plan .phase-code{font-size:9px;gap:4px}#el-plan .phase-row.major{min-height:132px}#el-plan .phase-arrow{font-size:16px}#el-plan .year-heading{gap:10px;padding:18px 7px 12px}#el-plan .year-heading strong{font-size:27px}#el-plan .year-heading span{font-size:10px}#el-plan .group-heading{font-size:11px;padding-left:7px}#el-plan .winter-seam{margin-left:48px;font-size:10px}#el-plan .reference-marker{font-size:10px;flex-wrap:wrap}#el-plan .timeline-foot{font-size:9px;padding:9px 10px;gap:5px}#el-plan .resource-tab{font-size:11px;padding:10px 3px;min-height:44px}#el-plan .resource a{min-height:54px}#el-plan .panel-description{font-size:12px}#el-plan .future{font-size:10px}#el-plan .under-scheme{font-size:10px}}
@media(prefers-reduced-motion:reduce){#el-plan *{scroll-behavior:auto!important;transition:none!important}}

#el-plan .shell{padding:0 20px}
#el-plan .hero{padding-top:18px}
#el-plan .hero h2{font:clamp(29px,3.7vw,45px)/1.12 Georgia,serif;font-weight:400;letter-spacing:-.025em}
#el-plan .site-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 17px;max-width:980px}
#el-plan .server-guide{margin-top:22px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}
#el-plan .server-guide>details>summary{cursor:pointer;font:24px/1.3 Georgia,serif;color:var(--ink);padding:2px 0}
#el-plan .guide-intro{margin:14px 0 20px;color:var(--muted);font-size:13px}
#el-plan .guide-entry{padding:20px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
#el-plan .guide-entry h3{font:23px/1.25 Georgia,serif;margin:0 0 9px}
#el-plan .guide-entry h3 span{font:12px system-ui,sans-serif;color:var(--wine);display:block;margin-bottom:5px}
#el-plan .guide-entry p{font-size:14px;margin-bottom:12px;line-height:1.6}
#el-plan .guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#el-plan .guide-links h4{font-size:12px;margin:0 0 7px;color:var(--muted)}
#el-plan .guide-links ul{margin:0;padding-left:17px;font-size:12px}
#el-plan .guide-links li+li{margin-top:8px}
#el-plan .guide-links a{overflow-wrap:anywhere}
#el-plan .empty-resource{padding:18px 0;font-size:13px;color:var(--muted);line-height:1.6}
#el-plan .resource-list li:before{content:none}
#el-plan .service-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
#el-plan .service-path{border:1px solid var(--line);padding:20px;border-radius:10px;background:#fff;min-width:0}
#el-plan .service-path h2{font:24px/1.2 Georgia,serif;margin:0 0 10px}
#el-plan .service-path p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
#el-plan .service-path a{font-size:13px;display:inline-block;margin:5px 15px 0 0;overflow-wrap:anywhere}
#el-plan noscript p{padding:16px;background:#fff;border:1px solid var(--line)}
@media(max-width:760px){#el-plan .shell{padding:0 10px}#el-plan .guide-links,#el-plan .service-paths{grid-template-columns:1fr}#el-plan .server-guide{padding:16px}#el-plan .server-guide>details>summary{font-size:21px}}