/* Scoped archive styles; the existing Problem of the Day player is untouched. */
body{background:#030303;color:#f4f4f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;margin:0}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.topbar{min-height:82px;border-bottom:1px solid #181818;display:flex;align-items:center;justify-content:center;padding:14px 170px;position:relative}.logo{color:#d71920;text-decoration:none;font-weight:950;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em;line-height:1}.tm-mark{font-size:.38em;vertical-align:super;margin-left:.08em;line-height:0}.corner{position:absolute;width:118px;height:145px;object-fit:cover;object-position:50% 20%;border-radius:10px;top:10px;left:18px}.profile{position:absolute;right:18px;top:8px;width:126px;z-index:40;text-align:center}.profile img{width:118px;height:145px;object-fit:cover;object-position:50% 20%;border-radius:10px;display:block;margin-left:auto}.menu-toggle{margin-top:5px;width:118px;min-height:36px;border:1px solid #f5c400;background:#050505;color:#f5c400;border-radius:7px;font-weight:900;cursor:pointer}.dropdown{position:absolute;top:184px;right:0;width:240px;padding:8px;background:#050505;border:1px solid #f5c400;border-radius:10px;text-align:left}.dropdown a{display:block;text-decoration:none;color:#f5c400;padding:10px 11px;border-radius:7px;font-weight:800;font-size:.91rem}.dropdown a:hover{background:#191300;color:#fff0a5}
.mogollon-main{width:min(1040px,calc(100% - 36px));margin:auto;padding:38px 0 60px}
.mile-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #3c2426;border-radius:16px;padding:38px 28px 28px;text-align:center;background:radial-gradient(ellipse at 50% 0,#291012,transparent 75%),#090909}
.mile-kicker{position:relative;color:#f5c400;font-size:.73rem;font-weight:850;letter-spacing:.2em;margin:0 0 13px}
.mile-hero h1{position:relative;color:#f5c400;font-size:clamp(2.25rem,7vw,4.6rem);line-height:1.04;letter-spacing:-.045em;margin:0;font-weight:950}
.mile-hero h1 span{color:#fff}.mile-subtitle{font-size:clamp(.95rem,2vw,1.18rem);font-weight:750;color:#f2c8ca;margin:17px 0 0;letter-spacing:.015em}
.mile-intro{position:relative;max-width:660px;margin:15px auto 23px;color:#c9c9c9;font-size:1.02rem;line-height:1.7}
.trail-line{position:absolute;inset:auto 0 0;z-index:-1;opacity:.14;height:80%;pointer-events:none}.trail-line svg{width:100%;height:100%;fill:none;stroke:#d71920;stroke-width:1.6}
.mile-hero-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.published-count{font-size:.83rem;color:#ccc;border:1px solid #404040;border-radius:30px;padding:9px 14px;background:#0b0b0b}
.mile-document-access{text-align:center;margin:14px 0 0}.mile-document-access .mile-button{font-size:.82rem;background:#080808}
.mile-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid #d71920;border-radius:8px;color:#f5c400;background:#0c0808;font-family:inherit;font-size:.88rem;font-weight:800;line-height:1.4;text-decoration:none;cursor:pointer;text-align:center}
.mile-button:hover{border-color:#f5c400;background:#211212}.mile-button:disabled{opacity:.6;cursor:wait}.full-race-link{font-size:.84rem;background:#1c0a0b}
/* Video actions retain the same compact red-rounded treatment, whether a
   control opens the local player or the full race in a separate tab. */
.mile-hero-actions .full-race-link,.mile-card-actions .mile-button{border:1.5px solid #d71920;border-radius:12px;background:#080808;color:#f5c400;box-shadow:inset 0 0 0 1px #d7192014;transition:background-color .15s,border-color .15s,box-shadow .15s}
.mile-hero-actions .full-race-link:hover,.mile-card-actions .mile-button:hover{border-color:#f04449;background:#1c0c0d;box-shadow:0 0 0 2px #d7192026}
.mile-hero-actions .full-race-link:focus-visible,.mile-card-actions .mile-button:focus-visible{outline:2px solid #f5c400;outline-offset:4px}
.mile-toolbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin:24px 0 12px;padding:16px;border:1px solid #303030;background:#0b0b0b;border-radius:12px}
.mile-toolbar label{display:block;color:#bdbdbd;font-size:.74rem;font-weight:800;margin:0 0 7px}.mile-toolbar input,.mile-toolbar select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #4b4b4b;border-radius:7px;background:#060606;color:#f5c400;font:inherit;font-size:.95rem;padding:9px 11px}.mile-toolbar input{color:#fff}.mile-toolbar select option{background:#080808;color:#f5c400}
.mogollon-main :focus-visible,.mile-video-dialog :focus-visible{outline:2px solid #f5c400;outline-offset:3px}
.mile-status{color:#aaa;font-size:.8rem;line-height:1.5;margin:12px 2px 18px}.mile-status.is-warning{color:#f6d672;border-left:2px solid #ac851a;padding:8px 12px;background:#171306}
.mile-error{border:1px solid #d71920;border-radius:12px;padding:23px;background:#1a0809;text-align:center;margin:20px 0}.mile-error h2{color:#f5c400;font-size:1.2rem;margin-top:0}.mile-error p{line-height:1.6}.mile-error[hidden],.mile-button[hidden],.mile-video-modal[hidden]{display:none}
.mile-list{display:grid;gap:22px}.mile-card{min-width:0;border:1px solid #343434;border-top:3px solid #d71920;border-radius:12px;background:linear-gradient(130deg,#101010,#080808);scroll-margin-top:24px;overflow:hidden}.mile-card:target{border-color:#f5c400;box-shadow:0 0 0 2px #f5c40033}.mile-card-header{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-bottom:1px solid #272727;padding:16px 22px}.mile-card h2{font-size:1.12rem;font-weight:900;letter-spacing:.03em;color:#f5c400;margin:0}.mile-card-topic{color:#bbb;font-size:.84rem}.mile-card-date{font-size:.78rem;color:#aaa;margin-left:auto}.mile-card-body{padding:20px 22px}
.mile-math-scroller{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;box-sizing:border-box;padding:10px 6px;text-align:center}.mile-math{display:inline-block;min-width:max-content;font-size:clamp(1.02rem,2.7vw,1.35rem);color:#fff}.mile-math mjx-container[jax="CHTML"][display="true"]{margin:.45em 0!important;min-width:max-content}
.mile-card-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:17px 0 1px}.mile-solution{border:1px solid #3a3a3a;border-radius:9px;margin-top:20px;background:#070707;overflow:hidden}.mile-solution summary{display:flex;align-items:center;gap:10px;min-height:48px;box-sizing:border-box;cursor:pointer;color:#f5c400;font-size:.92rem;font-weight:800;padding:11px 16px;list-style:none}.mile-solution summary::-webkit-details-marker{display:none}.mile-solution summary::before{content:"+";width:22px;height:22px;display:inline-grid;place-items:center;border:1px solid #d71920;border-radius:50%;font-weight:600}.mile-solution[open] summary::before{content:"−"}.mile-solution[open] summary{border-bottom:1px solid #303030}.mile-solution-body{padding:15px}.mile-explanation{white-space:pre-line;overflow-wrap:anywhere;color:#c9c9c9;line-height:1.75;font-size:.96rem;margin:12px 3px 2px}.mile-explanation mjx-container{color:#f4f4f4}
.mile-neighbors{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:13px 21px;border-top:1px solid #252525;font-size:.78rem}.mile-neighbors a{color:#aaa;text-decoration:none;padding:4px 0}.mile-neighbors a:hover{color:#f5c400}.mile-next{margin-left:auto}.mile-more-wrap{text-align:center;margin:25px 0}.mile-empty{border:1px dashed #444;border-radius:12px;padding:30px 20px;text-align:center;color:#ccc;line-height:1.7}.mile-empty button{margin:12px auto 0;display:flex}
body.mile-modal-open{overflow:hidden}.mile-video-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#000d;box-sizing:border-box}.mile-video-dialog{width:min(960px,calc(100vw - 32px),calc((100dvh - 152px)*16/9));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d71920;border-radius:12px;background:#080808;box-shadow:0 20px 80px #000}.mile-video-dialog.is-portrait{width:min(440px,calc(100vw - 32px),calc((100dvh - 152px)*9/16))}.mile-video-dialog header{display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:54px;padding:7px 10px;box-sizing:border-box}.mile-video-dialog h2{font-size:.86rem;margin:0;color:#f5c400}.mile-video-dialog header button{width:38px;height:38px;flex-shrink:0;border:1px solid #d71920;border-radius:50%;color:white;background:#150707;font-size:1.6rem;cursor:pointer}.mile-video-frame{position:relative;width:100%;aspect-ratio:16/9;flex-shrink:0;background:#000}.is-portrait .mile-video-frame{aspect-ratio:9/16}.mile-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mile-video-dialog>a{display:block;text-align:center;color:#f5c400;font-size:.75rem;padding:9px;text-decoration:none}
@media(max-width:600px){.mogollon-main{width:calc(100% - 24px);padding-top:30px}.mile-hero{padding:29px 17px 23px}.mile-intro{font-size:.94rem}.mile-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:13px}.mile-search{grid-column:1/-1}.mile-card-header{padding:14px 15px;gap:8px 13px}.mile-card-body{padding:15px 12px}.mile-card-date{width:100%;margin:0}.mile-neighbors{padding:11px 15px;font-size:.73rem}.mile-solution-body{padding:11px}.mile-solution .mile-math{font-size:1.02rem}.mile-video-dialog h2{font-size:.75rem}.mile-video-dialog header{min-height:49px}}
@media(max-width:760px){.topbar{padding:13px 100px;min-height:74px}.corner{width:72px;height:88px;left:8px}.profile{width:78px;right:8px}.profile img{width:72px;height:88px}.menu-toggle{width:72px;font-size:.65rem;padding-inline:5px!important}.dropdown{top:122px;right:0;width:210px}}