/* Nursery page only (page_nursery.html "css" block), after tokens.css and
   app.css. Flat and editorial: sections separated by hairlines and space,
   a sticky contact card on desktop and
   a bottom bar on phones (research/UI-REDESIGN-V3.md §2). */
@layer pages {
.nurs { padding-top: var(--sp-3); }

/* ---- gallery ---- */
.gallery { position: relative; display: grid; gap: var(--sp-2); overflow: hidden; border-radius: var(--radius-xl); }
.gallery figure { margin: 0; min-height: 0; background: var(--muted); }
.gallery img { width: 100%; height: 100%; object-fit: cover; }
.gallery .g-0 { aspect-ratio: 16 / 10; max-height: 260px; }
.gallery figure:not(.g-0) { display: none; }
.g-all { position: absolute; right: var(--sp-3); bottom: var(--sp-3); box-shadow: var(--shadow-md); }
.g-cover { height: 180px; }
.g-art { height: 100%; border-radius: var(--radius-xl); }
.g-art svg { width: 100%; height: 100%; }
.g-map { display: none; }
.g-map .map { height: 100%; aspect-ratio: auto; border-radius: var(--radius-xl); }
@media (min-width: 768px) {
  .gallery:not(.g-cover) { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 172px 172px; }
  .gallery .g-0 { grid-row: 1 / 3; aspect-ratio: auto; max-height: none; }
  .gallery figure:not(.g-0) { display: block; }
  .gallery[data-n="1"] { grid-template-columns: 1fr; grid-template-rows: 300px; }
  .gallery[data-n="2"] { grid-template-columns: 2fr 1fr; }
  .gallery[data-n="2"] .g-1 { grid-row: 1 / 3; }
  .gallery[data-n="3"] { grid-template-columns: 2fr 1fr; }
  .gallery[data-n="4"] .g-3 { grid-column: 2 / 4; }
  .g-cover { height: 280px; }
  .g-cover.has-map { grid-template-columns: minmax(0, 1fr) minmax(0, 22rem); }
  .g-map { display: block; height: 100%; }
}

/* ---- photo dialog ---- */
.lightbox { width: min(64rem, 100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0 auto; padding: 0; border: 0;
  background: var(--background); color: var(--foreground); }
.lightbox::backdrop { background: rgb(15 14 26 / .6); }
.lb-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3);
  padding: var(--sp-2) var(--sp-2) var(--sp-2) var(--gutter); background: var(--background); border-bottom: 1px solid var(--border); font-weight: 600; }
.lb-strip { display: grid; gap: var(--sp-3); padding: var(--sp-4) var(--gutter) var(--sp-8); }
.lb-strip img { width: 100%; height: auto; border-radius: var(--radius-lg); background: var(--muted); }

/* ---- two columns ---- */
.np-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.np-main { min-width: 0; }
.np-side { display: none; }
@media (min-width: 1024px) {
  .np-grid { grid-template-columns: minmax(0, 1fr) 22.5rem; gap: var(--sp-16); }
  .np-side { display: block; padding-top: var(--sp-8); }
  .book { position: sticky; top: calc(var(--h-header) + var(--sp-6)); }
}

/* ---- title block ---- */
.np-title { padding-top: var(--sp-6); }
.np-title .alert { margin-bottom: var(--sp-5); }
.eyebrow { font-size: var(--text-sm); line-height: var(--leading-sm); font-weight: 600; color: var(--muted-foreground); }
.np-title h1 { margin-top: var(--sp-1); font-size: clamp(1.875rem, 3.8vw, 2.75rem); line-height: 1.1; letter-spacing: -.015em; overflow-wrap: anywhere; }
.np-addr { display: flex; gap: var(--sp-2); align-items: baseline; margin-top: var(--sp-3); color: var(--muted-foreground); }
.np-addr .i { flex: none; transform: translateY(2px); }
.np-addr a, .signals a, .loc-addr a { position: relative; color: inherit; text-underline-offset: 3px; }
.np-addr a::after, .signals a::after, .loc-addr a::after { content: ""; position: absolute; inset: -12px -4px; }
.signals { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-5); margin-top: var(--sp-4); }
.signals li { display: inline-flex; align-items: center; gap: var(--sp-2); font-size: .9375rem; font-weight: 600; color: var(--foreground); }
.signals a { text-decoration: none; }
.signals a:hover { text-decoration: underline; color: var(--primary); }
.signals .i { width: 1.125rem; height: 1.125rem; color: var(--muted-foreground); }
.signals [data-variant="ok"] .i { color: var(--ok-solid); }
.signals [data-variant="warn"] .i { color: var(--warn-solid); }
.signals [data-variant="bad"] .i { color: var(--bad-solid); }
.signals [data-variant="star"] .i { color: var(--star); fill: var(--star); }

