/* The Good to know page's own passages, in page order. Served on /good-to-know only, after styles.css (which holds the fact lists). */

/* ---------- the opening (data-section="opening"): the page's name and one line, words only ---------- */
.gk-open{padding-block:clamp(36px, 6vw, 96px) clamp(36px, 5vw, 76px)}
.gk-open h1{font-size:clamp(36px, 9.6vw, 46px);line-height:1.05;letter-spacing:-.018em}
.gk-open .lede{margin-top:14px}
@media (min-width:900px){
  .gk-open-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);align-items:end}
  .gk-open h1{grid-column:1 / 8;font-size:clamp(54px, 22px + 3.3vw, 88px);line-height:1.02}
  .gk-open .lede{grid-column:8 / 13;margin:0 0 .4em;justify-self:end}
}

/* ---------- each group of facts: heading left, rows right (the shared fact list) ---------- */
.gk-sec{padding-block:clamp(36px, 4.5vw, 80px);border-top:1px solid var(--line)}
.gk-sec:last-of-type{padding-bottom:clamp(48px, 6vw, 96px)}

/* ---------- the record's own house rules, one paragraph a line, under the rules we state ---------- */
.gk-rules{grid-column:5 / 13;margin-top:8px;padding-top:16px;border-top:1px solid var(--line);color:var(--moss);white-space:pre-line;max-width:40em}
.gk-rules p{margin:0}
@media (max-width:899px){ .gk-rules{grid-column:auto} }

/* ---------- the house rules (data-section="rules") ----------
   The house's own rules from the record (the House Rules page), one to a row, in the shape of the fact lists. */
.gk-rules-list{list-style:none;margin:0;padding:0}
.gk-rules-list li{padding:16px 0;border-top:1px solid var(--line);color:var(--moss);line-height:1.55;white-space:pre-line}
@media (min-width:900px){ .gk-rules-list{grid-column:5 / 13} .gk-rules-list li{padding:20px 0;font-size:17px} }

/* ---------- the house itself (data-section="the-house"): the side of the lodge under its rows, at the list's own width ---------- */
.gk-photo{margin-top:26px}
.gk-photo .photo{aspect-ratio:4/3}
.gk-photo .photo img{object-position:50% 60%}
@media (min-width:900px){ .gk-photo{grid-column:5 / 13;margin-top:28px} }
.gk-pet-rules{display:block;margin-top:12px;white-space:pre-line}