/* Pages the designer did not draw (forms, listings, search, sign-in, department and notice pages), built from the
   inner-page design's own pieces: the guide heading and reading column, its colours, radii and type scale. */

/* One reading column (no "In this page" box). */
.kumbh-frame-body{grid-template-columns:minmax(0,1fr);padding-top:1rem}
.kumbh-frame-body .prose{max-width:80rem}

/* Lists of items: notices, departments, live updates, contacts. */
.kumbh-list{display:grid;gap:1.25rem;margin-top:2rem}
.kumbh-list > li{background:#fff;border:1px solid #f0e2d2;border-radius:var(--radius);padding:1.6rem 1.9rem}
.kumbh-list h2,.kumbh-list h3{font-size:var(--fs-h3);font-weight:600;color:var(--maroon);line-height:1.35;margin:0}
.kumbh-list a{color:var(--maroon)}
.kumbh-list a:hover{text-decoration:underline;text-underline-offset:3px}
.kumbh-list p{margin-top:.6rem;font-size:var(--fs-small);color:var(--muted);line-height:1.7}
.kumbh-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:.7rem;font-size:var(--fs-ui);color:var(--muted-2)}
.kumbh-meta b{color:var(--maroon);font-weight:600}
.kumbh-tag{display:inline-block;background:var(--peach);color:var(--orange-deep);border-radius:999px;padding:.15rem .8rem;font-size:var(--fs-ui);font-weight:600}
.kumbh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.kumbh-cards > li{background:#fff;border:1px solid #f0e2d2;border-radius:var(--radius);padding:1.6rem 1.9rem;display:flex;flex-direction:column}
.kumbh-cards h2,.kumbh-cards h3{font-size:var(--fs-h3);font-weight:600;color:var(--maroon);line-height:1.35}
.kumbh-cards p{margin-top:.6rem;font-size:var(--fs-small);color:var(--muted);line-height:1.7}
.kumbh-cards .arrow-link{margin-top:auto;padding-top:1.2rem}
/* Emergency contacts: the number is the card's main line, tap to call. */
.kumbh-contacts .kumbh-number{display:block;margin-top:.6rem;font-size:max(2.5rem,26px);font-weight:700;line-height:1.15;color:var(--orange-deep)}
.kumbh-contacts a.kumbh-number:hover{text-decoration:underline;text-underline-offset:5px}
.kumbh-contacts .arrow-link{margin-top:.9rem;padding-top:0}
.kumbh-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.kumbh-filter a{text-decoration:none;border:1px solid #ecd9c5;border-radius:999px;padding:.45rem 1.1rem;font-size:var(--fs-ui);background:#fff;color:var(--ink)}
.kumbh-filter a[aria-current="page"]{background:var(--maroon);border-color:var(--maroon);color:#fff}
.kumbh-empty{margin-top:2rem;color:var(--muted)}
.kumbh-pager{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem}
.kumbh-pager a{color:var(--maroon);font-weight:600}

/* FAQs: questions open on click. */
.kumbh-faq{margin-top:2rem}
.kumbh-faq h2{font-size:max(1.9rem,20px);font-weight:600;color:var(--maroon);margin:3rem 0 1rem}
.kumbh-faq details{background:#fff;border:1px solid #f0e2d2;border-radius:.9rem;margin-top:.75rem}
.kumbh-faq summary{cursor:pointer;padding:1.1rem 1.5rem;font-weight:600;color:var(--ink);list-style:none}
.kumbh-faq summary::-webkit-details-marker{display:none}
.kumbh-faq summary::after{content:"+";float:right;color:var(--orange);font-weight:700}
.kumbh-faq details[open] summary::after{content:"–"}
.kumbh-faq .kumbh-answer{padding:0 1.5rem 1.25rem}

/* Photo gallery on guide pages: whole photos (archival prints keep their own captions), caption and credit below. As
   many columns of about 21rem as the width allows (one on phones, four or more on large screens). */
.kumbh-gallery{columns:21rem;column-gap:1.5rem;margin-top:1.5rem;padding:0;list-style:none}
.kumbh-gallery > li{break-inside:avoid;margin:0 0 1.75rem;padding:0}
.kumbh-gallery figure{margin:0}
.kumbh-gallery img{display:block;width:100%;height:auto;border-radius:var(--radius);background:#efe4d6}
.kumbh-gallery a:focus-visible img{outline:3px solid var(--orange);outline-offset:3px}
.kumbh-gallery figcaption{margin-top:.6rem;font-size:var(--fs-small);line-height:1.55;color:var(--ink)}
.kumbh-gallery figcaption small{display:block;margin-top:.25rem;font-size:var(--fs-ui);color:var(--muted-2)}

/* "Coming soon" page (links to pages not published yet): what is coming, then pages to visit meanwhile. */
.kumbh-soon-lead{margin-top:.5rem;font-size:max(1.375rem,16px);line-height:1.8;color:var(--ink)}
.kumbh-soon-meanwhile{margin-top:1.75rem;color:var(--muted)}
.kumbh-soon{margin-top:1rem}
.kumbh-soon > li{justify-content:center}
.kumbh-soon .arrow-link{margin-top:0;padding-top:0;font-weight:600}

/* Site search: the box above the results. */
.kumbh-search-row{display:flex;gap:.75rem}
.kumbh-search-row input{flex:1;min-width:0}
.kumbh-count{margin-top:1.5rem;color:var(--muted)}

/* Site map: the menu as nested lists. */
.kumbh-sitemap{columns:2 22rem;column-gap:3rem;margin-top:2rem}
.kumbh-sitemap > li{break-inside:avoid;margin-bottom:2rem}
.kumbh-sitemap h2{font-size:max(1.6rem,19px);font-weight:600;color:var(--maroon);margin-bottom:.6rem}
.kumbh-sitemap h3{font-size:var(--fs-body);font-weight:600;color:var(--ink);margin-top:1rem}
.kumbh-sitemap ul{margin-top:.4rem;display:grid;gap:.35rem}
.kumbh-sitemap a{color:var(--maroon)}

/* Forms (webforms, search, sign-in). */
.kumbh-inner form{margin-top:2rem;max-width:52rem}
.kumbh-inner .form-item,.kumbh-inner .js-form-item{margin:0 0 1.4rem}
.kumbh-inner label,.kumbh-inner legend{display:block;font-weight:600;color:var(--ink);margin-bottom:.4rem;font-size:var(--fs-small)}
.kumbh-inner .form-required::after{content:" *";color:var(--orange-deep)}
.kumbh-inner input[type=text],.kumbh-inner input[type=email],.kumbh-inner input[type=tel],.kumbh-inner input[type=search],
.kumbh-inner input[type=password],.kumbh-inner input[type=number],.kumbh-inner input[type=date],.kumbh-inner select,.kumbh-inner textarea{
  width:100%;font:inherit;font-size:var(--fs-small);color:var(--ink);background:#fff;border:1px solid #d9c9b6;border-radius:.6rem;padding:.75rem .95rem;line-height:1.4}
.kumbh-inner textarea{min-height:9rem}
.kumbh-inner input:focus,.kumbh-inner select:focus,.kumbh-inner textarea:focus{outline:3px solid rgba(244,124,32,.35);border-color:var(--orange)}
.kumbh-inner .form-type-checkbox,.kumbh-inner .form-type-radio{display:flex;align-items:flex-start;gap:.6rem}
.kumbh-inner .fieldset-wrapper .form-type-checkbox,.kumbh-inner .fieldset-wrapper .form-type-radio{margin:0 0 .6rem}
.kumbh-inner input[type=checkbox],.kumbh-inner input[type=radio]{width:1.15rem;height:1.15rem;margin:.15rem 0 0;accent-color:var(--orange);flex:none}
.kumbh-inner .form-type-checkbox label,.kumbh-inner .form-type-radio label{display:inline;font-weight:400;margin:0;line-height:1.5}
.kumbh-inner .description,.kumbh-inner .form-item__description{font-size:var(--fs-ui);color:var(--muted-2);margin-top:.35rem}
.kumbh-inner fieldset{border:0;padding:0;margin:0 0 1.4rem;min-width:0}
.kumbh-inner legend{padding:0}
.kumbh-inner .form-actions input,.kumbh-inner .form-actions button,.kumbh-inner input.form-submit,.kumbh-inner button.form-submit{
  display:inline-flex;align-items:center;gap:1rem;background:var(--orange);color:#fff;font-weight:600;border:0;border-radius:999px;padding:1rem 2.2rem;cursor:pointer;font-size:var(--fs-small)}
.kumbh-inner .form-actions input:hover,.kumbh-inner input.form-submit:hover{background:var(--orange-deep)}
.kumbh-inner input.error,.kumbh-inner select.error,.kumbh-inner textarea.error{border-color:#c5221f}
.kumbh-inner .messages{border-radius:.9rem;padding:1rem 1.4rem;margin:1rem 0;background:var(--cream);border:1px solid #ecd9c5}
.kumbh-inner .messages--error{background:#fdecea;border-color:#f5c2bd}

@media (max-width:1024px){.kumbh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.kumbh-cards{grid-template-columns:minmax(0,1fr)}.kumbh-list > li,.kumbh-cards > li{padding:1.2rem 1.25rem}}

/* Places from the facilities map at the end of a guide section (templates/inner/places.html.twig): the entry roads
   with their numbered park-and-ride steps (Devanagari numbers in Marathi), or lists of places. Text colours keep a
   contrast of 4.5:1 or more on the block's backgrounds. With a map: beside the places on wide screens (it stays
   in view while they scroll), above them otherwise. */
.kumbh-places{margin-top:1.75rem}
.kumbh-places .kp-map iframe{display:block;width:100%;aspect-ratio:16/10;border:0;border-radius:var(--radius);background:#efe4d6;scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.kumbh-places .kp-map{margin-bottom:1.5rem}
.kumbh-places .kp-body{min-width:0}
.kp-road{margin-top:1.25rem;padding:1.4rem 1.6rem;border:1px solid #f0e2d2;border-radius:var(--radius);background:#fff;scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.kp-road:first-child{margin-top:0}
.kp-road h3{font-size:var(--fs-h3);font-weight:600;line-height:1.35;color:var(--maroon)}
.kp-from{margin-top:.35rem;font-size:var(--fs-small);color:var(--muted)}
.kp-note{margin-top:.5rem;font-size:var(--fs-small);color:#a8420a}
.kp-steps{display:grid;gap:1rem;margin-top:1.1rem;counter-reset:kp}
.kp-steps > li{position:relative;padding-left:2.5rem;counter-increment:kp}
.kp-steps > li::before{content:counter(kp);position:absolute;left:0;top:.1rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--peach);color:#a8420a;font-size:var(--fs-ui);font-weight:700}
.kp-steps strong{display:block;font-weight:600;color:var(--ink)}
.kp-list{display:grid;gap:.5rem;margin-top:.55rem}
.kp-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;padding:.6rem .9rem;border-radius:.75rem;background:#fbf6f0}
.kp-name{font-weight:600;color:var(--ink)}
.kp-line{font-size:var(--fs-ui);color:var(--muted-2)}
.kp-links{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-left:auto;font-size:var(--fs-ui)}
.kp-dir{font-weight:600;color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
.kp-dir:hover{color:#a8420a}
.kp-show{font-weight:600;color:#a8420a;text-decoration:underline;text-underline-offset:3px}
.kp-show[aria-pressed="true"]{color:var(--maroon);text-decoration:none}
.kp-show[aria-pressed="true"]::before{content:"● ";color:#a8420a}
.kp-dir:focus-visible,.kp-show:focus-visible{outline:2px solid var(--maroon);outline-offset:2px;border-radius:.25rem}
.kp-group{margin:1.75rem 0 .2rem;font-size:var(--fs-h3);font-weight:600;color:var(--maroon)}
.kp-body > .kp-group:first-child{margin-top:0}
.kp-later{margin-top:.45rem;font-size:var(--fs-small);color:var(--muted)}
@media (min-width:1280px){
  .kumbh-places.has-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.75rem;align-items:start}
  .kumbh-places.has-map .kp-map{position:sticky;top:calc(var(--header-h) + 1.5rem);order:2;margin-bottom:0}
  .kumbh-places.has-map .kp-map iframe{aspect-ratio:4/5}
}
@media (max-width:767px){.kp-road{padding:1.1rem 1.15rem}.kp-links{margin-left:0}}

/* Snan days at the end of a guide section (templates/inner/snan.html.twig): cards with the date in a badge (maroon
   for an Amrut Snan), or the full calendar: the Parva table, then each tirth's muhurat dates as a grid. */
.kumbh-snan{margin-top:1.75rem}
.ks-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1rem}
.ks-day{display:flex;gap:1.1rem;align-items:flex-start;padding:1.2rem 1.3rem;border:1px solid #f0e2d2;border-radius:var(--radius);background:#fff}
.ks-date{flex:0 0 auto;display:grid;justify-items:center;min-width:4.75rem;padding:.55rem .6rem;border-radius:.9rem;background:#fbf1e6;color:var(--maroon);line-height:1.2;text-align:center}
.ks-date b{font-size:1.9rem;font-weight:700;line-height:1.1}
.ks-date span{font-size:var(--fs-ui);font-weight:600}
.ks-date small{font-size:var(--fs-small);color:var(--muted-2)}
.ks-day.is-amrut .ks-date{background:var(--maroon);color:#fff}
.ks-day.is-amrut .ks-date small{color:#fde8d4}
.ks-body{min-width:0}
.ks-tag{display:inline-block;margin-bottom:.35rem;padding:.1rem .65rem;border-radius:999px;background:var(--peach);color:#a8420a;font-size:var(--fs-small);font-weight:600;line-height:1.6}
.ks-body h3{font-size:var(--fs-h3);font-weight:600;line-height:1.35;color:var(--ink)}
.guide-body .prose .ks-body p{margin-top:.35rem;font-size:var(--fs-ui);line-height:1.6}
.ks-when{color:var(--muted-2)}
.guide-body .prose .ks-body .ks-where{font-weight:600;color:var(--maroon)}
.ks-h{margin-top:2.25rem;font-size:var(--fs-h3);font-weight:600;line-height:1.35;color:var(--maroon)}
.ks-muhurat{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.45rem;margin-top:.8rem}
.ks-muhurat li{padding:.35rem .5rem;border-radius:.6rem;background:#fbf6f0;font-size:var(--fs-ui);line-height:1.6;text-align:center;font-variant-numeric:tabular-nums}
.guide-body .prose .ks-total{margin-top:.75rem;font-size:var(--fs-small);line-height:1.6;color:var(--muted)}
.guide-body .prose .ks-num{white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:767px){.ks-day{padding:1rem}.ks-date{min-width:4.2rem}.ks-date b{font-size:1.6rem}}

/* The homepage's facilities tool on a guide page (templates/inner/finder.html.twig, css/facilities.css): its maroon
   panel as a rounded band across the page (the page then has no "In this page" column), with the tool's own type
   size; links and buttons keep the homepage's look rather than the text's; "Nearest to me" beside the towns. The
   tool's anchors (#filter, #map, #details) clear the sticky header. */
.guide-body.guide-wide{grid-template-columns:minmax(0,1fr)}
.guide-wide .prose{max-width:none}
.kumbh-inner .kumbh-finder.v8-inform{margin-top:.5rem;padding:2rem clamp(1rem,3vw,2.25rem) 2.25rem!important;border-radius:1.5rem;font-size:16px;line-height:1.5}
.kumbh-finder .k7-fac-panel{margin-top:0}
.kumbh-finder .k7-chips{margin:0}
.kumbh-finder #filter,.kumbh-finder #map,.kumbh-finder #details{scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.kumbh-finder .k7-anchor{display:block;height:0}
.kumbh-finder .k7-near{display:inline-flex;align-items:center;gap:8px;margin:0 10px 10px 0;padding:7px 16px;border:1.5px solid #fff;border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer;vertical-align:middle}
.kumbh-finder .k7-near[aria-pressed="true"]{background:#fff;color:#7a1f1f}
.kumbh-finder .k7-near:disabled{opacity:.75;cursor:progress}
.kumbh-finder .k7-near:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.kumbh-finder .k7-near i{display:inline-flex;width:18px;height:18px}
.guide-body .prose .kumbh-finder .k7-near-msg{margin:.25rem 0 .5rem;font-size:.95rem;color:#f6e7dd}
.kumbh-finder .k7-fac-main{margin-top:.75rem}
.guide-body .prose .kumbh-finder .k7-place p,.guide-body .prose .kumbh-finder .k7-list-h{margin-top:0}
.guide-body .prose .kumbh-finder a.k7-dir{color:#fff;text-decoration:none}
.guide-body .prose .kumbh-finder a.k7-open{display:inline-block;margin-top:.75rem;color:#7a1f1f;font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){.kumbh-inner .kumbh-finder.v8-inform{padding:1.25rem 1rem 1.5rem!important;border-radius:1.1rem}}

/* Sub-headings in the text of guide sections (h3, h4 from the editor), with a line above each h3 after the first, and
   a list right under an h3 shown as a box of facts (for example a monument's place and period). On phones they stay
   smaller than the section heading (1.65rem there). */
.guide-body .prose > section > h3{margin-top:2.75rem;padding-top:2.25rem;border-top:1px solid #ecdcc9;font-size:max(1.75rem,19px);font-weight:600;line-height:1.3;color:var(--maroon)}
.guide-body .prose > section > h2 + h3,.guide-body .prose > section > h3:first-child{margin-top:.5rem;padding-top:0;border-top:0}
.guide-body .prose > section > h4{margin-top:2rem;font-size:max(1.25rem,15px);font-weight:700;line-height:1.4;color:var(--ink)}
/* Sub-headings in a department page's About text, styled like a guide page's. */
.dept-about h3{margin-top:2.75rem;padding-top:2.25rem;border-top:1px solid #ecdcc9;font-size:max(1.75rem,19px);font-weight:600;line-height:1.3;color:var(--maroon)}
.dept-about h3:first-child{margin-top:.5rem;padding-top:0;border-top:0}
@media (max-width:767px){.guide-body .prose > section > h3,.dept-about h3{font-size:1.3rem}.guide-body .prose > section > h4{font-size:1.0625rem}}
.guide-body .prose > section > h3 + ul.points{gap:.3rem;margin-top:1rem;padding:1rem 1.4rem;border-radius:.9rem;background:#fbf1e6;line-height:1.65}
.guide-body .prose > section > h3 + ul.points + p{margin-top:1.25rem}

/* Lists in the text of guide sections, department pages and landing-page introductions (from the editor, so without a
   class of their own): bullets, or numbers (Devanagari in Marathi), in the site's orange, with each item's lines kept
   closer together than the space between items. Lists the design styles itself have a class and keep their look. */
:is(.guide-body .prose > section,.dept-about,.intro-body) :is(ul,ol):not([class]){margin-top:1rem;padding-inline-start:1.4em}
:is(.guide-body .prose > section,.dept-about,.intro-body) ul:not([class]){list-style:disc}
:is(.guide-body .prose > section,.dept-about,.intro-body) ol:not([class]){list-style:decimal}
:is(.guide-body .prose > section,.dept-about,.intro-body) :is(ul,ol):not([class]) > li{line-height:1.75}
:is(.guide-body .prose > section,.dept-about,.intro-body) :is(ul,ol):not([class]) > li + li{margin-top:.75rem}
:is(.guide-body .prose > section,.dept-about,.intro-body) :is(ul,ol):not([class]) > li::marker{color:var(--orange-deep)}
:is(.guide-body .prose > section,.dept-about,.intro-body) :is(ul,ol):not([class]) ul:not([class]){margin-top:.5rem;list-style-type:circle}
:is(.guide-body .prose > section,.dept-about,.intro-body) :is(ul,ol):not([class]) + *{margin-top:1.25rem}

/* Tables in guide text (kumbh_front_tables puts each in a .table-wrap box): a tinted header row, ruled rows and a
   bold first column when it labels the rows. The box scrolls sideways when the table is wider than the page; wide
   tables (four or more columns) keep a readable width on phones and scroll instead of squeezing. The text column may
   shrink below its content (min-width 0), so a wide table scrolls in its box instead of widening the page. */
.guide-body > .prose{min-width:0}
.guide-body .prose .table-wrap{margin:1.5rem 0;overflow-x:auto;border:1px solid #ecdcc9;border-radius:.75rem;background:#fff}
.guide-body .prose .table-wrap:focus-visible{outline:2px solid var(--maroon);outline-offset:2px}
.guide-body .prose table{width:100%;border-collapse:collapse;font-size:var(--fs-ui);line-height:1.55}
.guide-body .prose th,.guide-body .prose td{padding:.7rem .95rem;border-bottom:1px solid #ecdcc9;text-align:start;vertical-align:top}
.guide-body .prose thead th{background:#fbf1e6;color:var(--maroon);font-weight:600}
/* the first column's heading (a short label such as "S. No.") stays on one line */
.guide-body .prose thead th:first-child{white-space:nowrap}
.guide-body .prose tbody th{font-weight:600;color:var(--ink);background:transparent}
.guide-body .prose tbody tr:last-child > *{border-bottom:0}
@media (max-width:767px){.guide-body .prose .table-wrap.wide table{min-width:40rem}}

/* A table of people (templates/inner/people.html.twig): an upright photograph (4:5), or an empty frame until there is
   one, the name in bold and the designation, centred on the photograph's height. */
.guide-body .prose .kumbh-people td{vertical-align:middle}
.guide-body .prose .kumbh-people .kumbh-people-photo{width:6.5rem}
.kumbh-people .kumbh-people-photo img,.kumbh-people .kumbh-people-none{display:block;width:5.5rem;height:6.875rem;margin:0;object-fit:cover;
  border-radius:.6rem;background:#f3eee6;border:1px solid #ecdcc9}
.guide-body .prose .kumbh-people .kumbh-people-name{font-weight:600;color:var(--maroon);min-width:10rem}
/* Videos (templates/inner/videos.html.twig): as many columns as fit (one on phones), each player with its name and
   description below it. */
.guide-body .prose .kumbh-videos{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:1.5rem;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}
.guide-body .prose .kumbh-videos > li{margin:0;padding:0}
.kumbh-videos figure{margin:0;height:100%;background:#fff;border:1px solid #ecdcc9;border-radius:.75rem;overflow:hidden}
.kumbh-videos video{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#1f1512}
.kumbh-videos figcaption{display:grid;gap:.35rem;padding:.85rem 1rem 1rem;font-size:var(--fs-ui);line-height:1.5}
.kumbh-videos figcaption strong{color:var(--maroon);font-weight:600}

/* On phones the three columns fit the screen: smaller photographs, closer cells. */
@media (max-width:767px){
  .guide-body .prose .kumbh-people{min-width:0}
  .guide-body .prose .kumbh-people th,.guide-body .prose .kumbh-people td{padding:.6rem .55rem}
  .guide-body .prose .kumbh-people .kumbh-people-photo{width:4.6rem}
  .kumbh-people .kumbh-people-photo img,.kumbh-people .kumbh-people-none{width:4rem;height:5rem}
  .guide-body .prose .kumbh-people .kumbh-people-name{min-width:0}
}

/* Breadcrumb trail at the top of every inner page (templates/layout/page.html.twig), on the background of the page's
   top; the page heading below it starts closer. Levels without a page of their own are plain text, the page itself is
   bold, and the separators are hidden from screen readers. */
.kumbh-crumbs-bar.cream{background:var(--cream)}
.kumbh-crumbs-bar.ivory{background:var(--ivory)}
.kumbh-crumbs{padding-top:1.5rem;padding-bottom:.5rem}
.kumbh-crumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;margin:0;padding:0;list-style:none;font-size:var(--fs-ui);line-height:1.5;color:var(--muted)}
.kumbh-crumbs li{display:inline-flex;align-items:baseline;gap:.6rem}
.kumbh-crumbs li + li::before{content:"›";content:"›" / "";color:var(--orange-deep);font-weight:700}
.kumbh-crumbs a{color:var(--maroon);text-decoration:underline;text-decoration-color:rgba(244,124,32,.6);text-underline-offset:.2em;text-decoration-thickness:1px}
.kumbh-crumbs a:hover,.kumbh-crumbs a:focus-visible{color:var(--orange-deep);text-decoration-color:currentColor}
.kumbh-crumbs [aria-current]{color:var(--ink);font-weight:600}
.has-crumbs .guide-head{padding-top:2rem}
@media (max-width:767px){.kumbh-crumbs{padding-top:1rem}.has-crumbs .guide-head{padding-top:1rem}}

/* A guide page without "In this page" (one section, or only a gallery) uses the whole width of the page for its
   galleries, maps and tables; running text, and the headings outside the gallery (whose album headings carry the
   line between albums), keep the reading width they have beside the box. */
.guide-body.no-toc .prose > section > :is(p,ul:not(.kumbh-gallery),ol,blockquote){max-width:80rem}
.guide-body.no-toc .prose > section:not(#gallery) > :is(h2,h3,h4){max-width:80rem}
/* News items with a thumbnail (press coverage) on "Circulars and Press Releases": the picture beside the title (above
   it on phones); a video's picture carries a play mark. The item's page shows the picture in full. */
.kumbh-list > li.kumbh-press{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1.5rem;align-items:start;padding:1.2rem}
.kumbh-press-img{position:relative;display:block;aspect-ratio:16/9;border-radius:.6rem;overflow:hidden;background:#f3eadf}
.kumbh-press-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.kumbh-press-img.is-video img{object-position:center}
.kumbh-press-img.is-video::before{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(0,0,0,.6)}
.kumbh-press-img.is-video::after{content:"";position:absolute;left:50%;top:50%;margin:-9px 0 0 -5px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
@media (max-width:767px){.kumbh-list > li.kumbh-press{grid-template-columns:minmax(0,1fr);gap:1rem}}
.kumbh-press-go{margin-top:1.5rem}
.kumbh-press-full{margin:1.6rem 0 0}
.kumbh-press-full img{display:block;max-width:100%;height:auto;border:1px solid #f0e2d2;border-radius:var(--radius)}
/* Notices with a thumbnail in a guide section's "Documents" block (such as the live streams): cards of picture and
   title, three to a row (two on tablets, one on phones). */
.kumbh-press-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1rem;padding:0;list-style:none}
.guide-body .prose .kumbh-press-cards a{display:flex;flex-direction:column;gap:.7rem;height:100%;padding-bottom:1rem;border:1px solid #f0e2d2;border-radius:var(--radius);overflow:hidden;background:#fff;color:var(--maroon);text-decoration:none}
.kumbh-press-cards a:hover .t{text-decoration:underline;text-underline-offset:3px}
.kumbh-press-cards .kumbh-press-img{border-radius:0}
.kumbh-press-cards .kumbh-press-img img{object-fit:contain}
.kumbh-press-cards .t{padding:0 1rem;font-weight:600;line-height:1.45}
@media (max-width:900px){.kumbh-press-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kumbh-press-cards{grid-template-columns:minmax(0,1fr)}}
/* Links to live streams and videos in a section's text (kumbh_front Inner::streamCards()): cards of the video's
   thumbnail, or the YouTube or Facebook logo, and the link text. */
.guide-body .prose > section .kumbh-streams{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;max-width:56rem;margin-top:1rem;padding:0;list-style:none}
.guide-body .prose .kumbh-streams a{display:flex;flex-direction:column;gap:.6rem;height:100%;padding-bottom:.85rem;border:1px solid #f0e2d2;border-radius:.8rem;overflow:hidden;background:#fff;color:var(--maroon);font-weight:600;line-height:1.4;text-decoration:none}
.guide-body .prose .kumbh-streams a:hover .t{text-decoration:underline;text-underline-offset:3px}
.kumbh-streams .t{padding:0 .9rem}
.kumbh-stream-img{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:#f6efe6}
.kumbh-stream-img.is-video img{width:100%;height:100%;object-fit:contain}
.kumbh-stream-img.is-logo img{width:4.5rem;height:auto}
.kumbh-stream-img.is-video::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(0,0,0,.6)}
.kumbh-stream-img.is-video::after{content:"";position:absolute;left:50%;top:50%;margin:-9px 0 0 -5px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.guide-body .prose > section .kumbh-streams + p{margin-top:1rem}
@media (max-width:560px){.guide-body .prose > section .kumbh-streams{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.kumbh-stream-img.is-logo img{width:3rem}.kumbh-streams .t{padding:0 .7rem;font-size:.95rem}}
/* A news card without a picture shows the source's kind: the YouTube or Facebook logo, or a newspaper icon. */
.kumbh-press-img.is-logo{display:grid;place-items:center}
.kumbh-press-img.is-logo img{width:4rem;height:auto;object-fit:contain}