/* ---- section pills: a sticky row under the header ---- */
.tabs { position: sticky; top: var(--h-header); z-index: 20; margin: 0 calc(var(--gutter) * -1); background: var(--background); border-bottom: 1px solid var(--border); }
.tabs ul { display: flex; gap: var(--sp-1); overflow-x: auto; scrollbar-width: none; padding: var(--sp-2) var(--gutter);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 2rem), transparent); mask-image: linear-gradient(to right, black calc(100% - 2rem), transparent); }
.tabs ul::-webkit-scrollbar { display: none; }
.tabs a { display: flex; align-items: center; min-height: 40px; padding: 0 var(--sp-4); border-radius: var(--radius-full); white-space: nowrap; text-decoration: none;
  font-size: .9375rem; font-weight: 600; color: var(--muted-foreground); }
.tabs a:hover { color: var(--foreground); background: var(--muted); }
.tabs a[aria-current] { color: var(--primary); background: var(--brand-soft); }
@media (min-width: 1024px) { .tabs { margin: 0; } .tabs ul { padding-inline: 0; -webkit-mask-image: none; mask-image: none; } }
/* from 1024px the row fits: tighter pills, and the extras after the five
   questions sit in a More menu (a native <details>); phones scroll the row */
.tab-more { display: none; position: relative; }
.tab-more summary { list-style: none; cursor: pointer; }
.tab-more summary::-webkit-details-marker { display: none; }
.tab-more summary::after { content: ""; width: .4rem; height: .4rem; margin: -.2rem 0 0 var(--sp-2); border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.tab-more details[open] summary, .tab-more .on summary { color: var(--primary); background: var(--brand-soft); }
.tab-more details > ul { position: absolute; right: 0; top: calc(100% + var(--sp-1)); display: grid; min-width: 11rem; padding: var(--sp-1);
  overflow: visible; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--popover); box-shadow: var(--shadow-md); }
@media (min-width: 1024px) {
  .tabs ul { gap: 2px; overflow: visible; }
  .tabs a, .tab-more summary { padding: 0 var(--sp-3); font-size: var(--text-sm); }
  .tab-x { display: none; }
  .tab-more { display: block; }
  .tab-more summary { display: flex; align-items: center; min-height: 40px; border-radius: var(--radius-full); font-weight: 600; color: var(--muted-foreground); white-space: nowrap; }
  .tab-more summary:hover { color: var(--foreground); background: var(--muted); }
}

/* ---- sections: hairline + space, no boxes ---- */
.sec { padding-block: var(--sp-8); border-top: 1px solid var(--border); scroll-margin-top: calc(var(--h-header) + 56px); }
.tabs + .sec { border-top: 0; }
.sec h2 { font-size: clamp(1.375rem, 2.4vw, 1.75rem); line-height: 1.25; margin-bottom: var(--sp-4); }
.sec h3 { font-size: var(--text-lg); line-height: var(--leading-lg); margin: var(--sp-6) 0 var(--sp-2); }
.sec-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--sp-1) var(--sp-4); margin-bottom: var(--sp-4); }
.sec-head h2 { margin-bottom: 0; }
.note { margin-top: var(--sp-3); }
.lede { max-width: var(--measure); margin-bottom: var(--sp-5); }
@media (min-width: 768px) { .sec { padding-block: var(--sp-12); } }

/* ---- about ---- */
.about { max-width: var(--measure); font-size: 1.0625rem; line-height: 1.7; }
.about > * + * { margin-top: var(--sp-4); }
.from-nursery p + p { margin-top: var(--sp-3); }
.from-nursery .subtle { margin-top: var(--sp-2); }
.about-group { font-size: var(--text-base); }
.js .clamp:not(.is-open) { max-height: calc(1.7em * 4); overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, black 55%, transparent); mask-image: linear-gradient(to bottom, black 55%, transparent); }
.more { margin-top: 0; min-height: 44px; font-weight: 600; }

