/* About the community and its home server. Uses the shared GSOP palette and fonts. */
.about-breadcrumb { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 10px; color: #c2cbb2; font-size: 11px; }
.about-breadcrumb a { color: #ead590; }
.about-layout { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 16px; align-items: start; }
.about-main, .about-sidebar { display: grid; gap: 16px; min-width: 0; }
.about-page .panel { overflow-wrap: anywhere; }
.about-main > section { scroll-margin-top: 16px; }
.about-page .panel > h1, .about-page .panel > h2 { display: flex; align-items: center; gap: 7px; }
.about-page .panel > h2 { font-size: 15px; }
.about-page .about-intro > h1 { padding-top: 12px; padding-bottom: 12px; font-size: 23px; }
.about-page .about-intro > h1 .portal-icon { margin-right: 2px; }
.about-page p { margin: 0 0 12px; }
.about-page .about-deck { margin: 3px 0 12px; color: #38532b; font-size: 20px; font-weight: bold; line-height: 1.4; }
.about-welcome-note { display: flex; gap: 8px; align-items: center; padding: 10px 11px; margin-top: 15px; border: 1px solid #b6b47b; color: #53512b; background: #f5edc9; box-shadow: inset 0 1px #fff9; font-size: 12px; }
.about-intro > .about-small-note a { display: inline-block; }
.about-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.about-actions .button { display: inline-block; }
.about-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.about-feature { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 9px; padding: 9px 0 13px; }
.about-feature:nth-child(n + 3) { padding-top: 15px; border-top: 1px dotted #acb795; }
.about-feature > .portal-icon { margin-top: 5px; }
.about-page .about-feature h3 { margin: 0 0 6px; color: #35502a; font-size: 15px; }
.about-feature p { margin-bottom: 8px; }
.about-feature a { font-size: 12px; font-weight: bold; }
.about-steps { margin: 1px 0 13px; padding-left: 24px; }
.about-steps li { margin: 0 0 11px; padding-left: 4px; }
.about-steps li::marker { color: #5d733e; font-weight: bold; }
.about-page .about-small-note { margin: 10px 0 0; color: #5c6753; font-size: 11px; line-height: 1.6; }
.about-page .about-subheading { margin: 20px 0 5px; padding: 0 0 6px; border: 0; border-bottom: 1px solid #a8b292; color: #37532a; background: none; box-shadow: none; text-shadow: none; font-size: 16px; }
.about-specs { display: grid; grid-template-columns: 135px minmax(0, 1fr); margin: 13px 0 0; border: 1px solid #a8b292; background: #f5f4e7; font-size: 12px; }
.about-specs > dt, .about-specs > dd { margin: 0; padding: 9px 11px; border-top: 1px solid #c4cbb2; }
.about-specs > dt:first-of-type, .about-specs > dd:first-of-type { border-top: 0; }
.about-specs > dt { color: #50613c; background: #dce3cc; font-weight: bold; }
.about-specs > dd { min-width: 0; }
.about-spec-detail { display: block; margin-top: 3px; color: #647052; font-size: 11px; }
.about-page .about-specs ul { list-style: disc; padding-left: 17px; margin: 0; }
.about-page .about-specs li { margin: 0 0 5px; }
.about-page .about-specs li:last-child { margin-bottom: 0; }
.about-numbers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 2px 0 0; }
.about-numbers > div { min-width: 0; padding: 12px; border: 1px solid #acb793; background: #f6f5e9; box-shadow: inset 0 1px #fff; }
.about-numbers dt { color: #596b46; font-size: 11px; }
.about-numbers dd { margin: 4px 0 0; color: #36522b; font-size: 23px; font-weight: bold; line-height: 1.45; }
.about-numbers small { display: block; color: #687355; font-size: 10px; font-weight: normal; }
.about-questions { margin: 0; }
.about-questions dt { margin-top: 13px; padding-top: 13px; border-top: 1px dotted #aab692; color: #37532b; font-size: 14px; font-weight: bold; }
.about-questions dt:first-child { margin-top: 0; padding-top: 2px; border-top: 0; }
.about-questions dd { margin: 5px 0 0; }
.about-sidebar > .panel > h2 { font-size: 13px; }
.about-toc { margin: -3px 0; padding-left: 22px; color: #7a875f; }
.about-toc li { padding-left: 2px; border-bottom: 1px dotted #b5c09d; }
.about-toc li:last-child { border-bottom: 0; }
.about-toc a { display: block; padding: 9px 0; color: #3a5929; font-size: 12px; font-weight: bold; }
.about-member-box > .button { display: block; margin: 5px 0 10px; text-align: center; }
.about-member-box > a:last-child { font-size: 11px; }
.about-site-notes dl { margin: 0 0 12px; }
.about-site-notes dt { margin-top: 10px; color: #687654; font-size: 10px; }
.about-site-notes dt:first-child { margin-top: 0; }
.about-site-notes dd { margin: 1px 0 0; color: #3d5630; font-size: 12px; font-weight: bold; }
.about-site-notes p { padding-top: 12px; border-top: 1px dotted #acb892; font-size: 11px; }
.about-page .about-site-notes ul li a { padding-top: 6px; padding-bottom: 6px; font-size: 12px; }

@media (min-width: 1001px) {
  .about-sidebar { position: sticky; top: 16px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 1px 3px 4px 1px; scrollbar-width: thin; scrollbar-color: #879768 #243b26; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .about-layout { grid-template-columns: minmax(0, 1fr) 210px; gap: 13px; }
  .about-page .about-intro > h1 { font-size: 21px; }
  .about-features { grid-template-columns: 1fr; }
  .about-feature:nth-child(n + 2) { padding-top: 15px; border-top: 1px dotted #acb795; }
  .about-specs { grid-template-columns: 112px minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .about-layout, .about-main, .about-sidebar { gap: 12px; }
  .about-layout { grid-template-columns: 1fr; }
  .about-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-sidebar > :first-child { grid-column: 1 / -1; }
  .about-toc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .about-toc a { padding-top: 11px; padding-bottom: 11px; }
  .about-page .about-intro > h1 { font-size: 21px; }
  .about-page .about-deck { font-size: 18px; }
  .about-specs { grid-template-columns: 115px minmax(0, 1fr); }
}
@media (max-width: 500px) {
  .about-features, .about-sidebar, .about-toc { grid-template-columns: 1fr; }
  .about-feature:nth-child(n + 2) { padding-top: 14px; border-top: 1px dotted #acb795; }
  .about-feature p { font-size: 13px; }
  .about-page .about-intro > h1 { font-size: 19px; align-items: flex-start; }
  .about-page .about-intro > h1 .portal-icon { margin-top: 5px; }
  .about-page .about-deck { font-size: 17px; }
  .about-actions { flex-direction: column; text-align: center; }
  .about-specs { grid-template-columns: 1fr; }
  .about-specs > dt { padding: 7px 10px; }
  .about-specs > dd { padding: 8px 10px 11px; border-top: 0; }
  .about-numbers { gap: 8px; }
  .about-numbers > div { padding: 9px; }
  .about-numbers dd { font-size: 20px; }
}