/* CENTRAL home presentation. Records, controls and their event hooks stay intact. */
@media screen {
  #homeView { min-width: 0; }
  #homeBoard {
    --ch-ink: var(--crm-text);
    --ch-muted: var(--crm-muted);
    --ch-paper: var(--crm-card);
    --ch-purple: var(--crm-gold);
    --ch-cyan: var(--crm-beige);
    min-width: 0;
    max-width: 100%;
    padding: 0 0 26px;
    color: var(--crm-text);
  }

  #homeBoard .hb-heading.crm-scene {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-height: 280px;
    margin: 0 0 27px;
    padding: 36px 40px 47px;
    overflow: clip;
    border: 1px solid var(--crm-line);
    border-radius: 28px;
    background: var(--crm-navy);
    box-shadow: var(--crm-shadow);
    text-align: left;
  }
  #homeBoard .hb-heading.crm-scene > div:first-child {
    position: relative;
    z-index: 2;
    width: 57%;
    max-width: 650px;
    min-width: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }
  #homeBoard .hb-heading.crm-scene .hb-eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--crm-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.3px;
    line-height: 1.5;
  }
  #homeBoard .hb-heading.crm-scene h2 {
    margin: 0;
    max-width: 10.5em;
    color: var(--crm-text);
    font-size: clamp(38px, 3.7vw, 62px);
    font-weight: 800;
    letter-spacing: -2.4px;
    line-height: 1.18;
    word-break: keep-all;
    overflow-wrap: normal;
    text-wrap: balance;
    text-shadow: none;
  }
  #homeBoard .hb-heading.crm-scene p { margin-top: 15px; color: var(--crm-text); font-size: 14px; line-height: 1.7; }
  #homeBoard .hb-status { color: var(--crm-text); font-size: 13px; line-height: 1.7; }
  #homeBoard .hb-alert { padding: 17px 20px; border: 1px solid var(--crm-line); border-radius: 14px; background: var(--crm-gold-soft); color: var(--crm-beige); font-size: 13px; }

  /* Real month sections retain their order and every ranking control. */
  #homeBoard .hb-periods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; }
  #homeBoard .hb-period {
    min-width: 0;
    padding: 21px;
    border: 1px solid var(--crm-line);
    border-radius: 23px;
    background: var(--crm-card);
    box-shadow: var(--crm-shadow);
  }
  #homeBoard .hb-period[data-hb-period="current"] { background: var(--crm-card); }
  #homeBoard .hb-period-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; min-height: 44px; margin: 0 0 20px; }
  #homeBoard .hb-period-head > div { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; min-width: 0; }
  #homeBoard .hb-period-head h3 { margin: 0; color: var(--crm-text); font-size: 21px; font-weight: 800; line-height: 1.4; letter-spacing: -.8px; }
  #homeBoard .hb-period-badge { min-height: 28px; padding: 5px 9px; border: 0; border-radius: 7px; background: var(--crm-gold-soft); color: var(--crm-gold); font-size: 10px; font-weight: 750; letter-spacing: .1px; line-height: 1.6; }
  #homeBoard .hb-period-badge.hb-live { background: var(--crm-gold-soft); color: var(--crm-gold); }
  #homeBoard .hb-period-badge.hb-live::before { background: var(--crm-gold-soft); box-shadow: none; }
  #homeBoard .hb-period-head button { min-height: 36px; padding: 7px 11px; border: 1px solid var(--crm-line); border-radius: 9px; background: var(--crm-card); color: var(--crm-gold); font-size: 11px; font-weight: 650; }
  #homeBoard .hb-period-head button:hover { border-color: var(--crm-gold-line); background: var(--crm-raised); }
  #homeBoard .hb-period .hb-rank-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; min-width: 0; }
  #homeBoard .hb-period .hb-rank-card { min-width: 0; border: 1px solid var(--crm-line); border-top: 3px solid var(--crm-line); border-radius: 15px; background: var(--crm-card); color: var(--crm-text); box-shadow: var(--crm-shadow); }
  #homeBoard .hb-period[data-hb-period="current"] .hb-rank-card { border-color: var(--crm-line); border-top-color: var(--crm-gold-line); background: var(--crm-card); }
  #homeBoard .hb-period .hb-rank-card::before,
  #homeBoard .hb-period .hb-rank-card::after { content: none; animation: none; }
  #homeBoard .hb-period .hb-rank-card-head { min-width: 0; min-height: 76px; padding: 16px 15px 13px; border-bottom: 1px solid var(--crm-line); background: transparent; }
  #homeBoard .hb-period .hb-rank-card .hb-card-eyebrow { display: block; color: var(--crm-gold); font-size: 9px; letter-spacing: 1.9px; }
  #homeBoard .hb-period .hb-rank-card h3 { margin: 5px 0 0; color: var(--crm-text); font-size: 18px; font-weight: 800; line-height: 1.4; letter-spacing: -.45px; }
  #homeBoard .hb-period .hb-rank-card h3 em { display: inline-block; margin-left: 5px; color: var(--crm-text); font-size: 10px; font-weight: 700; letter-spacing: .5px; }
  #homeBoard .hb-period .hb-crown { color: var(--crm-gold); font-size: 28px; filter: none; }
  #homeBoard .hb-period[data-hb-period="current"] .hb-crown { color: var(--crm-gold); }
  #homeBoard .hb-period .hb-rank-list { padding: 7px 14px 3px; max-height: 288px; scrollbar-color: var(--crm-line) var(--crm-bg); }
  #homeBoard .hb-period .hb-rank-row { min-height: 69px; padding: 11px 0; gap: 9px; border-color: var(--crm-line); }
  #homeBoard .hb-period .hb-place { width: 27px; height: 29px; flex-basis: 27px; border: 0; border-radius: 8px; background: var(--crm-gold-soft); color: var(--crm-gold); font-size: 14px; }
  #homeBoard .hb-period .hb-rank-person { display: block; min-width: 0; }
  #homeBoard .hb-period .hb-rank-person > strong { display: block; color: var(--crm-text); font-size: 14px; line-height: 1.45; font-weight: 700; }
  #homeBoard .hb-period .hb-rank-person > small { display: block; margin-top: 2px; min-height: 0; color: var(--crm-muted); font-size: 10px; line-height: 1.45; }
  #homeBoard .hb-period .hb-rank-person > b { display: block; max-width: 100%; margin-top: 3px; color: var(--crm-gold); font-size: 18px; font-weight: 800; line-height: 1.35; letter-spacing: -.5px; text-align: left; overflow-wrap: anywhere; text-shadow: none; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] { min-height: 89px; margin: 1px -6px 3px; padding: 13px 6px; gap: 9px; border: 1px solid var(--crm-line); border-radius: 10px; background: var(--crm-navy); box-shadow: none; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"]::after { content: none; animation: none; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] .hb-place { width: 30px; height: 37px; flex-basis: 30px; border: 0; border-radius: 9px; background: var(--crm-gold-soft); color: var(--crm-gold); font-size: 21px; box-shadow: none; text-shadow: none; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] .hb-rank-person > strong { color: var(--crm-text); font-size: 17px; font-weight: 800; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] .hb-rank-person > small { color: var(--crm-muted); }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] .hb-rank-person > b { color: var(--crm-gold); font-size: 22px; text-shadow: none; }
  #homeBoard .hb-period[data-hb-period="current"] .hb-rank-row[data-hb-rank="1"] { border-color: var(--crm-line); background: var(--crm-navy); }
  #homeBoard .hb-period[data-hb-period="current"] .hb-rank-row[data-hb-rank="1"] .hb-place { background: var(--crm-gold-soft); }
  #homeBoard .hb-period[data-hb-period="current"] .hb-rank-person > b { color: var(--crm-gold); }
  #homeBoard .hb-period[data-hb-period="current"] .hb-rank-row[data-hb-rank="1"] .hb-rank-person > b { color: var(--crm-gold); }
  #homeBoard .hb-period .hb-rank-empty .hb-place { background: var(--crm-gold-soft); color: var(--crm-muted); }
  #homeBoard .hb-period .hb-rank-empty .hb-rank-person > strong { color: var(--crm-muted); font-size: 12px; font-weight: 500; }
  #homeBoard .hb-period .hb-rank-empty .hb-rank-person > small { display: block; color: var(--crm-muted); }
  #homeBoard .hb-period .hb-rank-empty .hb-rank-person > b { color: var(--crm-muted); font-size: 18px; }
  #homeBoard .hb-period .hb-rank-more { min-height: 41px; padding: 10px 14px; border-top: 1px solid var(--crm-line); background: var(--crm-card); color: var(--crm-text); font-size: 11px; }
  #homeBoard .hb-period .hb-rank-more:hover { background: var(--crm-raised); color: var(--crm-text); }
  #homeBoard .hb-period-note { margin: 12px 1px 0; color: var(--crm-muted); font-size: 11px; line-height: 1.6; }
  #homeBoard .hb-period-note small { color: var(--crm-muted); font-size: 10px; line-height: 1.6; }
  #homeBoard .hb-period .hb-tie-note { color: var(--crm-muted); padding: 5px 14px 9px; font-size: 10px; }

  #homeBoard .hb-honors { margin: 24px 0 0; padding: 0 0 19px; border: 1px solid var(--crm-line); border-radius: 22px; background: var(--crm-navy); box-shadow: var(--crm-shadow); }
  #homeBoard .hb-honors::before { background: var(--crm-navy); }
  #homeBoard .hb-honors-head { padding: 23px 23px 18px; gap: 12px; flex-wrap: wrap; }
  #homeBoard .hb-honors-head .hb-card-eyebrow { color: var(--crm-gold); font-size: 10px; letter-spacing: 2px; }
  #homeBoard .hb-honors-head h3 { color: var(--crm-text); font-size: 23px; font-weight: 750; line-height: 1.4; letter-spacing: -.7px; }
  #homeBoard .hb-honors-head small { color: var(--crm-muted); font-size: 11px; }
  #homeBoard .hb-honors-tools { flex-wrap: wrap; }
  #homeBoard .hb-honors-tools button { min-height: 37px; padding: 8px 11px; border: 1px solid var(--crm-line); border-radius: 9px; background: var(--crm-navy); color: var(--crm-gold); font-size: 11px; }
  #homeBoard .hb-honors-tools button:hover,
  #homeBoard .hb-honors-tools [aria-pressed="true"] { border-color: var(--crm-gold-line); background: var(--crm-navy); color: var(--crm-gold); }
  #homeBoard .hb-award-group { gap: 12px; padding-right: 12px; }
  #homeBoard .hb-award-person { flex-basis: 258px; height: 80px; gap: 12px; padding: 14px 17px; border: 1px solid var(--crm-line); border-radius: 13px; background: var(--crm-card); box-shadow: none; }
  #homeBoard .hb-award-person::before { width: 33px; height: 38px; flex-basis: 33px; border: 1px solid var(--crm-line); border-radius: 10px; background: var(--crm-card); color: var(--crm-text); font-size: 19px; }
  #homeBoard .hb-award-identity strong { color: var(--crm-text); font-size: 16px; }
  #homeBoard .hb-award-identity small { color: var(--crm-muted); font-size: 11px; }
  #homeBoard .hb-award-weeks { color: var(--crm-gold); font-size: 27px; }
  #homeBoard .hb-award-weeks small { color: var(--crm-muted); font-size: 11px; }
  #homeBoard .hb-award-empty { min-height: 78px; margin: 0 23px; border-color: var(--crm-line); border-radius: 12px; background: var(--crm-card); color: var(--crm-text); font-size: 13px; }

  #homeBoard .hb-kmi { height: auto; min-height: 104px; grid-template-columns: minmax(0, 1fr) 87px auto; gap: 18px; margin: 24px 0; padding: 13px 25px; border: 1px solid var(--crm-line); border-radius: 20px; background: var(--crm-navy); color: var(--crm-text); box-shadow: var(--crm-shadow); }
  #homeBoard .hb-kmi:hover { border-color: var(--crm-gold-line); background: var(--crm-navy); box-shadow: var(--crm-shadow); }
  #homeBoard .hb-kmi::after { border-color: var(--crm-line); box-shadow: none; }
  #homeBoard .hb-kmi strong { color: var(--crm-text); font-size: 25px; line-height: 1.3; white-space: normal; }
  #homeBoard .hb-kmi small { margin-top: 5px; color: var(--crm-muted); font-size: 12px; }
  #homeBoard .hb-kmi > b { min-height: 43px; padding: 11px 16px; border: 1px solid var(--crm-line); border-radius: 10px; background: var(--crm-navy); color: var(--crm-gold); font-size: 12px; box-shadow: none; }
  #homeBoard .hb-kmi-illustration { width: 87px; max-width: 87px; height: 78px; filter: grayscale(1); }

  #homeBoard .hb-notices { min-width: 0; padding: 24px 26px 9px; border: 1px solid var(--crm-line); border-radius: 23px; background: var(--crm-card); box-shadow: var(--crm-shadow); }
  #homeBoard .hb-notices-head { gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
  #homeBoard .hb-notices .hb-card-eyebrow { color: var(--crm-gold); font-size: 10px; letter-spacing: 2px; }
  #homeBoard .hb-notices-head h3 { margin-top: 5px; color: var(--crm-text); font-size: 26px; font-weight: 800; letter-spacing: -.8px; }
  #homeBoard .hb-notice-tools { flex-wrap: wrap; }
  #homeBoard .hb-notice-tools button { min-height: 39px; padding: 8px 12px; border: 1px solid var(--crm-line); border-radius: 9px; background: var(--crm-card); color: var(--crm-gold); font-size: 12px; }
  #homeBoard .hb-notice-tools #hbNoticeAdd { border-color: var(--crm-line); background: var(--crm-card); color: var(--crm-text); }
  #homeBoard .hb-notice-search input { min-width: 0; min-height: 45px; border-color: var(--crm-line); border-radius: 10px; background: var(--crm-raised); color: var(--crm-text); font-size: 13px; }
  #homeBoard .hb-notice-search input::placeholder { color: var(--crm-muted); }
  #homeBoard .hb-notice-search-status { color: var(--crm-muted); font-size: 11px; }
  #homeBoard .hb-notice-item { min-height: 62px; padding: 16px 0; border-color: var(--crm-line); }
  #homeBoard .hb-notice-title strong { color: var(--crm-text); font-size: 14px; font-weight: 650; }
  #homeBoard .hb-notice-title em { border-color: var(--crm-line); border-radius: 5px; background: var(--crm-gold-soft); color: var(--crm-gold); font-size: 10px; }
  #homeBoard .hb-notice-item time { color: var(--crm-muted); font-size: 11px; }
  #homeBoard .hb-notice-pin { min-height: 38px; min-width: 38px; height: 38px; border-color: var(--crm-gold-line); background: var(--crm-card); color: var(--crm-gold); }
  #homeBoard .hb-notice-pin[aria-pressed="true"] { border-color: var(--crm-gold-line); background: var(--crm-gold-soft); color: var(--crm-gold); box-shadow: none; }
  #homeBoard .hb-empty-note { color: var(--crm-muted); }
  #homeBoard .hb-empty-note strong { color: var(--crm-muted); font-size: 14px; }
  #homeBoard .hb-empty-note p { color: var(--crm-muted); font-size: 12px; }
  #homeBoard :is(button, a, input):focus-visible { outline: 3px solid var(--crm-gold); outline-offset: 3px; }
}