/* ---- fees ---- */
.fees-wrap { overflow-x: auto; max-width: 40rem; }
table.fees { width: 100%; font-variant-numeric: tabular-nums; }
.fees th, .fees td { padding: var(--sp-3) var(--sp-4) var(--sp-3) 0; border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; }
.fees thead th { padding-top: 0; font-size: var(--text-sm); font-weight: 600; color: var(--muted-foreground); }
.fees tbody th { font-weight: 600; }
.fees .num { text-align: right; padding-right: 0; padding-left: var(--sp-4); }
.fees td { font-size: 1.0625rem; font-weight: 700; }
.nd { color: var(--subtle-foreground); font-weight: 400; }
/* phones: a wide table (3+ sessions) becomes one block per age */
@media (max-width: 559px) {
  .fees:has(thead th:nth-child(4)) thead { display: none; }
  .fees:has(thead th:nth-child(4)) tr { display: block; padding: var(--sp-2) 0; border-bottom: 1px solid var(--border); }
  .fees:has(thead th:nth-child(4)) :is(th, td) { display: flex; justify-content: space-between; gap: var(--sp-3); padding: var(--sp-1) 0; border: 0; }
  .fees:has(thead th:nth-child(4)) td::before { content: attr(data-label); font-size: var(--text-sm); font-weight: 500; color: var(--muted-foreground); }
  .fees th, .fees td { padding-right: var(--sp-2); }
  .fees .num { padding-left: var(--sp-2); }
}
.extras { margin-top: var(--sp-5); max-width: 30rem; font-size: var(--text-sm); }
.extras > div { display: flex; justify-content: space-between; gap: var(--sp-4); padding: var(--sp-2) 0; border-bottom: 1px solid var(--border); }
.extras dt { color: var(--muted-foreground); }
.extras dd { font-weight: 600; font-variant-numeric: tabular-nums; }
.no-fees { display: grid; gap: var(--sp-2); max-width: var(--measure); }
.no-fees a, .gotq a, .sec .muted a { font-weight: 600; color: var(--primary); }

/* ---- Ofsted ---- */
.insp-kind { font-size: var(--text-sm); font-weight: 600; color: var(--muted-foreground); }
.grade-line { display: flex; align-items: center; gap: var(--sp-3); margin-top: var(--sp-1); }
.grade-word { font-family: var(--font-display); font-size: var(--text-4xl); line-height: 1.1; font-weight: 600; letter-spacing: -.015em; }
.grade-word[data-variant="ok"] { color: var(--ok-ink); }
.grade-word[data-variant="warn"] { color: var(--warn-ink); }
.grade-word[data-variant="bad"] { color: var(--bad-ink); }
.insp-meta { margin-top: var(--sp-2); max-width: var(--measure); color: var(--muted-foreground); }
.grades { margin-top: var(--sp-4); max-width: 40rem; border-top: 1px solid var(--border); }
.grades li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-1) var(--sp-4); min-height: 48px; padding: var(--sp-2) 0; border-bottom: 1px solid var(--border); }
.grades .g { display: inline-flex; align-items: center; gap: var(--sp-2); font-weight: 600; }
.gdot { flex: none; width: 10px; height: 10px; border-radius: var(--radius-full); background: var(--g-mid); }
.gdot.big { width: 16px; height: 16px; }
.gdot[data-tone="5"] { background: var(--g-top); }
.gdot[data-tone="4"] { background: var(--g-good); }
.gdot[data-tone="2"] { background: var(--g-low); }
.gdot[data-tone="1"] { background: var(--g-bad); }
.explain-d, .history-d { margin-top: var(--sp-4); max-width: var(--measure); }
.explain-d summary, .history-d summary { display: inline-flex; align-items: center; gap: var(--sp-2); min-height: 44px; cursor: pointer; font-weight: 600; color: var(--primary); list-style: none; }
.explain-d summary::-webkit-details-marker, .history-d summary::-webkit-details-marker { display: none; }
.explain-d summary::after, .history-d summary::after { content: ""; width: 8px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); }
.explain-d[open] summary::after, .history-d[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.explain-d p { color: var(--muted-foreground); }
.history { border-top: 1px solid var(--border); font-size: var(--text-sm); }
.history li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--sp-1) var(--sp-4); padding: var(--sp-3) 0; border-bottom: 1px solid var(--border); }

/* ---- opening hours ---- */
.hours-list { max-width: 30rem; border-top: 1px solid var(--border); }
.hours-list > div { display: flex; justify-content: space-between; gap: var(--sp-4); padding: var(--sp-3) 0; border-bottom: 1px solid var(--border); }
.hours-list dd { font-weight: 700; font-variant-numeric: tabular-nums; }
.week { display: grid; gap: var(--sp-3); max-width: 36rem; }
.week li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr) 6.5rem; align-items: center; gap: var(--sp-3); font-size: var(--text-sm); }
.week .d { font-weight: 600; }
.week .t { font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }
.week .bar { position: relative; height: 8px; border-radius: var(--radius-full); background: var(--muted); }
.week .bar span { position: absolute; top: 0; bottom: 0; border-radius: inherit; background: var(--primary); }

