/* GUIDE LOOK: Atomic (config sites.guide_looks.atomic) — thevegaselvis.com, Pete's DiffUI pick B 11/12 (project eab633dc,
   build 8496da6e). Same guide markup as every guide site; this file is the whole difference: charcoal and pink masthead with a
   sign-shaped "Vegas Elvis" badge, cream page, teal show band, charcoal compare band, red, teal, pink and yellow, Oswald
   condensed headings with a red script word, atomic starbursts, angled arrow tags on section headings. Flat, retro.
   Base copied from the Sunny Side file (same structure), then the "Atomic" section at the end. */
:is(body.tpl-guide, body.tpl-page-guide, body.tpl-show-guide) {
    --at-ink: #1d2b2f; --at-cream: #f6efdf; --at-paper: #efe4cf; --at-line: #d9c9a8; --at-red: #c8232c; --at-red-deep: #a51c24;
    --at-display: 'Oswald', Georgia, 'Times New Roman', serif; --at-label: 'Oswald', 'Helvetica Neue', Arial, sans-serif; --at-text: 'Source Sans 3', Georgia, serif;
}

/* ---- masthead ------------------------------------------------------------------------------ */
.site-header.gd-header.gd-header--atomic { background: #1d2b2f; border-bottom: 0; }
.gd-header--atomic .gd-header-inner { max-width: 1372px; padding: 10px 16px; min-height: 0; }
.gd-header--atomic .gd-mark { font-family: 'Oswald', Georgia, serif; font-weight: 900; font-size: 34px; letter-spacing: -.02em; color: #f6efdf !important; }
.gd-header--atomic .gd-mark span { color: #c8232c; }
.gd-header--atomic .gd-nav a { font-family: 'Oswald', Arial, sans-serif; font-weight: 500; font-size: 15px; letter-spacing: .22em; color: #f6efdf; }
.gd-header--atomic .gd-nav a:hover, .gd-header--atomic .gd-nav a:focus-visible { color: #f2899c; border-bottom-color: #c8232c; }
@media (min-width: 760px) {
    .gd-header--atomic .gd-header-inner { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 40px; align-items: center; padding: 14px 34px 16px; }
    .gd-header--atomic .gd-mark { grid-column: 1; grid-row: 1; font-size: clamp(56px, 7.4vw, 104px); line-height: .92; }
    .gd-header--atomic .gd-nav { grid-column: 1; grid-row: 2; justify-content: flex-start; gap: 4px 48px; margin-top: 6px; }
    .gd-header--atomic .gd-tagline { display: block; grid-column: 2; grid-row: 1 / span 2; justify-self: start; max-width: 340px; margin: 0; padding: 6px 0 6px 40px; border-left: 2px solid #d9c9a8; font-family: 'Oswald', Arial, sans-serif; font-weight: 500; font-size: 15px; line-height: 1.75; letter-spacing: .22em; text-transform: uppercase; color: #f6efdf; }
}

/* ---- page ---------------------------------------------------------------------------------- */
body.tpl-guide.gd-look-atomic { background: var(--at-cream); color: var(--at-ink); font-family: var(--at-text); }
body.gd-look-atomic .gd a { color: inherit; }

/* hero: headline left, art right */
body.gd-look-atomic .gd-hero { text-align: left; padding: 18px 4px 16px; }
body.gd-look-atomic .gd-hero-rule { display: none; }
body.gd-look-atomic .gd-kicker { display: block; margin: 0 0 6px; font-family: var(--at-label); font-weight: 600; font-size: 14px; letter-spacing: .22em; text-transform: uppercase; color: var(--at-red); }
body.tpl-guide.gd-look-atomic .gd .gd-hero h1, body.tpl-guide.gd-look-atomic .gd .gd-hero h1.gd-h1--long { margin: 0; max-width: none; font-family: var(--at-display); font-weight: 900; font-size: clamp(34px, 5.3vw, 76px); line-height: 1; letter-spacing: -.02em; color: var(--at-ink); text-shadow: none; text-wrap: balance; }
body.gd-look-atomic .gd-intro { margin: 12px 0 0; max-width: 900px; font-size: clamp(17px, 1.75vw, 24px); line-height: 1.35; color: var(--at-ink); text-wrap: pretty; }
body.gd-look-atomic .gd-updated { margin: 10px 0 0; font-family: var(--at-text); font-weight: 400; font-size: 15px; letter-spacing: 0; text-transform: none; color: #5a5148; }
@media (min-width: 980px) {
    body.gd-look-atomic .gd-hero { display: grid; grid-template-columns: minmax(0, 1fr) 320px; column-gap: 24px; align-items: center; padding: 26px 0 22px; }
    body.gd-look-atomic .gd-hero > * { grid-column: 1; }
    body.gd-look-atomic .gd-hero-art { display: block; grid-column: 2; grid-row: 1 / span 6; }
    body.gd-look-atomic .gd-hero-art svg { display: block; width: 100%; height: auto; }
}

/* panels become open sections with left-aligned serif headings */
body.gd-look-atomic .gd-panel { margin-top: 26px; padding: 0; background: none; border-radius: 0; color: var(--at-ink); }
body.tpl-guide.gd-look-atomic .gd .gd-panel > h2, body.tpl-guide.gd-look-atomic .gd .gd-articles > h2 { margin: 0 0 12px; text-align: left; font-family: var(--at-display); font-weight: 800; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.05; letter-spacing: -.015em; color: var(--at-ink); text-shadow: none; }
body.gd-look-atomic .gd :is(.gd-panel, .gd-card-panel) :is(p, span, b, li, h3, dt, dd, a) { color: var(--at-ink); }

/* dates table */
body.gd-look-atomic .gd-dates-table { max-width: none; margin: 0; border: 1px solid var(--at-line); }
body.gd-look-atomic .gd-dates-table th { padding: 9px 12px; background: var(--at-ink); border-bottom: 0; color: #f6efdf; font-family: var(--at-label); font-weight: 600; font-size: 15px; letter-spacing: .04em; text-transform: none; }
body.gd-look-atomic .gd-dates-table td { border-bottom: 1px solid var(--at-line); }
body.gd-look-atomic .gd-dates-table td a { color: var(--at-red); }
body.gd-look-atomic .gd-dates-table td:nth-child(2) { font-weight: 600; }
body.gd-look-atomic .gd-dates-note { margin-left: 0; text-align: left; color: #5a5148; }
body.gd-look-atomic .gd-dates-more { justify-content: flex-start; }
body.gd-look-atomic .gd-dates-more a { color: var(--at-red); }
@media (min-width: 860px) {
    body.gd-look-atomic .gd-dates-table .gd-col-venue { display: table-cell; }
    body.gd-look-atomic .gd-dates-table td:nth-child(2) small { display: none; }
    body.gd-look-atomic .gd-dates-table th, body.gd-look-atomic .gd-dates-table td { padding-left: 24px; padding-right: 24px; }
}

/* which show / history / FAQ */
body.tpl-guide.gd-look-atomic .gd .gd-which-list h3 { font-family: var(--at-label); font-weight: 600; font-size: 20px; letter-spacing: 0; text-transform: none; }
body.gd-look-atomic .gd-which-list li { border-color: var(--at-line); }
body.gd-look-atomic .gd-history-intro { margin-left: 0; text-align: left; }
body.gd-look-atomic .gd-timeline li::before, body.gd-look-atomic .gd-timeline li::after { background: var(--at-red); }
body.gd-look-atomic .gd-timeline b { font-family: var(--at-display); font-weight: 800; }
body.gd-look-atomic .gd-faq-list { max-width: none; margin: 0; border-top: 0; }
body.gd-look-atomic .gd-faq-item { padding: 0 0 14px; border-bottom: 0; }
body.tpl-guide.gd-look-atomic .gd .gd-faq-item h3 { font-family: var(--at-label); font-weight: 600; font-size: 19px; }
@media (min-width: 860px) {
    body.gd-look-atomic .gd-which-list li { border-left-color: #bfae8c; }
    body.gd-look-atomic .gd-faq-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 0; }
    body.gd-look-atomic .gd-faq-item { padding: 0 32px 16px; border-left: 1px solid #bfae8c; }
    body.gd-look-atomic .gd-faq-item:nth-child(3n + 1) { padding-left: 4px; border-left: 0; }
}

/* articles + disclosure */
body.gd-look-atomic .gd-article { background: var(--at-cream); border: 1px solid var(--at-line); border-radius: 0; }
body.tpl-guide.gd-look-atomic .gd .gd-article-body h3 { font-family: var(--at-display); font-weight: 800; }
body.gd-look-atomic .gd-disclosure { margin: 30px 0 0; max-width: none; text-align: left; color: #5a5148; }

/* footer + article / contact pages (templates/page-skin.css tokens) */
:is(body.tpl-guide.gd-look-atomic, body.tpl-page-guide, body.tpl-show-guide) footer { background: #1d2b2f; border-top: 0; }
:is(body.tpl-guide.gd-look-atomic, body.tpl-page-guide, body.tpl-show-guide) footer :is(h3, h4) { color: #f2899c !important; font-family: 'Oswald', Arial, sans-serif; }
:is(body.tpl-guide.gd-look-atomic, body.tpl-page-guide, body.tpl-show-guide) footer a:hover { color: #f2899c !important; }
body.tpl-page.tpl-page-guide {
    --pg-bg: #f6efdf; --pg-surface: #efe4cf; --pg-surface-2: #e9dfc8; --pg-line: #d9c9a8; --pg-chip-line: #1d2b2f;
    --pg-ink: #1d2b2f; --pg-ink-2: #2b2823; --pg-ink-3: #5a5148;
    --pg-accent: #c8232c; --pg-accent-hover: #a51c24; --pg-accent-ink: #fbf6ea;
    --pg-price: #1d2b2f; --pg-star: #c8232c;
    --pg-display: 'Oswald'; --pg-display-weight: 800; --pg-display-tracking: -.01em; --pg-text: 'Source Sans 3'; --pg-button-font: 'Oswald'; --pg-nav-font: 'Oswald';
    --pg-radius: 2px; --pg-btn-radius: 3px;
    --pg-header-bg: #1d2b2f; --pg-header-ink: #f6efdf;
}

/* Comparison table in this look: black marquee header with a red rule, tinted label bands, red cost marks, solid red ticket buttons. */
body.gd-look-atomic .gd-compare-table { max-width: none; margin: 0; border: 1px solid var(--at-line); border-top: 4px solid var(--at-red); background: #fbf6ea; color: var(--at-ink); }
body.gd-look-atomic .gd-compare-table thead tr { background: var(--at-ink); border-bottom: 0; }
body.gd-look-atomic .gd-compare-table thead th { color: #f6efdf; font-family: var(--at-display); font-weight: 800; letter-spacing: -.01em; border-bottom: 0; }
body.gd-look-atomic .gd-compare-table tbody th { font-family: var(--at-label); font-weight: 600; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--at-red-deep); border-color: var(--at-line); }
body.gd-look-atomic .gd-compare-table td { border-color: var(--at-line); }
body.gd-look-atomic .gd .gd-compare-table .gd-cmp-cost b { color: var(--at-red); font-family: var(--at-label); font-weight: 700; letter-spacing: .08em; }
body.gd-look-atomic .gd .gd-compare-table .gd-cmp-go a { margin: 4px 0; padding: 9px 16px; background: var(--at-red-deep); color: #fff; font-family: var(--at-label); font-weight: 600; font-size: 16px; letter-spacing: .04em; text-decoration: none; border-radius: 3px; }
body.gd-look-atomic .gd .gd-compare-table .gd-cmp-go a span { color: inherit; }
body.gd-look-atomic .gd .gd-compare-table .gd-cmp-go a:hover { background: var(--at-ink); }
@media (max-width: 859px) {
    body.gd-look-atomic .gd-compare-table tr { padding: 0 12px; column-gap: 14px; border-bottom: 0; }
    body.gd-look-atomic .gd-compare-table thead th { padding: 11px 0; font-size: 17px; }
    body.gd-look-atomic .gd-compare-table tbody th { margin: 0 -12px; padding: 5px 12px 4px; background: var(--at-paper); border-top: 1px solid var(--at-line); font-size: 12px; }
    body.gd-look-atomic .gd-compare-table td { padding: 8px 0 11px; }
    body.gd-look-atomic .gd-compare-table td + td { border-left: 1px solid var(--at-line); padding-left: 13px; margin-left: -7px; }
    body.gd-look-atomic .gd .gd-compare-table .gd-cmp-go a { padding: 9px 12px; }
}
@media (min-width: 860px) {
    body.gd-look-atomic .gd-compare-table thead th, body.gd-look-atomic .gd-compare-table td { padding-left: 24px; padding-right: 24px; }
    body.gd-look-atomic .gd-compare-table thead th { padding-top: 12px; padding-bottom: 12px; font-size: 24px; }
    body.gd-look-atomic .gd-compare-table tbody th { padding-left: 24px; width: 170px; background: var(--at-paper); border-right: 1px solid var(--at-line); }
    body.gd-look-atomic .gd-compare-table td + td { border-left: 1px solid var(--at-line); }
    body.gd-look-atomic .gd-compare-table tbody tr:nth-child(even) td { background: #f3ead6; }
    body.gd-look-atomic .gd-compare-table .gd-cmp-corner { background: var(--at-ink); }
}

/* "More Las Vegas guides" in this look. */
body.gd-look-atomic .gd-network-list { max-width: none; margin: 0; }
body.gd-look-atomic .gd-network-list a { background: #fbf6ea; border: 1px solid var(--at-line); border-left: 4px solid var(--at-red); border-radius: 0; padding: 14px 16px; }
body.gd-look-atomic .gd .gd-network-list b { font-family: var(--at-display); font-weight: 800; font-size: 22px; letter-spacing: -.01em; }
body.gd-look-atomic .gd .gd-network-list small { color: #5a5148; }

/* Drive-time dial in this look. */
body.gd-look-atomic .gd-compare-table { --gd-dial: var(--at-red); }
body.gd-look-atomic .gd .gd-compare-table .gd-drive b { font-family: var(--at-label); font-weight: 700; font-size: 18px; }
body.gd-look-atomic .gd-compare-table tbody th small { color: #5a5148; }

/* Dates table show-name links in this look. */
body.gd-look-atomic .gd .gd-dates-table td a.gd-date-show { color: var(--at-ink); }


/* ==== Atomic: what makes this look its own (Pete's DiffUI pick B, 11/12) ===================================== */
:is(body.tpl-guide, body.tpl-page-guide, body.tpl-show-guide) {
    --at-char: #1d2b2f; --at-pink: #f2899c; --at-pink-soft: #f7c1cb; --at-red: #c8232c; --at-teal: #1f9e98; --at-teal-deep: #126f6b;
    --at-yellow: #f4c95d; --at-cream: #f6efdf; --at-script: 'Yellowtail', 'Brush Script MT', cursive;
}
body.tpl-guide.gd-look-atomic { background: var(--at-cream); }

/* masthead: charcoal with a pink slab, sign-shaped badge ("Vegas" red tile + "Elvis" script) */
.site-header.gd-header.gd-header--atomic { background: linear-gradient(105deg, var(--at-pink) 0 30%, var(--at-char) 30%); border-bottom: 4px solid var(--at-teal); }
.gd-header--atomic .gd-mark { display: inline-flex; align-items: baseline; padding: 4px 16px 6px 12px; background: var(--at-cream); border: 3px solid var(--at-red); border-radius: 40px 14px 40px 14px; box-shadow: 0 0 0 3px var(--at-cream), 0 0 0 6px var(--at-yellow); font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; color: var(--at-red) !important; }
.gd-header--atomic .gd-mark::before, .gd-header--atomic .gd-mark::after { content: none; }
.gd-header--atomic .gd-mark span { margin-left: .2em; font-family: var(--at-script); font-weight: 400; font-size: 1.45em; letter-spacing: 0; text-transform: none; color: var(--at-teal-deep); }
.gd-header--atomic .gd-nav a { font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 600; font-size: 16px; letter-spacing: .14em; text-transform: uppercase; color: var(--at-cream); }
.gd-header--atomic .gd-nav a:hover, .gd-header--atomic .gd-nav a:focus-visible { color: var(--at-yellow); border-bottom-color: var(--at-yellow); }
.gd-header--atomic .gd-burger-lines, .gd-header--atomic .gd-burger-lines::before, .gd-header--atomic .gd-burger-lines::after { background: var(--at-cream); }
@media (min-width: 760px) {
    .gd-header--atomic .gd-header-inner { grid-template-columns: auto 1fr; grid-template-rows: auto; column-gap: 34px; padding: 14px 34px; }
    .gd-header--atomic .gd-mark { grid-column: 1; grid-row: 1; font-size: clamp(26px, 2.6vw, 34px); padding: 6px 22px 10px 14px; }
    .gd-header--atomic .gd-nav { grid-column: 2; grid-row: 1; justify-content: flex-end; align-self: center; gap: 4px 30px; margin-top: 0; }
    .gd-header--atomic .gd-tagline { display: none; }
}

/* hero: condensed caps headline, the topic word in red script, skyline art */
body.gd-look-atomic .gd-kicker { color: var(--at-red); font-family: 'Oswald', sans-serif; letter-spacing: .26em; }
body.tpl-guide.gd-look-atomic .gd .gd-hero h1, body.tpl-guide.gd-look-atomic .gd .gd-hero h1.gd-h1--long { font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; font-size: clamp(36px, 5.6vw, 78px); line-height: 1.02; color: var(--at-char); }
body.gd-look-atomic .gd-updated { font-family: 'Oswald', sans-serif; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #5a5148; }
body.tpl-guide.gd-look-atomic .gd .gd-updated a { color: var(--at-teal-deep); font-weight: 700; text-decoration: none; }
@media (max-width: 979px) { body.gd-look-atomic .gd-hero-art { display: block; width: 160px; margin: 6px 0 0 auto; float: right; shape-outside: inset(0); } body.gd-look-atomic .gd-hero-art svg { display: block; width: 100%; height: auto; } body.gd-look-atomic .gd-hero::after { content: ''; display: block; clear: both; } }
@media (min-width: 980px) { body.gd-look-atomic .gd-hero { grid-template-columns: minmax(0, 1fr) 380px; } }

/* full-bleed bands: teal behind the show cards, charcoal behind the comparison */
body.gd-look-atomic .gd-shows { position: relative; padding: 22px 0 26px; background: var(--at-teal); box-shadow: 0 0 0 100vmax var(--at-teal); clip-path: inset(0 -100vmax); }
body.gd-look-atomic .gd-compare { position: relative; margin-top: 0; padding: 26px 0 30px; background: var(--at-char); box-shadow: 0 0 0 100vmax var(--at-char); clip-path: inset(0 -100vmax); }
body.tpl-guide.gd-look-atomic .gd .gd-compare > h2 { color: var(--at-char); }
body.gd-look-atomic .gd-compare .gd-dates-note { color: #d9cfb8; }

/* section headings as angled arrow tags (yellow on the compare band, pink and teal elsewhere) */
body.tpl-guide.gd-look-atomic .gd :is(.gd-panel, .gd-articles) > h2 { display: inline-block; margin: 0 0 16px; padding: 8px 34px 8px 16px; background: var(--at-pink); color: var(--at-char); font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.05; clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%); transform: rotate(-2deg); }
body.tpl-guide.gd-look-atomic .gd .gd-compare > h2 { background: var(--at-yellow); }
body.tpl-guide.gd-look-atomic .gd :is(.gd-faq, .gd-network) > h2 { background: var(--at-teal); color: var(--at-cream); }

/* tables: column headers in red / teal / pink, yellow cost marks */
body.gd-look-atomic .gd-compare-table { --gd-dial: var(--at-teal-deep); background: var(--at-cream); border-top: 4px solid var(--at-yellow); }
body.gd-look-atomic .gd-compare-table thead tr { background: var(--at-char); }
body.gd-look-atomic .gd-compare-table thead th { color: var(--at-cream); font-family: 'Oswald', sans-serif; font-weight: 600; letter-spacing: .02em; }
body.gd-look-atomic .gd-compare-table thead th:nth-of-type(3n+1) { background: var(--at-red); }
body.gd-look-atomic .gd-compare-table thead th:nth-of-type(3n+2) { background: var(--at-teal); }
body.gd-look-atomic .gd-compare-table thead th:nth-of-type(3n) { background: var(--at-pink); color: var(--at-char); }
body.gd-look-atomic .gd-compare-table tbody th { color: var(--at-red); }
body.gd-look-atomic .gd .gd-compare-table .gd-cmp-cost b { color: var(--at-red); }
body.gd-look-atomic .gd .gd-compare-table .gd-cmp-go a { background: var(--at-red); color: var(--at-cream); }
body.gd-look-atomic .gd-dates-table { border-top: 4px solid var(--at-pink); background: #fbf6ea; }
body.gd-look-atomic .gd-dates-table th { background: var(--at-char); color: var(--at-cream); font-family: 'Oswald', sans-serif; }
body.gd-look-atomic .gd .gd-dates-table td a { color: var(--at-red); }
body.gd-look-atomic .gd .gd-dates-table td a.gd-date-show { color: var(--at-char); }

/* more guides */
body.gd-look-atomic .gd-network-list a { background: #fbf6ea; border-left-color: var(--at-pink); border-radius: 6px; }
body.gd-look-atomic .gd .gd-network-list b { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }

/* the topic word in the hero headline (homepage wraps it in .gd-h1-topic) as red script; ribbons sit on their own line */
body.tpl-guide.gd-look-atomic .gd .gd-hero h1 .gd-h1-topic { font-family: var(--at-script); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 1.12em; color: var(--at-red); padding-right: .06em; }
body.gd-look-atomic .gd-cards--ours .gd-card-name::before { display: table; }
/* phones: the comparison rows are grids, so stretch the coloured name cells to one height with the name at the bottom */
body.gd-look-atomic .gd-compare-table thead tr { align-items: stretch; }
@media (max-width: 759px) { body.gd-look-atomic .gd-compare-table thead th { display: flex; align-items: flex-end; } }
/* things to do: cream cards on a pink stripe, cost as a red tag */
body.gd-look-atomic .gd-things-list li { background: #fbf6ea; border: 0; border-left: 6px solid var(--at-pink); border-radius: 6px; }
body.tpl-guide.gd-look-atomic .gd .gd-things-list h3, body.tpl-guide.gd-look-atomic .gd .gd-things-list h3 a { font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 700; text-transform: uppercase; color: var(--at-char); }
body.gd-look-atomic .gd-things-meta b { padding: 1px 8px; background: var(--at-red); color: var(--at-cream); border-radius: 3px; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 13px; }
body.gd-look-atomic .gd-things-meta span { color: var(--at-teal-deep); font-weight: 600; }

/* ==== Show band, rebuilt to DiffUI B (Pete 11/12: "really hard to read", logo in the lead) ==================== */
/* One run of compact cream cards on the teal band; All Shook Up is the wide featured card with a performer photo;
   every other card is text only. Sentence-case, full-size body text; condensed caps only for show names. */
body.gd-look-atomic .gd-shows { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
body.gd-look-atomic .gd-shows > .gd-cards { display: contents; }
body.gd-look-atomic .gd-shows .gd-card { position: relative; display: flex; flex-direction: column; margin: 0; padding: 18px 18px 20px; background: var(--at-cream); border: 0; border-radius: 6px; box-shadow: 0 3px 0 rgba(0, 0, 0, .18); text-align: left; overflow: hidden; }
body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-card-name, body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-card-name a { margin: 0; padding: 0; font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 700; font-size: clamp(26px, 2.3vw, 32px); line-height: 1.05; letter-spacing: .01em; text-transform: uppercase; text-align: left; color: var(--at-char); text-shadow: none; text-decoration: none; }
body.gd-look-atomic .gd-shows .gd-card-name::before { content: none; }
body.gd-look-atomic .gd-shows .gd-ribbon { margin: 8px 0 12px; padding: 0; width: auto; max-width: none; text-align: left; }
body.gd-look-atomic .gd-shows .gd-ribbon::before, body.gd-look-atomic .gd-shows .gd-ribbon::after { display: none; }
body.gd-look-atomic .gd-shows .gd-ribbon span, body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-card-sub { display: block; padding: 0; background: none; border: 0; transform: none; font-family: 'Source Sans 3', system-ui, sans-serif; font-weight: 400; font-size: 17px; line-height: 1.4; letter-spacing: 0; text-transform: none; text-align: left; color: #3a3430; }
body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-card-sub { margin: 8px 0 12px; }
body.gd-look-atomic .gd-shows .gd-card-panel, body.gd-look-atomic .gd-shows .gd-out-body { display: flex; flex-direction: column; flex: 1; margin: 0; padding: 0; background: none; }
body.gd-look-atomic .gd-shows .gd-facts { display: grid; gap: 6px; margin: 0 0 16px; padding: 0; color: var(--at-char); }
body.gd-look-atomic .gd-shows .gd-facts > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; align-items: baseline; margin: 0; padding: 0; border: 0; }
body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-facts dt { margin: 0; font-family: 'Source Sans 3', system-ui, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0; text-transform: none; color: #6b5f55; }
body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-facts dd { margin: 0; font-size: 16px; line-height: 1.35; color: var(--at-char); }
body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-facts dd a { color: var(--at-teal-deep); }
/* every card carries its picture (Pete 11/12: "all the shows need some type of graphic"): 3:2 on top, flush to the card edges */
body.gd-look-atomic .gd-shows .gd-card-art, body.gd-look-atomic .gd-shows .gd-out-art { display: block; order: -1; flex: 0 0 auto; max-width: none; margin: -18px -18px 14px; background: #000; }
body.gd-look-atomic .gd-shows .gd-card-art img, body.gd-look-atomic .gd-shows .gd-out-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border: 0; border-radius: 6px 6px 0 0; }
body.gd-look-atomic .gd-shows .gd-card--pic { flex-direction: column; align-items: stretch; gap: 0; padding: 18px 18px 20px; }
body.gd-look-atomic .gd-shows .gd-photo-credit { display: block; margin: -10px 0 8px; font-size: 12px; color: #6b5f55; }
body.gd-look-atomic .gd-event-art { margin: -16px -18px 12px; }
body.gd-look-atomic .gd-event { border-top: 0; }
body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-btn { align-self: stretch; margin-top: auto; min-width: 0; padding: 12px 18px; background: var(--at-red); color: var(--at-cream) !important; border-radius: 8px; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 19px; letter-spacing: .04em; text-align: center; }
body.gd-look-atomic .gd-shows .gd-out { margin: auto 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
body.tpl-guide.gd-look-atomic .gd .gd-shows .gd-out a { color: var(--at-teal-deep) !important; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 19px; letter-spacing: .02em; text-decoration: underline; text-underline-offset: 4px; }
body.gd-look-atomic .gd-shows .gd-out small { font-size: 13px; color: #6b5f55; }

/* the featured card: red "Featured show" tag, red marquee name, performer photo */
body.gd-look-atomic .gd-cards--ours .gd-card:first-child { padding-top: 54px; }
body.gd-look-atomic .gd-cards--ours .gd-card:first-child::before { content: 'Featured show'; position: absolute; top: 14px; left: 0; padding: 5px 16px 5px 18px; background: var(--at-red); color: var(--at-cream); font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 15px; letter-spacing: .12em; text-transform: uppercase; clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
body.tpl-guide.gd-look-atomic .gd .gd-cards--ours .gd-card:first-child .gd-card-name, body.tpl-guide.gd-look-atomic .gd .gd-cards--ours .gd-card:first-child .gd-card-name a { font-size: clamp(32px, 3.2vw, 44px); color: var(--at-red); text-shadow: 2px 2px 0 var(--at-yellow); }
body.gd-look-atomic .gd-cards--ours .gd-card:first-child .gd-card-art { display: block; order: -1; margin: 0 0 14px; background: #000; border-radius: 4px; overflow: hidden; }
body.gd-look-atomic .gd-cards--ours .gd-card:first-child .gd-card-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: center 25%; border-radius: 0; }

/* Elvis Fest: the pink card (Pete 11/12: "give Elvis Fest some real estate") */
body.gd-look-atomic .gd-cards--ours .gd-card:nth-child(2) { background: var(--at-pink-soft); }
body.tpl-guide.gd-look-atomic .gd .gd-cards--ours .gd-card:nth-child(2) .gd-btn { background: var(--at-teal-deep); }

@media (min-width: 700px) {
    body.gd-look-atomic .gd-shows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.gd-look-atomic .gd-cards--ours .gd-card:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 44%) minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 24px; }
    body.gd-look-atomic .gd-cards--ours .gd-card:first-child .gd-card-art { grid-column: 1; grid-row: 1 / span 3; margin: 0; align-self: start; }
    body.gd-look-atomic .gd-cards--ours .gd-card:first-child .gd-card-art img { aspect-ratio: 4 / 5; }
    body.tpl-guide.gd-look-atomic .gd .gd-cards--ours .gd-card:first-child .gd-card-name { grid-column: 2; grid-row: 1; }
    body.gd-look-atomic .gd-cards--ours .gd-card:first-child .gd-ribbon { grid-column: 2; grid-row: 2; }
    body.gd-look-atomic .gd-cards--ours .gd-card:first-child .gd-card-panel { grid-column: 2; grid-row: 3; }
}
@media (min-width: 1100px) {
    body.gd-look-atomic .gd-shows { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.gd-look-atomic .gd-cards--ours .gd-card:first-child { grid-column: span 2; }
}

/* readability elsewhere: no tracked-out tiny caps for running text and row labels */
body.gd-look-atomic .gd-updated { font-family: 'Source Sans 3', system-ui, sans-serif; font-size: 15px; letter-spacing: 0; text-transform: none; color: #5a5148; }
body.gd-look-atomic .gd-compare-table tbody th { font-family: 'Source Sans 3', system-ui, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0; text-transform: none; color: var(--at-char); }

/* ==== Hero, drawn to DiffUI B: sign left on a pink slab, centred headline, skyline right on a charcoal panel ===== */
body.gd-look-atomic .gd-hero-art .at-sign { display: none; }
body.gd-look-atomic .gd-hero-art .at-skyline { display: block; width: 100%; height: auto; }
@media (min-width: 1100px) {
    body.gd-look-atomic .gd-hero { position: relative; display: grid; grid-template-columns: 300px minmax(0, 1fr) 330px; column-gap: 28px; align-items: center; padding: 24px 0; text-align: center; }
    body.gd-look-atomic .gd-hero::before { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; left: -100vmax; width: calc(100vmax + 330px); background: var(--at-pink); clip-path: polygon(0 0, 100% 0, calc(100% - 70px) 100%, 0 100%); }
    body.gd-look-atomic .gd-hero::after { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; right: -100vmax; width: calc(100vmax + 360px); background: var(--at-char); clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%); }
    body.gd-look-atomic .gd-hero > * { position: relative; z-index: 1; grid-column: 2; }
    body.gd-look-atomic .gd-hero-art { display: contents; float: none; width: auto; margin: 0; }
    body.gd-look-atomic .gd-hero-art .at-sign { display: block; position: relative; z-index: 1; grid-column: 1; grid-row: 1 / span 6; width: 100%; height: auto; }
    body.gd-look-atomic .gd-hero-art .at-skyline { position: relative; z-index: 1; grid-column: 3; grid-row: 1 / span 6; align-self: end; }
    body.tpl-guide.gd-look-atomic .gd .gd-hero h1, body.tpl-guide.gd-look-atomic .gd .gd-hero h1.gd-h1--long { text-align: center; font-size: clamp(44px, 4.4vw, 70px); }
    body.gd-look-atomic .gd-intro { margin-inline: auto; max-width: 34em; text-align: center; }
    body.gd-look-atomic .gd-updated { text-align: center; }
    /* the sign is the logo on wide screens: the header becomes a plain charcoal bar with the menu */
    .site-header.gd-header.gd-header--atomic { background: var(--at-char); }
    .gd-header--atomic .gd-mark { visibility: hidden; }
}

/* ==== Special events in this look: cream / pink cards like B's Elvis Fest card ==================================== */
body.gd-look-atomic .gd-event { background: #fbf6ea; border: 0; border-radius: 6px; box-shadow: 0 3px 0 rgba(0, 0, 0, .12); border-top: 6px solid var(--at-pink); }
body.gd-look-atomic .gd-event--ours { background: var(--at-pink-soft); border-top-color: var(--at-teal-deep); }
body.tpl-guide.gd-look-atomic .gd .gd-event-name, body.tpl-guide.gd-look-atomic .gd .gd-event-name a { font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.05; text-transform: uppercase; color: var(--at-char); }
body.tpl-guide.gd-look-atomic .gd .gd-event-sub { font-size: 17px; color: #3a3430; }
body.gd-look-atomic .gd-event .gd-facts { display: grid; gap: 6px; }
body.gd-look-atomic .gd-event .gd-facts > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; align-items: baseline; margin: 0; padding: 0; border: 0; }
body.tpl-guide.gd-look-atomic .gd .gd-event .gd-facts dt { font-family: 'Source Sans 3', system-ui, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0; text-transform: none; color: #6b5f55; }
body.tpl-guide.gd-look-atomic .gd .gd-event .gd-facts dd { margin: 0; font-size: 16px; line-height: 1.35; color: var(--at-char); }
body.tpl-guide.gd-look-atomic .gd .gd-event .gd-btn { align-self: stretch; padding: 12px 18px; background: var(--at-teal-deep); color: var(--at-cream) !important; border-radius: 8px; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 19px; letter-spacing: .04em; text-align: center; }
body.tpl-guide.gd-look-atomic .gd .gd-event .gd-out a { color: var(--at-teal-deep) !important; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 19px; text-decoration: underline; text-underline-offset: 4px; }
body.gd-look-atomic .gd-event .gd-out { justify-content: flex-start; text-align: left; }

/* ==== Section tags beside their content on wide screens (B: Compare / Upcoming dates / FAQ tags sit left) ======= */
@media (min-width: 1100px) {
    body.gd-look-atomic :is(.gd-compare, .gd-dates, .gd-faq, .gd-events, .gd-things) { display: grid; grid-template-columns: 230px minmax(0, 1fr); column-gap: 28px; align-items: start; }
    body.gd-look-atomic :is(.gd-compare, .gd-dates, .gd-faq, .gd-events, .gd-things) > * { grid-column: 2; }
    body.tpl-guide.gd-look-atomic .gd :is(.gd-compare, .gd-dates, .gd-faq, .gd-events, .gd-things) > h2 { grid-column: 1; grid-row: 1 / span 4; justify-self: start; margin-top: 10px; font-size: 32px; line-height: 1.05; white-space: normal; }
    body.gd-look-atomic .gd-faq-list { grid-template-columns: repeat(2, 1fr); gap: 4px 28px; }
}
body.gd-look-atomic .gd-shows .gd-out-art, body.gd-look-atomic .gd-shows .gd-out-art img { width: calc(100% + 36px); max-width: none; } body.gd-look-atomic .gd-shows .gd-out-art img { width: 100%; }