/* Cashier Route — local editorial preview */
:root{color-scheme:light;--ink:#243541;--muted:#536672;--navy:#172d3d;--teal:#145e55;--teal-pale:#e7f2ef;--amber:#75500c;--amber-pale:#fff3d5;--paper:#f8f6f0;--white:#fff;--line:#d9dfdc;--shadow:0 14px 34px rgba(23,45,61,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65}a{color:var(--teal);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:#0b413b}a:focus-visible,summary:focus-visible{outline:3px solid #c28013;outline-offset:3px;border-radius:3px}p{margin:.65rem 0 1rem}h1,h2,h3{color:var(--navy);line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2.25rem,4.6vw,4.4rem);max-width:18ch;margin:.2em 0 .35em}h2{font-size:clamp(1.45rem,2.5vw,2.1rem);margin:2.3em 0 .7em}h3{font-size:1.18rem;margin:1.6em 0 .45em}ul,ol{padding-left:1.3rem}li+li{margin-top:.35rem}code{background:#edf0ed;padding:.12em .32em;border-radius:.25em;font-size:.9em}.skip-link{position:fixed;z-index:9;top:.4rem;left:.4rem;transform:translateY(-160%);background:#fff;color:var(--navy);padding:.7rem 1rem;border-radius:.4rem}.skip-link:focus{transform:translateY(0)}
.preview-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:2.2rem;padding:.25rem 1rem;background:#f5e4bd;color:#49340c;font-size:.78rem;font-weight:600;letter-spacing:.02em}.preview-banner strong{font-size:.7rem;letter-spacing:.12em;border:1px solid #76530d;border-radius:2rem;padding:.08rem .48rem}.preview-banner span{min-width:0;flex:1 1 12rem}.site-header{background:var(--navy);color:#fff}.header-inner{max-width:1280px;min-height:5.25rem;padding:.75rem 1.25rem;margin:auto;display:flex;align-items:center;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:500;letter-spacing:.01em;line-height:1.15;white-space:nowrap}.brand:hover{color:#fff}.brand b{font-weight:750}.brand small{display:block;font-size:.68rem;color:#d6e1e7;font-weight:400;letter-spacing:.04em;margin-top:.28rem}.brand-mark{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid #8ebbb2;border-radius:50%;font-size:.72rem;letter-spacing:-.04em;color:#d8f0eb}.desktop-nav{margin-left:auto;display:flex;gap:1.4rem}.desktop-nav a{color:#f2f6f6;text-decoration:none;font-size:.93rem;font-weight:620}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:.4rem}.age-mark{border:1px solid #aac9c3;color:#e4f3ef;border-radius:3rem;padding:.18rem .6rem;font-size:.75rem;font-weight:700}.mobile-menu{display:none;color:#fff}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid #79909b;border-radius:.5rem;padding:.4rem .75rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary::after{content:" +"}.mobile-menu[open] summary::after{content:" −"}.mobile-menu nav{position:absolute;z-index:5;right:1rem;top:7.15rem;min-width:14rem;background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:.75rem;padding:.65rem}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu li{margin:0}.mobile-menu a{display:block;padding:.65rem;color:var(--navy);text-decoration:none;border-radius:.35rem}.mobile-menu a:hover{background:var(--teal-pale)}
.breadcrumbs{max-width:1120px;margin:0 auto;padding:.8rem 1.25rem;color:var(--muted);font-size:.8rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0;min-width:0}.breadcrumbs li{min-width:0;max-width:100%;overflow-wrap:anywhere}.breadcrumbs li+li::before{content:"/";color:#829099;margin-right:.45rem}.breadcrumbs a{color:var(--muted);overflow-wrap:anywhere}.page-shell{max-width:1120px;margin:0 auto;padding:1.4rem 1.25rem 5rem;min-width:0}.page-article{min-width:0}.article-header{max-width:850px;margin:0 auto 1.5rem;min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:750;color:var(--teal);margin:0}.lead{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.55;color:#3d515d;max-width:74ch;margin:.8rem 0 1.4rem}.route-diagram{list-style:none;padding:0;margin:2rem auto 2.5rem;max-width:1030px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:1rem;background:var(--white);overflow:hidden;box-shadow:var(--shadow)}.route-diagram li{position:relative;min-width:0;min-height:9rem;padding:1.2rem 1.25rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.35rem;overflow-wrap:anywhere}.route-diagram li:last-child{border:0}.route-diagram li:not(:last-child)::after{content:"→";position:absolute;z-index:1;right:-.72rem;top:1.25rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center;font-size:.82rem}.route-diagram li>span{font:700 .7rem ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--teal);letter-spacing:.12em}.route-diagram strong{color:var(--navy);font-size:1.03rem}.route-diagram small{min-width:0;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.home-routes{margin:2rem auto 2.5rem}.home-routes h2{margin:.6rem 0 1rem}.home-routes ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;list-style:none;padding:0;margin:0}.home-routes li{margin:0;min-width:0}.home-routes a{height:100%;display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1rem;background:#fff;border:1px solid var(--line);border-radius:.8rem;color:var(--ink);text-decoration:none;box-shadow:0 4px 14px rgba(23,45,61,.04);min-width:0}.home-routes a:hover{border-color:#90b9b0;transform:translateY(-2px);box-shadow:var(--shadow)}.home-routes strong{color:var(--navy);font-size:1.02rem;line-height:1.35;overflow-wrap:anywhere}.home-routes a>span:last-child{font-size:.87rem;color:var(--muted)}.route-arrow{color:var(--teal);font-weight:800}.asset-pending{max-width:850px;margin:1.7rem auto 2rem;border:1px dashed #b78b38;border-radius:.65rem;background:var(--amber-pale);padding:.8rem 1rem;display:flex;align-items:flex-start;gap:.75rem;color:#4e3b17}.asset-symbol{font-size:1.35rem;line-height:1;color:var(--amber)}.asset-pending figcaption{display:grid;gap:.2rem;min-width:0}.asset-pending figcaption strong{font-size:.86rem}.asset-pending figcaption span{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}
.article-layout{max-width:1030px;margin:0 auto;display:grid;grid-template-columns:205px minmax(0,1fr);gap:3rem;align-items:start}.toc{position:sticky;top:1rem}.toc details{border-left:2px solid #b5cec8;padding:.1rem 0 .1rem .9rem}.toc summary{cursor:pointer;color:var(--navy);font-size:.83rem;font-weight:700}.toc ul{padding-left:1rem;margin:.55rem 0 0;font-size:.8rem;line-height:1.45}.toc li+li{margin-top:.42rem}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--teal);text-decoration:underline}.article-copy{min-width:0;max-width:72ch}.article-copy h2:first-child{margin-top:.1rem}.article-copy h2{scroll-margin-top:1rem}.article-copy h3{scroll-margin-top:1rem}.article-copy p,.article-copy li{max-width:72ch}.article-copy p{margin:.75rem 0 1rem}.article-copy ul,.article-copy ol{margin:.75rem 0 1.2rem}.table-wrap{margin:1.3rem 0 1.6rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;text-align:left}.table-wrap th{background:#e9efed;color:var(--navy);font-size:.82rem;line-height:1.35;padding:.8rem .75rem}.table-wrap td{vertical-align:top;padding:.8rem .75rem;border-top:1px solid var(--line);font-size:.9rem}.table-wrap tr:nth-child(even) td{background:#fbfcfa}.source-panel,.related-panel,.disclosure{max-width:1030px;margin:2.3rem auto 0;padding:1.2rem 1.35rem;background:#fff;border:1px solid var(--line);border-radius:.8rem}.source-panel h2,.related-panel h2,.disclosure h2{font-size:1.25rem;margin:0 0 .8rem}.source-panel ul,.related-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.source-panel li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.source-panel li span{font:700 .7rem ui-monospace,Consolas,monospace;color:var(--muted)}.source-panel p{font-size:.8rem;color:var(--muted);margin:.9rem 0 0}.related-panel ul{grid-template-columns:repeat(3,minmax(0,1fr))}.related-panel li{margin:0}.related-panel a{height:100%;display:flex;flex-direction:column;gap:.25rem;padding:.8rem;background:#f7f8f5;border:1px solid var(--line);border-radius:.55rem;text-decoration:none;color:var(--muted);font-size:.78rem}.related-panel a strong{font-size:.9rem;color:var(--navy);line-height:1.35}.related-panel a:hover{border-color:#90b9b0}.disclosure{border-left:4px solid var(--teal);scroll-margin-top:1rem}.disclosure p{margin-bottom:0}.editorial-note{max-width:1030px;margin:1.25rem auto 0;color:var(--muted);font-size:.82rem;padding:.2rem .1rem}.site-footer{background:var(--navy);color:#e4ebee;padding:3rem max(1.25rem,calc((100vw - 1120px)/2)) 1.2rem}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:3rem}.brand-footer{font-size:1.12rem}.site-footer p{font-size:.87rem;max-width:42ch;color:#d3dee2}.site-footer .footer-age{border-left:2px solid #90b9b0;padding-left:.8rem;color:#f3f6f6}.site-footer h2{font-size:.9rem;letter-spacing:.04em;color:#fff;margin:.2rem 0 .8rem}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li+li{margin-top:.36rem}.site-footer nav a{color:#e0eeee;font-size:.86rem}.footer-bottom{border-top:1px solid #506574;margin-top:2rem;padding-top:.85rem;display:flex;justify-content:space-between;color:#ccd7dc;font-size:.75rem}
@media(max-width:900px){.desktop-nav{gap:.8rem}.header-inner{gap:1rem}.home-routes ul{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:1.8rem}.related-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{font-size:15.5px}.preview-banner{justify-content:flex-start;font-size:.7rem;line-height:1.35;flex-wrap:wrap}.header-inner{min-height:4.5rem;padding:.65rem 1rem;gap:.75rem}.desktop-nav{display:none}.mobile-menu{display:block;margin-left:auto}.age-mark{margin-left:0}.breadcrumbs{padding:.7rem 1rem}.page-shell{padding:1rem 1rem 3.3rem}.article-header{margin-bottom:1rem}h1{font-size:clamp(2.2rem,11vw,3.1rem);max-width:100%;overflow-wrap:anywhere}.route-diagram{grid-template-columns:1fr 1fr;margin:1.5rem 0 2rem}.route-diagram li{min-height:8rem;border-bottom:1px solid var(--line);padding:1rem}.route-diagram li:nth-child(2){border-right:0}.route-diagram li:nth-child(3),.route-diagram li:nth-child(4){border-bottom:0}.route-diagram li::after{display:none!important}.article-layout{display:block}.toc{position:static;margin:1rem 0 1.7rem}.toc details{border:1px solid var(--line);border-radius:.6rem;padding:.65rem .8rem;background:#fff}.toc ul{columns:2}.asset-pending{margin:1.1rem 0 1.5rem}.home-routes ul{grid-template-columns:1fr 1fr;gap:.55rem}.home-routes a{padding:.85rem .75rem}.home-routes strong{font-size:.9rem}.home-routes a>span:last-child{font-size:.78rem}.table-wrap{overflow:visible;border:0;background:transparent}.table-wrap table,.table-wrap tbody{display:block;width:100%}.table-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-wrap tr{display:block;background:#fff;border:1px solid var(--line);border-radius:.6rem;margin:.65rem 0;overflow:hidden}.table-wrap td{display:grid;grid-template-columns:minmax(6.5rem,35%) minmax(0,1fr);gap:.7rem;border-top:1px solid #e6eae7;padding:.65rem .75rem;font-size:.85rem;overflow-wrap:anywhere}.table-wrap td:first-child{border-top:0}.table-wrap td::before{content:attr(data-label);font-size:.72rem;font-weight:750;color:var(--navy)}.related-panel ul{grid-template-columns:1fr}.source-panel,.related-panel,.disclosure{padding:1rem}.footer-main{grid-template-columns:1fr 1fr;gap:1.4rem}.footer-main>div{grid-column:1/-1}.footer-bottom{gap:.7rem;flex-direction:column}}
@media(max-width:420px){.age-mark{font-size:.68rem;padding:.12rem .45rem}.brand{font-size:.93rem;gap:.48rem}.brand small{font-size:.62rem}.brand-mark{width:2.15rem;height:2.15rem}.preview-banner span{max-width:calc(100vw - 8rem);overflow-wrap:anywhere}.route-diagram li{min-height:8.3rem;padding:.8rem}.home-routes ul{grid-template-columns:1fr}.toc ul{columns:1}.footer-main{grid-template-columns:1fr}.footer-main>div{grid-column:auto}.table-wrap td{grid-template-columns:6rem minmax(0,1fr)}}
@media(max-width:340px){.header-inner{gap:.45rem;padding-left:.5rem;padding-right:.5rem}.brand{gap:.32rem;font-size:.88rem}.brand-mark{width:2rem;height:2rem}.mobile-menu summary{padding:.32rem .55rem}.age-mark{padding:.1rem .36rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Individual slot guides and original editorial artwork */
.hero-art,.supporting-art,.inline-game-art{max-width:1030px;margin:1.4rem auto 2rem}
.hero-art img,.supporting-art img,.inline-game-art img{display:block;width:100%;height:auto;border-radius:1rem;box-shadow:var(--shadow)}
.inline-game-art{max-width:760px;margin:1.4rem 0 1.8rem}
.supporting-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.supporting-art-grid figure{min-width:0;margin:0}
.availability-note{max-width:74ch;border-left:3px solid var(--teal);padding:.55rem .9rem;background:#fff;border-radius:.25rem .6rem .6rem .25rem;font-size:.9rem;color:var(--muted)}
.demo-panel,.next-step{margin:1.5rem 0;padding:1.2rem 1.35rem;background:#fff;border:1px solid var(--line);border-radius:.8rem;box-shadow:0 4px 14px rgba(23,45,61,.04)}
.demo-panel h2{font-size:1.2rem;margin:0 0 .55rem}
.demo-panel p:last-child,.next-step p{margin-bottom:0}
.demo-panel a,.next-step a{display:inline-flex;align-items:center;justify-content:center;margin-top:.4rem;padding:.65rem .9rem;border-radius:.45rem;background:var(--teal);color:white;text-decoration:none;font-weight:700}
.demo-panel a:hover,.next-step a:hover{background:#0b413b;color:white}
.slot-filters{max-width:1030px;margin:1.7rem auto 1rem}
.filter-group{padding:.8rem 1rem;border:1px solid var(--line);border-radius:.65rem;background:#fff}
.filter-group summary{cursor:pointer;font-weight:750;color:var(--navy)}
.filter-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
.filter-links a{display:inline-flex;padding:.32rem .62rem;border:1px solid var(--line);border-radius:99px;background:#f8faf8;color:var(--teal);font-size:.78rem;text-decoration:none}
.filter-links a:hover{background:var(--teal-pale);border-color:#98bdb4}
.filter-links details{flex:1 1 100%;background:#f8faf8}
.slot-grid{max-width:1030px;margin:1rem auto 2.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.slot-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:.9rem;background:#fff;box-shadow:0 5px 16px rgba(23,45,61,.05)}
.slot-card-art{margin:0}
.slot-card-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.slot-card-copy{padding:1rem 1.1rem}
.slot-card-kicker{margin:0;color:var(--teal);font-size:.75rem;font-weight:750;letter-spacing:.035em}
.slot-card h3{margin:.35rem 0 .45rem;font-size:1.25rem}
.slot-card h3 a{color:var(--navy);text-decoration:none}
.slot-card h3 a:hover{text-decoration:underline}
.slot-card-copy>p:not(.slot-card-kicker){min-height:2.8em;color:var(--muted);font-size:.88rem}
.slot-card dl{margin:.8rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.slot-card dl div{min-width:0;padding:.6rem;background:#f5f7f4;border-radius:.45rem}
.slot-card dt{font-size:.68rem;font-weight:750;color:var(--muted)}
.slot-card dd{margin:.18rem 0 0;font-size:.8rem;font-weight:650;overflow-wrap:anywhere}
.card-read{font-size:.85rem;font-weight:750}
.filter-target{display:block;height:0;scroll-margin-top:1rem}
@media(max-width:760px){.supporting-art-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:1fr}.slot-card-copy{padding:.9rem}.slot-card dl{gap:.4rem}.demo-panel,.next-step{padding:1rem}}