/* ---- what parents say ---- */
.rate { display: grid; gap: var(--sp-6); }
.rating { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-2); }
.rating-v { font-family: var(--font-display); font-size: var(--text-4xl); line-height: 1.1; font-weight: 600; font-variant-numeric: tabular-nums; }
.rating .star { color: var(--star); font-size: var(--text-2xl); margin-right: var(--sp-1); }
.rate-g .ext { margin-top: var(--sp-1); }
.rate-t h3, .own h3 { margin-top: 0; }
.themes { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.themes li { display: inline-flex; align-items: center; gap: var(--sp-2); min-height: 36px; padding: 0 var(--sp-3); border-radius: var(--radius-full); background: var(--muted); font-size: var(--text-sm); font-weight: 600; }
.themes .row-n { font-weight: 500; }
.own { margin-top: var(--sp-8); }
.rbars { display: grid; gap: var(--sp-2); margin-top: var(--sp-4); max-width: 34rem; }
.rbars div { display: grid; grid-template-columns: minmax(8rem, 1fr) 2fr; gap: var(--sp-3); align-items: center; font-size: var(--text-sm); }
.rbars dt { color: var(--muted-foreground); }
.rbars dd { display: flex; align-items: center; gap: var(--sp-2); }
.rbar { flex: 1; height: 6px; border-radius: var(--radius-full); background: var(--g-empty); overflow: hidden; }
.rbar span { display: block; height: 100%; background: var(--primary); border-radius: inherit; }
.reviews { margin-top: var(--sp-4); border-top: 1px solid var(--border); }
.reviews > li { padding: var(--sp-4) 0; border-bottom: 1px solid var(--border); }
.review-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-3); margin-bottom: var(--sp-2); }
.review-head .star { color: var(--star); }
.review-body { max-width: var(--measure); }
.review-body p + p { margin-top: var(--sp-2); }
.review-reply { margin-top: var(--sp-3); padding-left: var(--sp-4); border-left: 3px solid var(--border); }
@media (min-width: 768px) { .rate { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--sp-10); } }

/* ---- a day here ---- */
.daylist { display: grid; gap: var(--sp-8); }
.day-item h3 { margin: 0 0 var(--sp-2); }
.day-item p { color: var(--muted-foreground); max-width: var(--measure); }
.day-item p + p { margin-top: var(--sp-2); }
.features { display: grid; gap: var(--sp-2); margin-top: var(--sp-3); }
.features li { display: flex; align-items: center; gap: var(--sp-2); font-size: .9375rem; font-weight: 500; }
.features .i { color: var(--ok-solid); }
.features a { position: relative; font-size: var(--text-xs); color: var(--subtle-foreground); text-underline-offset: 2px; }
.features a::after { content: ""; position: absolute; inset: -14px -6px; }
.features a:hover { color: var(--primary); }
@media (min-width: 768px) { .daylist { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-8) var(--sp-10); } }

/* ---- location ---- */
.loc-map .map { aspect-ratio: 16 / 9; border-radius: var(--radius-lg); }
/* static map picture (MAP_THUMB_URL) until clicked */
.map-thumb { position: absolute; inset: 0; z-index: 1; }
.map-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: 0; }
.map-pill { position: absolute; left: 50%; top: 50%; translate: -50% -50%; opacity: 0; transition: opacity .15s; }
.map-thumb:is(:hover, :focus-visible) .map-pill, [data-map-state=loading] .map-pill { opacity: 1; }
@media (hover: none) { .map-pill { top: auto; bottom: 1.6rem; translate: -50%; opacity: 1; } }
.map-attr { position: absolute; right: 0; bottom: 0; z-index: 2; padding: 0 5px; font-size: 11px; background: rgb(255 255 255 / .8); }
.map-attr a { color: rgb(0 0 0 / .75); }
.map-live :is(.map-thumb, .map-attr) { display: none; }
.loc-addr { margin-top: var(--sp-3); color: var(--muted-foreground); }
.loc-grid { display: grid; gap: var(--sp-6); margin-top: var(--sp-2); }
.loc-grid h3 { margin-top: var(--sp-4); }
.travel li { display: flex; align-items: center; gap: var(--sp-3); min-height: 48px; padding: var(--sp-2) 0; border-bottom: 1px solid var(--border); }
.travel .i { color: var(--muted-foreground); }
.travel .row-t { flex: 1; min-width: 0; font-weight: 500; }
.from-err { color: var(--bad-ink); }
@media (min-width: 768px) { .loc-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-10); } }
.schools { max-width: 44rem; border-top: 1px solid var(--border); }
.schools li { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-4); padding: var(--sp-3) 0; border-bottom: 1px solid var(--border); }
.dots-sep > span + span::before { content: " · "; }
.schools a { font-weight: 600; color: var(--foreground); text-decoration: none; }
.schools a:hover { color: var(--primary); text-decoration: underline; }
.table.flat { border: 0; border-radius: 0; background: none; }
.table.flat thead th { background: none; padding-inline: 0 var(--sp-4); }
.table.flat th, .table.flat td { padding-inline: 0 var(--sp-4); }
.table.flat th:first-child, .table.flat td:first-child { background: var(--background); box-shadow: none; }
.table.flat thead th:first-child { background: var(--background); }
.table.flat tr.is-this > * { background: var(--brand-soft); }
.table.flat tr.is-this > :first-child { padding-left: var(--sp-3); box-shadow: inset 3px 0 0 var(--brand); }

