/* ===== Reading pages (articles, FAQ, about, contact, guides), 2026-10-07 MOCKUP ===== */
.bd-read .row > .middle { display: none !important; }
.rd-hero { position: relative; isolation: isolate; overflow: hidden; }
.rd-hero .bg { position: absolute; inset: 0 0 0 34%; z-index: -2; background-size: cover; background-position: center 40%; }
.rd-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--night) 32%, rgba(23,20,31,.7) 55%, rgba(23,20,31,.2) 100%), linear-gradient(180deg, rgba(23,20,31,0) 55%, var(--night) 100%); }
.rd-hero .in { max-width: var(--wrap); margin: 0 auto; padding: 72px 24px 48px; box-sizing: border-box; }
.rd-crumb { color: var(--muted) !important; font: 600 13px/1 var(--sans); text-decoration: none !important; display: inline-flex; align-items: center; gap: 6px; }
.rd-crumb i { color: var(--gold); }
.rd-hero h1 { margin: 16px 0 0 !important; max-width: 16ch; color: #fff !important; font: 700 clamp(40px, 5vw, 68px)/.94 var(--display) !important; text-transform: uppercase; letter-spacing: -.01em; text-wrap: balance; }
.rd-hero .sub { margin: 16px 0 0; max-width: 46ch; color: var(--gold); font: 600 18px/1.4 var(--sans); }
.rd-hero .meta { margin-top: 18px; color: var(--muted); font: 600 13px/1 var(--sans); }
.rd { max-width: var(--wrap); margin: 0 auto; padding: 8px 24px 0; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 720px) minmax(0, 320px); justify-content: space-between; gap: 56px; align-items: start; }
.bd-read .row > .wrapper { display: none !important; }
.rd-body { min-width: 0; }
.rd-body p, .rd-body li { color: #e4dfee !important; font: 400 18px/1.75 var(--sans) !important; }
.rd-body p { margin: 0 0 1.1em !important; }
.rd-body > p:first-child { font-size: 21px !important; line-height: 1.6 !important; color: #fff !important; }
.rd-body h2, .rd-body h3 { color: #fff !important; font: 700 28px/1.1 var(--display) !important; text-transform: uppercase; margin: 1.6em 0 .55em !important; background: none !important; border: 0 !important; padding: 0 !important; }
.rd-body h4 { color: #fff !important; font: 700 20px/1.2 var(--display) !important; text-transform: uppercase; margin: 1.4em 0 .4em !important; }
.rd-body strong, .rd-body b { color: #fff !important; }
.rd-body a { color: var(--gold) !important; text-underline-offset: 3px; }
.rd-body img { display: block; width: 100% !important; height: auto !important; border-radius: 12px; margin: 10px 0 !important; }
.rd-body ul { padding-left: 22px; }
.rd-body .roundCorner, .rd-body .widget, .rd-body .detail { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
/* FAQ: questions become an accordion */
.rd-faq details { border-bottom: 1px solid var(--hair); }
.rd-faq details:first-child { border-top: 1px solid var(--hair); }
.rd-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; color: #fff; font: 600 19px/1.35 var(--sans); }
.rd-faq summary::-webkit-details-marker { display: none; }
.rd-faq summary i { color: var(--gold); flex: 0 0 auto; transition: transform .2s; }
.rd-faq details[open] summary i { transform: rotate(45deg); }
.rd-faq .a { padding: 0 0 18px; }
/* side rail */
.rd-side { position: sticky; top: 92px; display: grid; gap: 14px; }
.rd-card { border-radius: 14px; border: 1px solid var(--hair); background: var(--night-2); padding: 20px; }
.rd-card h3 { margin: 0 0 12px !important; color: #fff !important; font: 700 20px/1.1 var(--display) !important; text-transform: uppercase; }
.rd-card .search-pill { margin: 0 0 14px !important; height: 48px !important; max-width: none !important; }
.rd-card .links { display: grid; gap: 8px; }
.rd-card .links a { display: flex; align-items: center; gap: 10px; color: var(--soft) !important; text-decoration: none !important; font: 600 14.5px/1.3 var(--sans); padding: 8px 0; border-bottom: 1px solid var(--hair); }
.rd-card .links a i { color: var(--gold); font-size: 18px; }
.rd-card .links a small { margin-left: auto; color: var(--muted); }
.rd-card .ph { color: #fff; font: 700 26px/1 var(--display); letter-spacing: .02em; }
.rd-card p { margin: 8px 0 0; color: var(--soft); font: 400 14px/1.5 var(--sans); }
/* parties row under the article */
.rd-more { max-width: var(--wrap); margin: 72px auto 0; padding: 0 24px 24px; box-sizing: border-box; }
.rd-more h2 { margin: 0 0 18px !important; color: #fff !important; font: 700 34px/1 var(--display) !important; text-transform: uppercase; }
.rd-more .grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rd-more .grid a { display: flex; flex-direction: column; border-radius: 12px; overflow: hidden; border: 1px solid var(--hair); background: var(--night-2); text-decoration: none !important; min-width: 0; }
.rd-more .grid img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; display: block; }
.rd-more .grid b { display: block; padding: 12px 14px 2px; color: #fff; font: 700 15px/1.25 var(--sans); text-transform: uppercase; }
.rd-more .grid span { display: block; padding: 0 14px 14px; color: var(--gold); font: 700 17px/1.2 var(--display); margin-top: auto; }
.rd-more .grid span small { color: var(--muted); font: 600 11px/1 var(--sans); }
/* contact: the existing form, on a light card so the Jotform keeps its contrast */
.bd-read .rd-body form, .bd-read .rd-body .form-all { background: #fff !important; border-radius: 14px !important; }
@media (max-width: 980px) {
  .rd-hero .bg { inset: 0 0 auto 0; height: 260px; }
  .rd-hero::before { background: linear-gradient(180deg, rgba(23,20,31,.2) 0%, var(--night) 260px); }
  .rd-hero .in { padding: 170px 16px 24px; }
  .rd-hero h1 { font-size: 40px !important; }
  .rd { grid-template-columns: 1fr; gap: 32px; padding: 0 16px; }
  .rd-side { position: static; }
  .rd-body p, .rd-body li { font-size: 17px !important; }
  .rd-body > p:first-child { font-size: 19px !important; }
  .rd-more { padding: 0 16px; margin-top: 52px; }
  .rd-more .grid { grid-template-columns: 1fr 1fr; gap: 10px; }
}
/* round 2 */
.rd-card .search-pill { display: flex; align-items: center; gap: 10px; width: 100%; padding: 0 16px; border-radius: 999px; border: 1px solid var(--hair); background: rgba(255,255,255,.05); color: var(--soft); font: 400 15px/1 var(--sans); cursor: text; box-sizing: border-box; }
.rd-card .search-pill i { color: var(--gold); font-size: 18px; }
.rd-body p[style], .rd-body p font, .rd-body font { font-size: inherit !important; color: inherit !important; }
.rd-body > p:first-child, .rd-body .intro-p { font: 400 19px/1.6 var(--sans) !important; color: #e4dfee !important; text-align: left !important; }
.rd-body h6 { color: #e4dfee !important; font: 400 19px/1.6 var(--sans) !important; text-align: left !important; margin: 0 0 22px !important; text-transform: none !important; letter-spacing: 0 !important; }
.rd-body iframe { width: 100% !important; border-radius: 14px; background: #fff; margin-top: 12px; }
.rd-body .roundCorner + .roundCorner, .rd-body .detail + .detail { margin-top: 20px !important; }