/* Security page. Tokens and kit classes only.
   The reviewer sheet is a frame stage that carries its own f-wrap; placed under a section (already inside the
   frame's width) it takes that width once, as on its own job page. */
.site-wide > .f-reviewer-stage.f-wrap { width: 100%; }

/* The reviewer sheet's title and inner certification line are retagged to paragraphs (the page's own headings stay the
   only headings). Their looks, restated from frame.css (.f-page h2, .f-reviewer-paper h2, .f-certification h3). */
.f-reviewer-paper p.site-retag-h2 { font-family: var(--p-font-family-display); font-weight: 400; font-size: 38px; line-height: 44px; letter-spacing: -.012em; margin-top: 24px; color: var(--color-text-primary); }
.f-certification p.site-retag-h3 { font: 400 28px/36px var(--p-font-family-display); margin-top: 0; color: var(--color-text-primary); }
@media (max-width: 767px) {
  .f-reviewer-paper p.site-retag-h2 { font-size: 28px; line-height: 32px; }
  .f-certification p.site-retag-h3 { font-size: 21px; line-height: 28px; }
}

/* See-and-fix finish1: phone prose clears the existing bracket; papers are untouched. */
@media (max-width: 767px) {
  .site-page-security .technical-inside > .technical-label,
  .site-page-security .technical-inside > .f-section > .f-hanging:not(.site-icon-head) > h2,
  .site-page-security .technical-inside > .f-section > .f-body > :is(p, h3),
  .site-page-security .technical-inside > .f-section > .f-body > .f-list-rows > li { padding-left: 16px; }
}

/* Live variant only (DEC 110): the gateway door in "One connection leaves, under the provider's business terms" loses its
   posted terms, so it is shortened instead of standing as a blank face. Its foot rises, and its frame (::after) and sill
   follow it; the knob and the plate keep their proportional places. The Model call slip rises by the same amount, so
   it still covers the door's lower edge (desktop by 40 px, phone by 46 px, as built), and the call log still covers the
   door's lower-left corner on desktop. Positions only; nothing else in the picture moves. */
@media (min-width: 900px) {
  .site-page-security .sy-scene--gateway .sy-door { height: 390px; }
  .site-page-security .sy-scene--gateway .sy-door .sy-handle { top: 247px; }
  .site-page-security .sy-scene--gateway .sy-door .sy-gate-plate { top: 333px; }
  .site-page-security .sy-scene--gateway .sy-outgoing { top: 430px; }
}
@media (max-width: 899px) {
  .site-page-security .sy-scene--gateway .sy-door { height: 330px; }
  .site-page-security .sy-scene--gateway .sy-door .sy-handle { top: 218px; }
  .site-page-security .sy-scene--gateway .sy-door .sy-gate-plate { top: 256px; }
  .site-page-security .sy-scene--gateway .sy-outgoing { top: 566px; }
}