/* Atlas sheet: generated paper and ornaments, live route information. */
body.ts-route .card.route-start-card.atlas-start-sheet { box-sizing:border-box; position:relative; margin:8px 0 32px; padding:38px 42px 42px; border:0; border-radius:2px; background:#f1ead9 url('/assets/atlas-art/start-atlas-v1.jpg') center/100% 100% no-repeat; box-shadow:0 6px 22px #54432218; color:#203f2b; overflow:hidden; }
body.ts-route .atlas-start-sheet::before { display:none; }
.atlas-start-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:1px solid #9c804855; }
.atlas-start-kicker { display:block; font:500 10px/1.5 var(--atlas-sans,sans-serif); text-transform:uppercase; letter-spacing:.16em; color:#725d37; }
body.ts-route .atlas-start-heading h2 { margin:8px 0 0; font:500 clamp(34px,4vw,48px)/1 var(--atlas-serif,Georgia,serif); color:#203f2b; overflow-wrap:anywhere; }
.atlas-start-heading > img { width:78px; height:78px; object-fit:contain; flex:none; }
.atlas-start-location { display:flex; gap:14px; align-items:center; margin:22px 0; }
.atlas-start-location > img { width:36px; height:43px; object-fit:contain; flex:none; }
.atlas-start-label { font:500 10px/1.5 var(--atlas-sans,sans-serif); color:#725d37; letter-spacing:.12em; text-transform:uppercase; }
body.ts-route .atlas-start-address { margin:5px 0 0; font:500 24px/1.2 var(--atlas-serif,Georgia,serif); color:#203f2b; overflow-wrap:anywhere; }
.atlas-start-facts { display:flex; flex-wrap:wrap; gap:10px 24px; list-style:none; margin:0 0 24px; padding:12px 0; border-block:1px solid #9c804844; }
.atlas-start-facts li { display:flex; align-items:center; gap:8px; font:500 12px/1.5 var(--atlas-sans,sans-serif); color:#40503f; }
.atlas-start-facts img { width:30px; height:30px; object-fit:contain; }
body.ts-route .atlas-start-sheet .atlas-start-action { display:inline-flex; justify-content:space-between; gap:30px; max-width:100%; min-height:48px; padding:10px 18px; border:8px solid transparent; border-image:url('/assets/atlas-icons/button-frame-v1.webp') 64 fill / 8px stretch !important; background:#203f2b; color:#fff0ce; font:500 13px/1.4 var(--atlas-sans,sans-serif); text-decoration:none; box-sizing:border-box; }
body.ts-route .atlas-start-action:hover { filter:brightness(1.1); }
body.ts-route .atlas-start-action:focus-visible { outline:2px solid #923e31; outline-offset:4px; }
body.ts-route .atlas-start-note { font:400 12px/1.75 var(--atlas-sans,sans-serif); margin:16px 0 14px; max-width:90%; color:#59634d; }
@media(max-width:480px) {
 body.ts-route .card.route-start-card.atlas-start-sheet { padding:28px 25px 38px; }
 .atlas-start-heading { gap:10px; }
 .atlas-start-heading > img { width:58px; height:58px; }
 .atlas-start-kicker { font-size:9px; letter-spacing:.09em; }
 body.ts-route .atlas-start-heading h2 { font-size:34px; }
 .atlas-start-location { gap:10px; margin:18px 0; }
 body.ts-route .atlas-start-address { font-size:23px; }
 .atlas-start-facts { gap:10px 14px; }
 .atlas-start-facts li { font-size:11px; gap:5px; }
 .atlas-start-facts img { width:24px; height:24px; }
 body.ts-route .atlas-start-sheet .atlas-start-action { width:100%; gap:10px; padding-inline:10px; }
 body.ts-route .atlas-start-note { max-width:100%; }
}
body.ts-route .card.route-start-card.atlas-start-sheet { background-image:url('/assets/atlas-art/start-atlas-v1.png'); padding:48px 48px 48px; }
body.ts-route .atlas-start-sheet .atlas-start-action,body.ts-route .atlas-start-sheet .atlas-start-action:visited { color:#fff0ce !important; }
body.ts-route .atlas-start-note { max-width:82%; }
@media(max-width:480px) { body.ts-route .card.route-start-card.atlas-start-sheet { padding:36px 30px 48px; } body.ts-route .atlas-start-note { max-width:88%; } }
body.ts-route .card.route-start-card.atlas-start-sheet { padding-top:56px; }
body.ts-route .atlas-start-action { scroll-margin-top:340px; }
@media(max-width:480px) { body.ts-route .card.route-start-card.atlas-start-sheet { padding-top:52px; } }

/* Listening tip belongs to the start sheet, with room for its compass ornament. */
body.ts-route .atlas-start-listening { display:flex; align-items:flex-start; gap:12px; margin:22px 0 4px; padding:16px 0 0; max-width:82%; border-top:1px solid #9c804844; }
body.ts-route .atlas-start-headphones { flex:none; width:26px; height:26px; margin-top:2px; color:#725d37; }
body.ts-route .atlas-start-listening-title { margin:0 0 5px; color:#203f2b; font:500 20px/1.2 var(--atlas-serif,Georgia,serif); }
body.ts-route .atlas-start-listening .atlas-start-note { margin:0; max-width:none; font-size:12px; line-height:1.65; }
@media(max-width:480px) {
 body.ts-route .atlas-start-listening { max-width:100%; margin-top:18px; padding-bottom:28px; gap:10px; }
 body.ts-route .atlas-start-listening-title { font-size:20px; }
}