/* Keep the two home shortcuts together without replacing their interactive DOM. */
@media screen and (min-width: 1000px) {
  #homeBoard:has(> .hb-notices) { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.65fr); column-gap: 22px; }
  #homeBoard:has(> .hb-notices) > * { grid-column: 1 / -1; min-width: 0; }
  #homeBoard:has(> .hb-notices) > .hb-kmi {
    grid-column: 1;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(104px, 1fr);
    align-items: start;
    gap: 20px 12px;
    min-height: 246px;
    margin: 24px 0 0;
    padding: 26px;
    border-radius: 23px;
  }
  #homeBoard:has(> .hb-notices) > .hb-kmi > span:nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
  #homeBoard:has(> .hb-notices) > .hb-kmi > b { grid-column: 1; grid-row: 2; align-self: end; justify-self: start; }
  #homeBoard:has(> .hb-notices) > .hb-kmi > .hb-kmi-illustration { grid-column: 2; grid-row: 2; align-self: end; width: 104px; max-width: 104px; height: 104px; }
  #homeBoard:has(> .hb-notices) > .hb-notices { grid-column: 2; margin-top: 24px; }
}

@media screen and (max-width: 1250px) {
  #homeBoard .hb-periods { grid-template-columns: minmax(0, 1fr); gap: 21px; }
  #homeBoard .hb-period .hb-rank-person { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; align-items: center; }
  #homeBoard .hb-period .hb-rank-person > b { grid-column: 2; grid-row: 1 / 3; margin: 0; max-width: 170px; text-align: right; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] { min-height: 79px; }
}

