@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root { color-scheme: light dark; }
html, body { min-height: 100%; margin: 0; }
#mainstream-roleplay-homepage {
      --site-bg: light-dark(#f2efe8, #101720);
      --site-paper: light-dark(#fffefa, #19242f);
      --site-paper-soft: light-dark(#f6f3ec, #141d27);
      --site-ink: light-dark(#172435, #edf1f5);
      --site-muted: light-dark(#667486, #9ca9b6);
      --site-line: light-dark(#d9d2c5, #354452);
      --site-navy: light-dark(#18283c, #20344a);
      --site-navy-mid: light-dark(#25415f, #2d4966);
      --site-gold: #b48a3c;
      --site-gold-soft: light-dark(#f3e8d3, #392f20);
      --site-green: light-dark(#2f7254, #67b38e);
      min-height: 960px;
      background: var(--site-bg);
      color: var(--site-ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      box-sizing: border-box;
    }

    #mainstream-roleplay-homepage *,
    #mainstream-roleplay-homepage *::before,
    #mainstream-roleplay-homepage *::after { box-sizing: border-box; }

    #mainstream-roleplay-homepage .nav-shell {
      position: relative;
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      min-height: 76px;
      padding: 0 clamp(22px, 5vw, 70px);
      border-bottom: 1px solid rgba(255, 255, 255, .1);
      background: var(--site-navy);
      color: #f4f6f8;
    }

    #mainstream-roleplay-homepage .brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
    #mainstream-roleplay-homepage .brand-mark { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: var(--site-gold); }
    #mainstream-roleplay-homepage .brand-mark i { width: 20px; height: 20px; }
    #mainstream-roleplay-homepage .brand-title { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 17px; font-weight: 500; }
    #mainstream-roleplay-homepage .brand-subtitle { margin: 2px 0 0; color: rgba(244,246,248,.54); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

    #mainstream-roleplay-homepage .desktop-nav { display: flex; align-items: center; gap: 4px; }
    #mainstream-roleplay-homepage .nav-link { min-height: 38px; padding: 0 13px; border: 0; border-radius: 3px; background: transparent; color: rgba(244,246,248,.68); font: inherit; font-size: 12px; }
    #mainstream-roleplay-homepage .nav-link:hover, #mainstream-roleplay-homepage .nav-link[aria-current="page"] { background: rgba(255,255,255,.07); color: #fff; }
    #mainstream-roleplay-homepage .nav-link[aria-current="page"] { box-shadow: inset 0 -2px var(--site-gold); }
    #mainstream-roleplay-homepage .login-button { min-height: 39px; display: inline-flex; align-items: center; gap: 8px; margin-left: 7px; padding: 0 15px; border: 1px solid rgba(255,255,255,.22); border-radius: 3px; background: transparent; color: #fff; font: inherit; font-size: 12px; font-weight: 500; }
    #mainstream-roleplay-homepage .login-button i { width: 15px; height: 15px; color: var(--site-gold); }

    #mainstream-roleplay-homepage .hero {
      position: relative;
      overflow: hidden;
      padding: 86px max(18px, calc((100% - 1120px) / 2)) 96px;
      background:
        radial-gradient(circle at 86% 17%, rgba(180,138,60,.15), transparent 27%),
        linear-gradient(130deg, var(--site-navy) 0%, var(--site-navy-mid) 100%);
      color: #f4f6f8;
    }

    #mainstream-roleplay-homepage .hero::before {
      content: "CMS";
      position: absolute;
      right: -20px;
      bottom: -85px;
      color: rgba(255,255,255,.028);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: clamp(180px, 28vw, 360px);
      font-weight: 500;
      line-height: 1;
      pointer-events: none;
    }

    #mainstream-roleplay-homepage .hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 0; max-width: 1120px; margin: 0 auto; }
    #mainstream-roleplay-homepage .hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 19px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 2px; background: rgba(255,255,255,.055); color: var(--site-gold); font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
    #mainstream-roleplay-homepage .hero-badge i { width: 14px; height: 14px; }
    #mainstream-roleplay-homepage .hero h1 { width: 100%; max-width: none; margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(40px, 6vw, 68px); font-weight: 500; line-height: .98; letter-spacing: -.035em; }
    #mainstream-roleplay-homepage .hero h1 span { color: var(--site-gold); }
    #mainstream-roleplay-homepage .hero-lede { width: 100%; max-width: none; margin: 23px 0 0; color: rgba(244,246,248,.72); font-size: 15px; line-height: 1.7; }
    #mainstream-roleplay-homepage .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 29px; }
    #mainstream-roleplay-homepage .primary-cta, #mainstream-roleplay-homepage .secondary-cta { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 18px; border-radius: 3px; font: inherit; font-size: 12px; font-weight: 500; }
    #mainstream-roleplay-homepage .primary-cta { border: 1px solid var(--site-gold); background: var(--site-gold); color: #fff; }
    #mainstream-roleplay-homepage .secondary-cta { border: 1px solid rgba(255,255,255,.22); background: transparent; color: #fff; }
    #mainstream-roleplay-homepage .primary-cta i, #mainstream-roleplay-homepage .secondary-cta i { width: 15px; height: 15px; }

    #mainstream-roleplay-homepage .system-panel { border: 1px solid rgba(255,255,255,.15); border-top: 3px solid var(--site-gold); border-radius: 3px; background: rgba(13,25,39,.54); backdrop-filter: blur(8px); }
    #mainstream-roleplay-homepage .system-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; border-bottom: 1px solid rgba(255,255,255,.1); }
    #mainstream-roleplay-homepage .system-title { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; font-weight: 500; }
    #mainstream-roleplay-homepage .live-status { display: inline-flex; align-items: center; gap: 6px; color: #82c7a4; font-size: 10px; }
    #mainstream-roleplay-homepage .live-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(130,199,164,.1); }
    #mainstream-roleplay-homepage .module-list { display: grid; padding: 7px 0; }
    #mainstream-roleplay-homepage .module { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 48px; padding: 8px 17px; }
    #mainstream-roleplay-homepage .module + .module { border-top: 1px solid rgba(255,255,255,.07); }
    #mainstream-roleplay-homepage .module-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 3px; background: rgba(255,255,255,.06); color: var(--site-gold); }
    #mainstream-roleplay-homepage .module-icon i { width: 15px; height: 15px; }
    #mainstream-roleplay-homepage .module strong { display: block; font-size: 11px; font-weight: 500; }
    #mainstream-roleplay-homepage .module small { display: block; margin-top: 2px; color: rgba(244,246,248,.47); font-size: 9px; }
    #mainstream-roleplay-homepage .module > i { width: 14px; height: 14px; color: rgba(244,246,248,.3); }

    #mainstream-roleplay-homepage .trust-strip { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); max-width: 1120px; margin: -30px auto 0; position: relative; z-index: 2; border: 1px solid var(--site-line); border-top: 3px solid var(--site-gold); border-radius: 3px; background: var(--site-paper); box-shadow: 0 16px 36px light-dark(rgba(31,38,46,.1), rgba(0,0,0,.25)); }
    #mainstream-roleplay-homepage .trust-item { display: flex; align-items: center; gap: 11px; min-height: 70px; padding: 13px 18px; }
    #mainstream-roleplay-homepage .trust-item + .trust-item { border-left: 1px solid var(--site-line); }
    #mainstream-roleplay-homepage .trust-item i { width: 18px; height: 18px; flex: 0 0 auto; color: var(--site-gold); }
    #mainstream-roleplay-homepage .trust-item strong { display: block; font-size: 12px; font-weight: 500; }
    #mainstream-roleplay-homepage .trust-item span { display: block; margin-top: 3px; color: var(--site-muted); font-size: 10px; }

    #mainstream-roleplay-homepage .features { max-width: 1160px; margin: 0 auto; padding: 90px 28px 72px; }
    #mainstream-roleplay-homepage .section-heading { max-width: 660px; margin-bottom: 34px; }
    #mainstream-roleplay-homepage .eyebrow { margin: 0 0 7px; color: var(--site-gold); font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
    #mainstream-roleplay-homepage .section-heading h2 { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(29px,4vw,42px); font-weight: 500; line-height: 1.08; }
    #mainstream-roleplay-homepage .section-heading p:last-child { margin: 13px 0 0; color: var(--site-muted); font-size: 13px; line-height: 1.65; }
    #mainstream-roleplay-homepage .feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
    #mainstream-roleplay-homepage .feature { position: relative; min-height: 210px; padding: 24px 22px; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); }
    #mainstream-roleplay-homepage .feature-number { position: absolute; right: 17px; top: 15px; color: light-dark(rgba(24,40,60,.08),rgba(255,255,255,.06)); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 46px; }
    #mainstream-roleplay-homepage .feature-icon { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 26px; border-radius: 3px; background: var(--site-gold-soft); color: var(--site-gold); }
    #mainstream-roleplay-homepage .feature-icon i { width: 18px; height: 18px; }
    #mainstream-roleplay-homepage .feature h3 { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 19px; font-weight: 500; }
    #mainstream-roleplay-homepage .feature p { margin: 10px 0 0; color: var(--site-muted); font-size: 12px; line-height: 1.6; }

    #mainstream-roleplay-homepage .closing { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 38px clamp(24px,7vw,94px); background: var(--site-navy); color: #f4f6f8; }
    #mainstream-roleplay-homepage .closing h2 { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 27px; font-weight: 500; }
    #mainstream-roleplay-homepage .closing p { margin: 7px 0 0; color: rgba(244,246,248,.6); font-size: 12px; }
    #mainstream-roleplay-homepage .closing .primary-cta { flex: 0 0 auto; }
    #mainstream-roleplay-homepage .interaction-status { min-height: 18px; margin-top: 10px; color: rgba(244,246,248,.5); font-size: 10px; }

    @media (max-width: 820px) {
      #mainstream-roleplay-homepage .desktop-nav .nav-link { display: none; }
      #mainstream-roleplay-homepage .hero-layout { grid-template-columns: 1fr; }
      #mainstream-roleplay-homepage .system-panel { max-width: 520px; }
      #mainstream-roleplay-homepage .trust-strip { grid-template-columns: repeat(2,1fr); margin-left: 18px; margin-right: 18px; }
      #mainstream-roleplay-homepage .trust-item:nth-child(3) { border-left: 0; border-top: 1px solid var(--site-line); }
      #mainstream-roleplay-homepage .trust-item:nth-child(4) { border-top: 1px solid var(--site-line); }
      #mainstream-roleplay-homepage .feature-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 520px) {
      #mainstream-roleplay-homepage .nav-shell { padding: 0 14px; }
      #mainstream-roleplay-homepage .brand-title { font-size: 14px; }
      #mainstream-roleplay-homepage .brand-subtitle { display: none; }
      #mainstream-roleplay-homepage .login-button { padding: 0 11px; }
      #mainstream-roleplay-homepage .login-button span { display: none; }
      #mainstream-roleplay-homepage .hero { padding: 60px 18px 82px; }
      #mainstream-roleplay-homepage .hero h1 { font-size: 42px; }
      #mainstream-roleplay-homepage .hero-actions { flex-direction: column; }
      #mainstream-roleplay-homepage .primary-cta, #mainstream-roleplay-homepage .secondary-cta { width: 100%; }
      #mainstream-roleplay-homepage .trust-strip { grid-template-columns: 1fr; }
      #mainstream-roleplay-homepage .trust-item + .trust-item { border-left: 0; border-top: 1px solid var(--site-line); }
      #mainstream-roleplay-homepage .features { padding: 75px 14px 55px; }
      #mainstream-roleplay-homepage .closing { align-items: stretch; flex-direction: column; padding: 32px 20px; }
    }

    /* Department directory — uses the original Home page design tokens. */
    #mainstream-roleplay-homepage .agency-network-panel .system-head { border-bottom: 0; }
    #mainstream-roleplay-homepage .agency-network-body { padding: 0 17px 17px; }
    #mainstream-roleplay-homepage .agency-network-core { min-height: 88px; display: grid; place-items: center; margin-bottom: 10px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.045); }
    #mainstream-roleplay-homepage .agency-network-core span { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: var(--site-gold); }
    #mainstream-roleplay-homepage .agency-network-core i { width: 25px; height: 25px; }
    #mainstream-roleplay-homepage .agency-network-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    #mainstream-roleplay-homepage .agency-network-item { min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.035); }
    #mainstream-roleplay-homepage .agency-network-item > i { width: 18px; height: 18px; flex: 0 0 auto; color: #f4f6f8; }
    #mainstream-roleplay-homepage .agency-network-item strong { display: block; color: #f4f6f8; font-size: 10px; font-weight: 500; }
    #mainstream-roleplay-homepage .agency-network-item small { display: block; margin-top: 2px; color: rgba(244,246,248,.46); font-size: 8px; }
    #mainstream-roleplay-homepage .directory-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
    #mainstream-roleplay-homepage .department-stats .department-stat { min-height: 76px; padding: 15px 19px; }
    #mainstream-roleplay-homepage .department-stats .department-stat + .department-stat { border-left: 1px solid var(--site-line); }
    #mainstream-roleplay-homepage .department-stats .department-stat strong { display: block; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 21px; font-weight: 500; }
    #mainstream-roleplay-homepage .department-stats .department-stat span { display: block; margin-top: 4px; color: var(--site-muted); font-size: 10px; }
    #mainstream-roleplay-homepage .department-search { width: min(340px, 100%); min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 0 13px; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); color: var(--site-muted); }
    #mainstream-roleplay-homepage .department-search i { width: 17px; height: 17px; flex: 0 0 auto; }
    #mainstream-roleplay-homepage .department-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--site-ink); font: inherit; font-size: 11px; }
    #mainstream-roleplay-homepage .department-search input::placeholder { color: var(--site-muted); }
    #mainstream-roleplay-homepage .department-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
    #mainstream-roleplay-homepage .department-filter { min-height: 34px; padding: 0 11px; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); color: var(--site-muted); font: inherit; font-size: 10px; }
    #mainstream-roleplay-homepage .department-filter:hover, #mainstream-roleplay-homepage .department-filter.active { border-color: var(--site-gold); background: var(--site-gold-soft); color: var(--site-ink); }
    #mainstream-roleplay-homepage .department-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    #mainstream-roleplay-homepage .department-card { min-height: 150px; display: grid; grid-template-columns: 48px minmax(0, 1fr) 22px; align-items: start; gap: 14px; padding: 21px; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); }
    #mainstream-roleplay-homepage .department-card:hover { border-color: var(--site-gold); }
    #mainstream-roleplay-homepage .department-card[hidden] { display: none; }
    #mainstream-roleplay-homepage .department-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 3px; background: var(--site-gold-soft); color: var(--site-gold); }
    #mainstream-roleplay-homepage .department-icon i { width: 21px; height: 21px; }
    #mainstream-roleplay-homepage .department-copy h3 { margin: 2px 0 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 19px; font-weight: 500; }
    #mainstream-roleplay-homepage .department-copy p { margin: 8px 0 0; color: var(--site-muted); font-size: 11px; line-height: 1.58; }
    #mainstream-roleplay-homepage .department-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
    #mainstream-roleplay-homepage .department-tag { padding: 4px 7px; border: 1px solid var(--site-line); border-radius: 10px; color: var(--site-muted); font-size: 9px; }
    #mainstream-roleplay-homepage .department-status { display: inline-flex; align-items: center; gap: 5px; color: var(--site-green); font-size: 9px; }
    #mainstream-roleplay-homepage .department-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
    #mainstream-roleplay-homepage .department-open { width: 22px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--site-ink); }
    #mainstream-roleplay-homepage .department-open i { width: 16px; height: 16px; }
    #mainstream-roleplay-homepage .directory-empty { grid-column: 1 / -1; margin: 0; padding: 30px; border: 1px dashed var(--site-line); border-radius: 3px; background: var(--site-paper); color: var(--site-muted); font-size: 12px; text-align: center; }

    @media (max-width: 820px) {
      #mainstream-roleplay-homepage .department-stats .department-stat:nth-child(3) { border-left: 0; border-top: 1px solid var(--site-line); }
      #mainstream-roleplay-homepage .department-stats .department-stat:nth-child(4) { border-top: 1px solid var(--site-line); }
      #mainstream-roleplay-homepage .directory-controls { align-items: stretch; flex-direction: column; }
      #mainstream-roleplay-homepage .department-search { width: 100%; }
      #mainstream-roleplay-homepage .department-filters { justify-content: flex-start; }
      #mainstream-roleplay-homepage .department-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 520px) {
      #mainstream-roleplay-homepage .agency-network-grid { grid-template-columns: 1fr; }
      #mainstream-roleplay-homepage .department-stats .department-stat + .department-stat { border-left: 0; border-top: 1px solid var(--site-line); }
      #mainstream-roleplay-homepage .department-card { grid-template-columns: 42px minmax(0, 1fr) 18px; gap: 11px; padding: 17px; }
      #mainstream-roleplay-homepage .department-icon { width: 42px; height: 42px; }
      #mainstream-roleplay-homepage .department-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    /* Expanded department information using the existing page design system. */
    #mainstream-roleplay-homepage .application-status { padding: 4px 7px; border: 1px solid var(--site-line); border-radius: 10px; color: var(--site-muted); font-size: 9px; }
    #mainstream-roleplay-homepage .division-overview, #mainstream-roleplay-homepage .applications-section { padding: 72px clamp(22px,7vw,94px); border-top: 1px solid var(--site-line); border-bottom: 1px solid var(--site-line); background: var(--site-paper); }
    #mainstream-roleplay-homepage .department-section-inner { max-width: 1120px; margin: 0 auto; }
    #mainstream-roleplay-homepage .department-section-inner .section-heading { max-width: 680px; margin-bottom: 34px; }
    #mainstream-roleplay-homepage .division-overview-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
    #mainstream-roleplay-homepage .division-overview-grid article { min-height: 220px; padding: 22px; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-bg); }
    #mainstream-roleplay-homepage .division-overview-grid article > div { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 3px; background: var(--site-gold-soft); color: var(--site-gold); }
    #mainstream-roleplay-homepage .division-overview-grid h3, #mainstream-roleplay-homepage .application-grid h3, #mainstream-roleplay-homepage .department-announcements h3 { margin: 22px 0 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; }
    #mainstream-roleplay-homepage .division-overview-grid p { margin: 9px 0 17px; color: var(--site-muted); font-size: 11px; line-height: 1.58; }
    #mainstream-roleplay-homepage .division-overview-grid article > span { display: inline-block; padding: 4px 7px; border: 1px solid var(--site-line); border-radius: 10px; color: var(--site-muted); font-size: 9px; }
    #mainstream-roleplay-homepage .interagency-section { padding-top: 78px; }
    #mainstream-roleplay-homepage .interagency-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
    #mainstream-roleplay-homepage .interagency-list { border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); }
    #mainstream-roleplay-homepage .interagency-list > div { min-height: 72px; display: flex; align-items: center; gap: 13px; padding: 13px 18px; }
    #mainstream-roleplay-homepage .interagency-list > div + div { border-top: 1px solid var(--site-line); }
    #mainstream-roleplay-homepage .interagency-list i { width: 19px; height: 19px; color: var(--site-gold); }
    #mainstream-roleplay-homepage .interagency-list strong { display: block; font-size: 11px; font-weight: 500; }
    #mainstream-roleplay-homepage .interagency-list small { display: block; margin-top: 4px; color: var(--site-muted); font-size: 9px; }
    #mainstream-roleplay-homepage .applications-section { background: var(--site-paper-soft); }
    #mainstream-roleplay-homepage .application-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
    #mainstream-roleplay-homepage .application-grid article { padding: 21px; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); }
    #mainstream-roleplay-homepage .application-head { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: start; gap: 13px; }
    #mainstream-roleplay-homepage .application-head h3 { margin: 2px 0 0; }
    #mainstream-roleplay-homepage .application-head p { margin: 5px 0 0; color: var(--site-muted); font-size: 9px; }
    #mainstream-roleplay-homepage .application-head em { padding: 4px 7px; border: 1px solid var(--site-line); border-radius: 10px; color: var(--site-muted); font-size: 9px; font-style: normal; }
    #mainstream-roleplay-homepage .application-grid dl { margin: 18px 0; border-top: 1px solid var(--site-line); }
    #mainstream-roleplay-homepage .application-grid dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--site-line); }
    #mainstream-roleplay-homepage .application-grid dt, #mainstream-roleplay-homepage .application-grid dd { margin: 0; color: var(--site-muted); font-size: 9px; }
    #mainstream-roleplay-homepage .application-grid dd { color: var(--site-ink); text-align: right; }
    #mainstream-roleplay-homepage .application-grid button { min-height: 38px; width: 100%; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper-soft); color: var(--site-muted); font: inherit; font-size: 10px; }
    #mainstream-roleplay-homepage .access-announcements { padding-top: 78px; }
    #mainstream-roleplay-homepage .access-announcement-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.8fr); gap: 14px; }
    #mainstream-roleplay-homepage .access-requirements { margin: 0; padding: 0; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); list-style: none; }
    #mainstream-roleplay-homepage .access-requirements li { min-height: 66px; display: flex; align-items: center; gap: 13px; padding: 12px 18px; }
    #mainstream-roleplay-homepage .access-requirements li + li { border-top: 1px solid var(--site-line); }
    #mainstream-roleplay-homepage .access-requirements i { width: 18px; height: 18px; color: var(--site-gold); }
    #mainstream-roleplay-homepage .access-requirements strong { display: block; font-size: 11px; font-weight: 500; }
    #mainstream-roleplay-homepage .access-requirements small { display: block; margin-top: 3px; color: var(--site-muted); font-size: 9px; }
    #mainstream-roleplay-homepage .department-announcements { padding: 24px; border: 1px solid var(--site-line); border-radius: 3px; background: var(--site-paper); }
    #mainstream-roleplay-homepage .announcement-placeholder { padding: 30px 18px; border: 1px dashed var(--site-line); text-align: center; }
    #mainstream-roleplay-homepage .announcement-placeholder > span { width: 46px; height: 46px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; background: var(--site-gold-soft); color: var(--site-gold); }
    #mainstream-roleplay-homepage .announcement-placeholder h3 { margin-top: 14px; }
    #mainstream-roleplay-homepage .announcement-placeholder p { margin: 8px 0 0; color: var(--site-muted); font-size: 10px; line-height: 1.55; }
    #mainstream-roleplay-homepage .announcement-placeholder em { display: inline-block; margin-top: 14px; padding: 4px 7px; border: 1px solid var(--site-line); border-radius: 10px; color: var(--site-muted); font-size: 9px; font-style: normal; }
    #mainstream-roleplay-homepage .public-announcement{padding:14px 0;border-bottom:1px solid var(--site-line)}
    #mainstream-roleplay-homepage .public-announcement:last-child{border-bottom:0}
    #mainstream-roleplay-homepage .public-announcement h3,#mainstream-roleplay-homepage .public-announcement p{margin:0}
    #mainstream-roleplay-homepage .public-announcement h3{font-size:12px}
    #mainstream-roleplay-homepage .public-announcement p{margin-top:6px;color:var(--site-muted);font-size:9px;line-height:1.5}
    #mainstream-roleplay-homepage .public-announcement time{display:block;margin-top:8px;color:var(--site-gold);font-size:8px}
    #mainstream-roleplay-homepage .department-closing-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
    @media(max-width:920px){#mainstream-roleplay-homepage .division-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mainstream-roleplay-homepage .access-announcement-grid{grid-template-columns:1fr}}
    @media(max-width:720px){#mainstream-roleplay-homepage .interagency-layout,#mainstream-roleplay-homepage .application-grid{grid-template-columns:1fr}}
    @media(max-width:620px){#mainstream-roleplay-homepage .division-overview-grid{grid-template-columns:1fr}#mainstream-roleplay-homepage .division-overview,#mainstream-roleplay-homepage .applications-section{padding:54px 18px}#mainstream-roleplay-homepage .department-closing-actions{align-items:stretch;flex-direction:column}#mainstream-roleplay-homepage .department-closing-actions button{width:100%}}