/* ---- got a question ---- */
.gotq { display: grid; gap: var(--sp-3); margin-bottom: var(--sp-6); padding: var(--sp-4) var(--sp-5); border-radius: var(--radius-lg); background: var(--brand-soft); }
.gotq p { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-2); }
.gotq p .i { color: var(--primary); }
.gotq ul { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.qpill { display: inline-flex; align-items: center; min-height: 40px; padding: 0 var(--sp-4); border: 1px solid var(--border); border-radius: var(--radius-full);
  background: var(--card); color: var(--foreground); font-size: var(--text-sm); font-weight: 600; text-decoration: none; }
.qpill:hover { border-color: var(--primary); color: var(--primary); }

.sec .faq { gap: 0; border-top: 1px solid var(--border); }
.sec .faq details { border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: none; }
.sec .faq summary { padding-inline: 0; }
.sec .faq-a { padding-inline: 0; }

/* ---- about this information ---- */
.info-grid { display: grid; gap: var(--sp-6); font-size: var(--text-sm); }
.info-grid .muted { margin-top: var(--sp-3); }
.sources li { padding: var(--sp-1) 0; }
.claim { display: grid; gap: var(--sp-3); justify-items: start; align-content: start; padding: var(--sp-5); border-radius: var(--radius-lg); background: var(--sunken); }
@media (min-width: 768px) { .info-grid { grid-template-columns: 1.6fr 1fr; gap: var(--sp-10); } }

/* ---- sticky contact card ---- */
.book { display: grid; gap: var(--sp-4); padding: var(--sp-6); background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
.book-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-1_5); }
.book-price b { font-family: var(--font-display); font-size: 2.25rem; line-height: 1.1; font-weight: 600; font-variant-numeric: tabular-nums lining-nums; }
.book-price .book-ask { font-size: 1.75rem; }
.book-sub { flex-basis: 100%; }
.book-lines { display: grid; gap: var(--sp-2); padding-block: var(--sp-3); border-block: 1px solid var(--border); font-size: .9375rem; }
.book-lines > div { display: flex; gap: var(--sp-3); align-items: center; }
.book-lines dt { display: flex; color: var(--muted-foreground); }
.book-lines dd { font-weight: 600; }
.book-acts { display: grid; gap: var(--sp-2); }
.book-links { display: grid; gap: var(--sp-1); font-size: var(--text-sm); }
.book-links a { display: inline-flex; align-items: center; gap: var(--sp-2); min-height: 36px; color: var(--muted-foreground); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.book-links a:hover { color: var(--primary); text-decoration: underline; }
.book-checked { text-align: center; }

/* ---- phone bottom bar; the chat launcher sits above it (w.js reads --nf-bottom) ---- */
.cta-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: flex; align-items: center; gap: var(--sp-3);
  padding: var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom)); background: var(--popover); border-top: 1px solid var(--border); box-shadow: var(--shadow-up); }
.cta-price { flex: 1; min-width: 0; }
.cta-price b { display: block; font-family: var(--font-display); font-size: 1.25rem; line-height: 1.3; font-weight: 600; font-variant-numeric: tabular-nums lining-nums; }
.cta-price b span { font-family: var(--font-sans); font-size: var(--text-sm); font-weight: 500; color: var(--muted-foreground); }
.cta-price > span { display: block; font-size: var(--text-label); line-height: var(--leading-label); color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1023px) {
  body:has(.cta-bar) { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  :root:has(.cta-bar) { --nf-bottom: 72px; }
}
@media (min-width: 1024px) { .cta-bar { display: none; } }
}

@media print {
  .tabs, .cta-bar, .np-side, .gallery, .np-acts, .gotq, .home-pc, .rpt, .gap-acts { display: none !important; }
  .js .clamp:not(.is-open) { max-height: none; -webkit-mask-image: none; mask-image: none; }
}