@media screen and (max-width: 800px) {
  #homeBoard .hb-heading.crm-scene { min-height: 245px; padding: 29px 28px 48px; border-radius: 22px; margin-bottom: 21px; }
  #homeBoard .hb-heading.crm-scene > div:first-child { width: 61%; }
  #homeBoard .hb-heading.crm-scene h2 { font-size: 40px; letter-spacing: -1.9px; }
  #homeBoard .hb-heading.crm-scene .hb-eyebrow { font-size: 10px; letter-spacing: 1.6px; margin-bottom: 16px; }
  #homeBoard .hb-period { padding: 17px; border-radius: 19px; }
  #homeBoard .hb-period-head { margin-bottom: 14px; }
  #homeBoard .hb-period-head h3 { font-size: 20px; }
  #homeBoard .hb-period .hb-rank-card-head { padding: 15px 12px 12px; }
  #homeBoard .hb-period .hb-rank-card h3 { font-size: 17px; }
  #homeBoard .hb-period .hb-rank-person { display: block; }
  #homeBoard .hb-period .hb-rank-person > b { margin-top: 3px; max-width: 100%; text-align: left; }
  #homeBoard .hb-honors-head { padding: 20px 19px 15px; }
  #homeBoard .hb-honors-head h3 { font-size: 21px; }
  #homeBoard .hb-notices { padding: 21px 21px 9px; }
}

