/* WordPress 101 — The Blog Archive Engine | visual system and responsive layout */
:root,[data-theme="light"]{--paper:#fbf5e8;--paper-2:#fffdf7;--ink:#173c7a;--ink-dark:#17202e;--muted:#645f57;--rule:#d4c7ad;--tomato:#d84b30;--tomato-soft:#f8ded5;--blue-soft:#dce8f8;--green:#34744d;--green-soft:#dcebdc;--yellow:#f4c84a;--shadow:0 12px 28px rgb(23 60 122 / 9%);--display:Newsreader,Georgia,serif;--body:"Archivo Narrow",Arial,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--ease:180ms cubic-bezier(.16,1,.3,1)}
[data-theme="dark"]{--paper:#181a1d;--paper-2:#222428;--ink:#9fc4ff;--ink-dark:#f3ecdf;--muted:#c8c0b2;--rule:#4f4b43;--tomato:#f18b76;--tomato-soft:#4d2d29;--blue-soft:#293b55;--green:#9bcc9d;--green-soft:#2d4531;--yellow:#e8c462;--shadow:0 12px 28px rgb(0 0 0 / 30%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;min-height:100dvh;color:var(--ink-dark);background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink-dark) 7%,transparent) 1px,transparent 0) 0 0/7px 7px,var(--paper);font:400 clamp(1rem,.95rem + .25vw,1.125rem)/1.55 var(--body)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--tomato);text-decoration-thickness:2px;text-underline-offset:3px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.shell{width:min(1140px,calc(100% - 2.5rem));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:30;padding:var(--s3);background:var(--yellow);color:var(--ink-dark)}.masthead{border-bottom:5px solid var(--ink);background:var(--paper-2)}.masthead-row{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:var(--s4)}.brand{display:flex;align-items:center;gap:var(--s3);color:var(--ink);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.02em}.brand-block{display:grid;width:37px;height:37px;place-items:center;background:var(--ink);color:var(--paper-2);font:500 .95rem/1 var(--mono)}.theme-toggle{width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:var(--paper-2);color:var(--ink);font-size:1.2rem}.hero{padding:clamp(3rem,8vw,4rem) 0 var(--s10)}.kicker{margin:0 0 var(--s2);color:var(--tomato);font-size:.84rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:var(--s10);align-items:end}.hero h1{margin:0 0 var(--s5);color:var(--ink);font:700 clamp(2.7rem,1.3rem + 5vw,6.4rem)/.88 var(--display);letter-spacing:-.07em}.deck{max-width:65ch;color:var(--muted);font-size:clamp(1.2rem,1rem + .7vw,1.6rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.62rem .9rem;border:2px solid var(--ink);border-radius:0;background:var(--paper-2);color:var(--ink);font-weight:700;text-decoration:none;text-transform:uppercase;transition:transform var(--ease),box-shadow var(--ease)}.button-publish{border-color:var(--tomato);background:var(--tomato);color:white}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.hero-poster{display:grid;min-height:300px;align-content:space-between;padding:var(--s5);background:var(--yellow);color:var(--ink-dark);clip-path:polygon(1% 2%,99% 0,97% 97%,2% 100%,0 45%);transform:rotate(2deg);box-shadow:var(--shadow)}.poster-top,.poster-bottom{font:700 .76rem/1.2 var(--mono);letter-spacing:.05em}.hero-poster strong{font:700 clamp(2.3rem,5vw,4.5rem)/.78 var(--body);letter-spacing:-.07em}.route-picker{padding:var(--s10) 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.section-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s6);align-items:start}.section-heading h2,.test-register h2,.parked h2,.field-notes h2,.liner-notes h2{margin:var(--s2) 0 var(--s4);font:700 clamp(1.8rem,1.2rem + 2vw,3rem)/.95 var(--display);letter-spacing:-.045em}.section-heading p:last-child{grid-column:2;color:var(--muted)}.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin:var(--s8) 0 0;padding:0;border:0}.route-options legend{grid-column:1/-1;margin-bottom:var(--s2);font-weight:700;text-transform:uppercase}.route-card{display:grid;grid-template-columns:auto auto 1fr;gap:var(--s3);padding:var(--s5);border:2px solid var(--ink);background:var(--paper-2);cursor:pointer}.route-card:has(input:checked){background:var(--blue-soft);box-shadow:5px 5px 0 var(--ink)}.route-card input{width:20px;height:20px;margin-top:.15rem;accent-color:var(--tomato)}.route-tab{display:grid;width:27px;height:27px;place-items:center;background:var(--ink);color:var(--paper-2);font:.78rem/1 var(--mono)}.route-card strong{display:block;font:700 1.35rem/1 var(--display)}.route-card small{display:block;margin-top:.4rem;color:var(--muted)}.route-result{margin-top:var(--s5);padding:var(--s4);border-left:5px solid var(--tomato);background:var(--tomato-soft);font-weight:700}.ledger{display:grid;grid-template-columns:.8fr 1.35fr .85fr;margin:var(--s10) 0;border:2px solid var(--ink);background:var(--ink)}.ledger-cell{min-height:220px;padding:var(--s5);border-right:2px solid var(--ink);background:var(--paper-2)}.ledger-cell:last-child{border-right:0}.ink-cell{background:var(--ink);color:var(--paper-2)}.utility-cell{display:grid;align-content:start;gap:var(--s3);background:var(--green-soft)}.ledger-label{font-size:.84rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.ledger-number{margin:var(--s3) 0;font:700 clamp(3.5rem,9vw,6.4rem)/.78 var(--display);letter-spacing:-.08em}.progress-track{height:9px;overflow:hidden;background:color-mix(in srgb,var(--paper-2) 28%,transparent)}.progress-track span{display:block;width:0;height:100%;background:var(--yellow);transition:width .25s ease}.assignment{margin-top:var(--s4);padding-left:var(--s4);border-left:5px solid var(--tomato);font:600 clamp(1.2rem,1rem + .7vw,1.6rem)/1.35 var(--display)}.utility-button{padding:0;border:0;background:transparent;color:var(--ink-dark);font-weight:700;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.utility-danger{color:var(--tomato)}.filter-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--rule)}.filter-strip label{font-weight:700;text-transform:uppercase}.filter-strip select{min-height:40px;padding:.35rem .6rem;border:2px solid var(--ink);background:var(--paper-2)}.filter-strip span{color:var(--muted)}.station{border-bottom:2px solid var(--ink)}.station[hidden]{display:none}.station-head{display:grid;grid-template-columns:68px 1fr auto;gap:var(--s4);align-items:center;padding:var(--s8) 0 var(--s5)}.station-number{color:var(--tomato);font:700 clamp(2.7rem,6vw,4.6rem)/.75 var(--display);letter-spacing:-.08em}.station-head h2{margin-top:var(--s2);color:var(--ink);font:700 clamp(1.8rem,1.2rem + 2vw,3rem)/.95 var(--display);letter-spacing:-.05em}.station-badge{padding:.35rem .55rem;border:2px solid var(--ink);background:var(--yellow);font:.75rem/1 var(--mono);text-transform:uppercase}.station-body{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:var(--s8);padding:0 0 var(--s8) calc(68px + var(--s4))}.station-intro{max-width:70ch;margin-bottom:var(--s5);color:var(--muted);font-size:1.2rem}details{margin:0 0 var(--s5);border:1px solid var(--rule);background:var(--paper-2)}summary{padding:var(--s3) var(--s4);cursor:pointer;font-weight:700}.details-content{padding:0 var(--s4) var(--s4);color:var(--muted)}pre{overflow:auto;margin:.7rem 0;padding:.7rem;background:color-mix(in srgb,var(--ink) 7%,var(--paper-2));color:var(--ink-dark);font: .88rem/1.5 var(--mono)}.task-list{display:grid;border-top:1px solid var(--rule)}.task{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--rule);cursor:pointer}.task input{width:21px;height:21px;margin-top:.2rem;accent-color:var(--green)}.task strong{display:block;font-weight:700}.task small{display:block;margin-top:.2rem;color:var(--muted)}.task em{color:var(--muted);font:.75rem/1 var(--mono);font-style:normal}.task:has(input:checked){opacity:.55}.task:has(input:checked) strong{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--green)}.instructor-note{align-self:start;margin-top:var(--s10);padding:var(--s4);border-top:5px solid var(--yellow);background:var(--paper-2);color:var(--muted)}.test-register{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s8);margin-top:var(--s10);padding:var(--s8);border:2px solid var(--ink);background:var(--blue-soft)}.test-register p{color:var(--muted)}.test-list{display:grid}.test-list label{display:grid;grid-template-columns:auto 1fr;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);font-size:.95rem;font-weight:600}.test-list input{width:19px;height:19px;accent-color:var(--tomato)}.parked,.field-notes,.liner-notes{margin-top:var(--s10);padding:var(--s8);border-top:6px solid var(--tomato);background:var(--paper-2)}.parked-grid,.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.parked h3{margin:0;color:var(--ink);font:700 1.25rem/1 var(--display)}.parked li{margin:.4rem 0;color:var(--muted)}.field-notes label{display:grid;gap:var(--s2);font-weight:700}.field-notes textarea{width:100%;min-height:150px;resize:vertical;padding:var(--s3);border:2px solid var(--rule);background:var(--paper);color:var(--ink-dark)}.liner-notes{background:var(--paper-2);color:var(--muted)}.liner-notes strong{color:var(--ink-dark)}.site-footer{padding:var(--s10) 0 var(--s12);color:var(--ink);font:700 1.25rem/1.15 var(--display)}.toast{position:fixed;right:var(--s4);bottom:var(--s4);z-index:20;max-width:min(420px,calc(100% - 2rem));padding:var(--s3) var(--s4);border:2px solid var(--ink);background:var(--yellow);color:var(--ink-dark);box-shadow:5px 5px 0 var(--ink);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--ease),transform var(--ease);font-weight:700}.toast.show{opacity:1;transform:none}body.focused .hero,body.focused .route-picker,body.focused .ledger-cell:not(.utility-cell),body.focused .filter-strip,body.focused .test-register,body.focused .parked,body.focused .field-notes,body.focused .liner-notes{display:none}body.focused .ledger{grid-template-columns:1fr}body.focused .station:not(.focus-station){display:none}.station.focus-station{outline:4px solid var(--tomato);outline-offset:7px}@media(max-width:760px){.shell{width:min(100% - 2rem,1140px)}.hero-grid,.section-heading,.route-options,.ledger,.test-register,.parked-grid,.notes-grid{grid-template-columns:1fr}.hero-poster{min-height:190px;max-width:260px}.section-heading p:last-child{grid-column:auto}.route-options legend{grid-column:auto}.ledger-cell{min-height:auto;border-right:0;border-bottom:2px solid var(--ink)}.station-head{grid-template-columns:52px 1fr}.station-badge{grid-column:2;justify-self:start}.station-body{grid-template-columns:1fr;padding-left:0}.instructor-note{margin-top:0}.filter-strip{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.masthead,.hero-actions,.filter-strip,.toast,.utility-cell,.theme-toggle{display:none}.station[hidden]{display:block!important}.station,.test-register,.parked,.liner-notes{break-inside:avoid}.hero{padding-top:1rem}.hero-poster{display:none}.ledger{grid-template-columns:1fr}.ledger-cell{border:1px solid #000}.ink-cell{background:#fff;color:#000}.progress-track{border:1px solid #000}.progress-track span{background:#ddd}.station-body{padding-left:0}}