html, html[lang=ar] { scroll-padding-top: 140px; }
.inquiry-header {
  position: sticky;
  top: 0;
  z-index: 90;
  background: #faf6ed;
  border-bottom: 1px solid #d8d4c9;
}
.masthead { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 18px; }
.mast-search { display: flex; width: min(32rem, 50%); margin: 0; }
.mast-search input { flex: 1; min-width: 0; height: 45px; border-inline-end: 0; font-size: .92rem; }
.mast-search button { background: #12533f; border: 1px solid #12533f; color: #fff; padding: 0 1.2rem; font-size: .9rem; }
.desktop-nav { border-top: 1px solid #d8d4c9; }
.nav-row { display: flex; align-items: center; justify-content: space-between; }
.nav-row > a, .nav-disclosure > summary, .mobile-actions > a {
  display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: .45rem .65rem;
  font-size: .91rem; font-weight: 600; text-decoration: none;
}
.nav-row > a:first-child { padding-inline: .95rem; }
.nav-row > a:first-child, .mobile-actions > a { border: 1px solid #bab8a8; }
.nav-row > a[aria-current], .mobile-actions > a[aria-current] { background: #12533f; color: white; }
.nav-row > a:first-child { min-height: 36px; margin-block: 6px; }
.nav-row > a:hover, .nav-disclosure > summary:hover { text-decoration: underline; text-underline-offset: .3em; }
.nav-disclosure { position: relative; }
.nav-disclosure > summary { cursor: pointer; list-style: none; }
.nav-disclosure > summary::-webkit-details-marker { display: none; }
.nav-disclosure > summary::after { content: ''; width: .43rem; height: .43rem; border-inline-end: 1.5px solid; border-bottom: 1.5px solid; transform: translateY(-2px) rotate(45deg); }
[dir=rtl] .nav-disclosure > summary::after { transform: translateY(-2px) rotate(-45deg); }
.nav-panel {
  position: absolute; inset-block-start: 100%; inset-inline-end: 0; min-width: 15rem;
  max-height: 65vh; overflow: auto; z-index: 2; padding: .45rem;
  background: #fffdf8; border: 1px solid #c8c7bd; box-shadow: 0 10px 24px #1e282416;
}
.nav-panel a { display: block; min-height: 44px; padding: .65rem .9rem; text-decoration: none; font-size: .92rem; }
.nav-panel a:hover, .nav-panel a[aria-current] { background: #eee9dc; }
.mobile-actions { display: none; }
.hero-grid { padding-block: clamp(2.2rem, 4vw, 4.1rem); }
.hero .hero-art { max-width: 440px; justify-self: end; }
.hero-art img { object-fit: contain; }
.hero .intro { max-width: 36rem; }
#starting-questions { scroll-margin-block-start: 1rem; }
#starting-questions .translation-note { margin: 1.5rem 0 0; }
.essay-feature { padding-block: clamp(2.7rem, 6vw, 5rem); }
.essay-spread { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.3fr); column-gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.essay-spread img { width: 100%; height: auto; border: 1px solid #cfc6b2; }
.essay-spread h2, .community h2, .explore-further h2 { margin-bottom: .75rem; }
.essay-spread p:not(.eyebrow) { max-width: 36rem; }
.passage-link { display: table; margin: 1rem auto 0; color: #edd5a4; font-weight: 600; position: relative; }
.dark .passage-link:hover { color: #fff; }
.home-book .book-block { max-width: 920px; }
.book-cover img { display: block; width: 100%; height: auto; box-shadow: 4px 9px 19px #3c302918; }
.community { border-block: 1px solid #d7d3c5; background: #eeece2; }
.community-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 6rem); }
.community-grid > div + div { border-inline-start: 1px solid #c7c4b6; padding-inline-start: clamp(2rem, 5vw, 5rem); }
.community .actions { margin-bottom: .85rem; }
.explore-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 3rem; margin-block-start: 1.5rem; }
.explore-links a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-top: 1px solid #ccc9bb; text-decoration: none; padding: 1rem 0; }
.source-invitation .text-link { display: inline-block; margin-bottom: .65rem; }
@media (max-width: 820px) {
  .desktop-nav { display: none; }
  .masthead { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding-block: 10px; }
  .masthead .brand { min-width: 0; gap: 8px; }
  .mobile-actions { display: flex; align-items: center; gap: 5px; }
  .mobile-actions > a, .mobile-actions summary { font-size: .85rem; padding-inline: .65rem; }
  .mast-search { width: 100%; grid-column: 1 / -1; }
  .mast-search input, .mast-search button { height: 42px; }
  .hero .hero-art { width: min(100%, 350px); justify-self: center; }
  .hero-art img { object-fit: contain; }
}
@media (max-width: 700px) {
  .essay-spread, .community-grid, .explore-links { grid-template-columns: 1fr; }
  .essay-spread { gap: 1.6rem; }
  .essay-spread img { max-width: 300px; }
  .community-grid > div + div { border-inline-start: 0; border-top: 1px solid #c7c4b6; padding-inline-start: 0; padding-block-start: 1.6rem; }
  .hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .question-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .masthead .brand-name, html[lang=ar] .masthead .brand-name { font-size: 1.06rem; }
  .masthead .brand-name small { display: none; }
  .masthead .mark { width: 24px; height: 30px; }
  .mobile-actions > a, .mobile-actions summary { padding-inline: .45rem; }
  .mast-search input { font-size: max(16px, 1rem); padding-inline: .6rem; }
  .mast-search button { padding-inline: .8rem; }
  .home-book .book-block { grid-template-columns: 1fr; gap: 1.4rem; }
  .book-cover { width: 150px; }
  .hero .hero-art { max-width: 240px; }
  .hero .art-caption { font-size: .56rem; gap: 8px; }
}
@media print { .inquiry-header { display: none; } }