@media screen and (max-width: 600px) {
  #homeBoard .hb-heading.crm-scene { min-height: 215px; padding: 26px 21px 43px; margin-bottom: 18px; border-radius: 20px; }
  #homeBoard .hb-heading.crm-scene > div:first-child { width: 66%; }
  #homeBoard .hb-heading.crm-scene .hb-eyebrow { font-size: 9px; letter-spacing: 1.35px; line-height: 1.7; margin-bottom: 13px; }
  #homeBoard .hb-heading.crm-scene h2 { font-size: clamp(30px, 6.7vw, 39px); line-height: 1.23; letter-spacing: -1.6px; }
  #homeBoard .hb-heading.crm-scene p { font-size: 12px; }
  #homeBoard .hb-period { padding: 15px; border-radius: 18px; }
  #homeBoard .hb-periods { gap: 18px; }
  #homeBoard .hb-period-head { gap: 8px; margin-bottom: 13px; }
  #homeBoard .hb-period-head > div { gap: 8px; }
  #homeBoard .hb-period-head h3 { font-size: 19px; }
  #homeBoard .hb-period-head button { min-height: 40px; font-size: 11px; }
  #homeBoard .hb-period-badge { font-size: 10px; }
  #homeBoard .hb-period .hb-rank-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  #homeBoard .hb-period .hb-rank-card-head { min-height: 69px; padding: 14px 15px 12px; }
  #homeBoard .hb-period .hb-rank-card h3 { font-size: 19px; }
  #homeBoard .hb-period .hb-rank-card h3 em { font-size: 11px; }
  #homeBoard .hb-period .hb-crown { font-size: 27px; }
  #homeBoard .hb-period .hb-rank-list { max-height: 290px; padding: 6px 14px 3px; }
  #homeBoard .hb-period .hb-rank-row { min-height: 65px; gap: 10px; padding: 10px 0; }
  #homeBoard .hb-period .hb-rank-person { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; }
  #homeBoard .hb-period .hb-rank-person > strong { font-size: 14px; }
  #homeBoard .hb-period .hb-rank-person > small { display: block; font-size: 11px; }
  #homeBoard .hb-period .hb-rank-person > b { grid-column: 2; grid-row: 1 / 3; max-width: 140px; margin: 0; font-size: 19px; text-align: right; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] { min-height: 78px; padding: 12px 7px; margin-left: -6px; margin-right: -6px; gap: 10px; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] .hb-place { width: 29px; flex-basis: 29px; height: 36px; font-size: 21px; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] .hb-rank-person > strong { font-size: 17px; }
  #homeBoard .hb-period .hb-rank-row[data-hb-rank="1"] .hb-rank-person > b { font-size: 22px; }
  #homeBoard .hb-period .hb-rank-more { min-height: 43px; padding: 11px 15px; font-size: 12px; }
  #homeBoard .hb-honors { margin-top: 19px; padding-bottom: 16px; border-radius: 19px; }
  #homeBoard .hb-honors-head { padding: 19px 16px 15px; gap: 11px; }
  #homeBoard .hb-honors-head > div:first-child { display: block; }
  #homeBoard .hb-honors-head h3 { margin-top: 5px; font-size: 21px; }
  #homeBoard .hb-honors-head small { display: block; font-size: 11px; margin-top: 4px; }
  #homeBoard .hb-honors-tools button { min-height: 42px; font-size: 11px; }
  #homeBoard .hb-award-empty { margin: 0 16px; font-size: 12px; }
  #homeBoard .hb-award-person { height: 76px; flex-basis: 239px; padding: 12px 14px; }
  #homeBoard .hb-kmi { min-height: 102px; grid-template-columns: minmax(0, 1fr) 50px auto; gap: 9px; padding: 14px 16px; margin: 19px 0; border-radius: 18px; }
  #homeBoard .hb-kmi strong { font-size: 21px; white-space: normal; }
  #homeBoard .hb-kmi small { font-size: 11px; margin-top: 4px; }
  #homeBoard .hb-kmi-illustration { width: 50px; max-width: 50px; height: 63px; }
  #homeBoard .hb-kmi > b { min-height: 44px; padding: 10px 11px; font-size: 11px; }
  #homeBoard .hb-notices { padding: 20px 17px 7px; border-radius: 19px; }
  #homeBoard .hb-notices-head h3 { font-size: 24px; }
  #homeBoard .hb-notice-tools { gap: 6px; }
  #homeBoard .hb-notice-tools button { min-height: 42px; padding: 8px 10px; font-size: 11px; }
  #homeBoard .hb-notice-search input { min-height: 46px; font-size: 16px; }
  #homeBoard .hb-notice-title strong { font-size: 13px; }
  #homeBoard .hb-notice-pin { min-width: 42px; min-height: 42px; height: 42px; }
}

@media screen and (max-width: 360px) {
  #homeBoard .hb-heading.crm-scene { padding-left: 17px; padding-right: 17px; }
  #homeBoard .hb-heading.crm-scene > div:first-child { width: 72%; }
  #homeBoard .hb-heading.crm-scene h2 { font-size: 31px; }
  #homeBoard .hb-period { padding: 11px; }
  #homeBoard .hb-period .hb-rank-person { display: block; }
  #homeBoard .hb-period .hb-rank-person > b { max-width: 100%; text-align: left; margin-top: 3px; }
  #homeBoard .hb-kmi { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; padding: 13px; }
  #homeBoard .hb-kmi-illustration { position: absolute; right: 70px; top: 36px; width: 45px; max-width: 45px; height: 48px; opacity: .22; }
  #homeBoard .hb-kmi > b { z-index: 2; }
}