.document-shell { width: min(100%, 1040px); margin: 0 auto; padding: 44px 0 100px; }
.document-shell .eyebrow { margin-bottom: 18px; }
.document-shell h1 { max-width: 900px; font-size: clamp(3.2rem, 8vw, 6.5rem); line-height: .98; }
.document-lead { max-width: 760px; margin: 28px 0 52px; color: #d1d1d8; font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.5; }
.document-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(250px, .65fr); gap: clamp(28px, 5vw, 70px); }
.document-article h2 { margin: 42px 0 15px; color: #f5f5f7; font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.06; }
.document-article h2:first-child { margin-top: 0; }
.document-article h3 { margin: 26px 0 10px; font-size: 1.4rem; }
.document-article p, .document-article li { color: #c6c6ce; font-size: 1.04rem; line-height: 1.65; }
.document-article ul, .document-article ol { padding-left: 1.35rem; }
.document-article a, .document-aside a, .document-footer a { color: #56ff79; text-underline-offset: 4px; }
.document-article strong { color: #f5f5f7; }
.document-aside { align-self: start; padding: 24px; border: 1px solid #37373f; border-radius: 12px; background: #1b1b20; }
.document-aside h2 { margin: 0 0 12px; font-size: 1.5rem; }
.document-aside p { margin: 0 0 16px; color: #b7b7c0; font-size: .92rem; line-height: 1.55; }
.document-aside .primary-button { display: inline-block; margin: 4px 0 18px; color: #111114; text-decoration: none; }
.document-aside .primary-button:hover { color: #111114; }
.document-meta { color: #9696a0; font-size: .8rem; }
.document-footer { margin-top: 70px; padding-top: 24px; border-top: 1px solid #393941; color: #a1a1aa; font-size: .85rem; }
.site-header.document-header { position: relative; }
.document-header .brand { font-size: 1.2rem; }
.catalog-intro { max-width: 900px; }
.catalog-static-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.catalog-static-card { overflow: hidden; border: 1px solid #33333b; border-radius: 10px; background: #1c1c21; }
.catalog-static-card img { display: block; width: 100%; height: 190px; object-fit: cover; background: #111114; }
.catalog-static-card > div { padding: 14px; }
.catalog-static-card h2 { margin: 0 0 7px; font-family: var(--utility); font-size: 1rem; line-height: 1.35; letter-spacing: 0; overflow-wrap: anywhere; }
.catalog-static-card p { margin: 7px 0; color: #b8b8c1; font-size: .78rem; line-height: 1.45; }
.catalog-static-card a { color: #68ff86; overflow-wrap: anywhere; }
.catalog-static-card .review-state { color: #a8ffa5; font-weight: 700; }
.catalog-static-card:not(.reviewed) .review-state { color: #ffda83; }
@media (max-width: 800px) {
  .document-grid { grid-template-columns: 1fr; }
  .catalog-static-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .document-shell { padding: 36px 0 72px; }
  .catalog-static-grid { grid-template-columns: 1fr; }
  .catalog-static-card img { height: 220px; }
}