/* Player Hub: approved comp 03, with official Bungie art in its original colors. */
body.wwd3-hub { background: #060d14; color: #e8eef7; }
.hub, .hub-rail { --hub-ink: #e8eef7; --hub-muted: #b6c5d5; --hub-line: #415463; --hub-blue: #a8e1fc; --hub-gold: #f2cb77; }
.hub a, .hub-rail a { text-decoration: none; }
.hub :focus-visible, .hub-rail :focus-visible { outline: 3px solid #b8eaff; outline-offset: 5px; }
.hub-skip { position: fixed; top: 8px; left: 12px; z-index: 100; padding: 12px 20px; color: #07111b; background: #e8eef7; transform: translateY(-150%); }
.hub-skip:focus { transform: none; }
.hub-rail { position: fixed; inset: 0 auto 0 0; z-index: 50; width: 236px; display: flex; flex-direction: column; background: #071019; border-inline: 1px solid #243744; }
.hub-brand { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 176px; gap: 14px; color: var(--hub-ink); text-align: center; }
.hub-brand img { width: 49px; height: 49px; object-fit: contain; }
.hub-brand span { font-size: 14px; line-height: 1.45; letter-spacing: 0.2em; text-transform: uppercase; }
.hub-brand strong { display: block; font-size: 20px; font-weight: 600; letter-spacing: 0.17em; }
.hub-nav { display: flex; flex-direction: column; gap: 3px; }
.hub-nav a { display: flex; align-items: center; min-height: 54px; padding: 12px 32px; color: var(--hub-muted); font-size: 16px; border-block: 1px solid transparent; transition: color .2s ease, background-color .2s ease; }
.hub-nav a[aria-current] { color: #c4ecff; background: #102335; border-block-color: #233e54; }
.hub-nav a:hover { color: white; background: #142736; }
.hub-nav .hub-nav__petition { color: var(--hub-gold); }
.hub-rail__note { margin: auto 32px 45px; font-size: 12px; line-height: 1.8; color: #9dafc0; }
.hub { margin-left: 236px; padding: 0 48px; max-width: 1680px; overflow: clip; }
.hub-intro { position: relative; isolation: isolate; min-height: 223px; display: flex; align-items: flex-end; padding: 75px 0 34px; }
.hub-intro__art { position: absolute; z-index: -2; inset: 0 -48px auto auto; width: 91%; height: 100%; object-fit: cover; object-position: 50% 45%; opacity: .72; }
.hub-intro::after { content: ''; position: absolute; z-index: -1; inset: 0 -49px 0; background: linear-gradient(90deg, #060d14 0%, rgba(6,13,20,.87) 29%, rgba(6,13,20,.06) 85%), linear-gradient(0deg,#060d14 0%,transparent 35%); }
.hub h1 { font-size: clamp(30px,3.1vw,48px); font-weight: 600; line-height: 1.18; margin: 0 0 12px; letter-spacing: -.025em; text-wrap: balance; }
.hub-intro__copy > p { margin: 0; font-size: clamp(17px,1.5vw,23px); line-height: 1.5; color: #c2d1e3; }
.hub-section-title { font-size: 13px; line-height: 1.4; letter-spacing: .18em; font-weight: 500; text-transform: uppercase; margin: 0 0 12px 6px; color: #cad9e8; }
.hub-tools, .hub-news, .hub-petition, .hub-footer { scroll-margin-top: 24px; }
.hub-tools__grid { display: grid; grid-template-columns: 1.45fr 1fr; grid-template-rows: 174px 174px; gap: 10px; }
.hub-panel { position: relative; display: block; isolation: isolate; overflow: hidden; border: 1px solid var(--hub-line); background: #0b1621; color: var(--hub-ink); transition: border-color .2s ease; }
.hub-panel:hover { border-color: #a8d6ee; }
.hub-panel__art { position: absolute; inset: 0; z-index: -3; height: 100%; width: 100%; object-fit: cover; }
.hub-panel::after { content: ''; position: absolute; inset: 0; z-index: -2; pointer-events: none; background: linear-gradient(90deg,rgba(5,14,23,.98),rgba(5,14,23,.78) 43%,rgba(5,14,23,.06) 84%); }
.hub-panel__content { position: relative; padding: 22px 25px; }
.hub h3 { margin: 0 0 6px; font-size: 23px; font-weight: 600; line-height: 1.25; letter-spacing: -.015em; }
.hub-panel p { margin: 0; font-size: 15px; line-height: 1.45; max-width: 30ch; color: var(--hub-muted); }
.hub-armor { grid-row: 1 / 3; }
.hub-armor .hub-panel__art { object-position: 65% center; }
.hub-armor .hub-panel__content { padding: 31px 34px; width: 65%; }
.hub-armor h3 { font-size: 29px; margin-bottom: 10px; }
.hub-game-icon { width: 45px; height: 45px; object-fit: contain; margin-bottom: 18px; }
.hub-button { display: inline-flex; gap: 22px; align-items: center; justify-content: center; min-height: 46px; border: 1px solid #86bad6; border-radius: 4px; padding: 10px 20px; color: #c0eaff; font-size: 15px; line-height: 1.4; white-space: nowrap; transition: background-color .2s ease; }
.hub-armor .hub-button { margin-top: 24px; }
.hub-panel:hover .hub-button { background: #163449; }
.hub-text-link { display: inline-flex; gap: 12px; color: var(--hub-blue); font-size: 14px; line-height: 1.5; margin-top: 10px; }
.hub-panel:hover .hub-text-link, .hub-news__story:hover .hub-text-link { text-decoration: underline; text-underline-offset: 4px; }
.hub-artifacts .hub-panel__art { object-position: 70% 50%; }
.hub-artifacts .hub-panel__content { width: 64%; }
.hub-artifacts::after { background: linear-gradient(90deg,#091521 0%,rgba(9,21,33,.94) 35%,rgba(9,21,33,.3) 65%,transparent); }
.hub-image-caption { position: absolute; bottom: 9px; left: 25px; right: 12px; font-size: 10px; color: #c6d2dd; line-height: 1.4; }
.hub-distortions { border-color: #80464e; }
.hub-distortions .hub-panel__art { width: 130%; max-width: none; left: 38%; object-position: 0 28%; }
.hub-distortions::after { background: linear-gradient(90deg,rgba(25,8,16,.97),rgba(29,8,21,.85) 47%,rgba(27,5,15,.18)); }
.hub-distortions .hub-panel__content { width: 72%; }
.hub-distortions .hub-text-link { color: #ffa6a6; }
.hub-distortions p, .hub-distortions .hub-image-caption { color: #ead0d5; }
.hub-distortions:hover { border-color: #efa1a5; }
.hub-calculator { display: flex; align-items: center; gap: 26px; min-height: 106px; padding: 23px 30px; margin-top: 10px; background: #0b1723; }
.hub-calculator::after { content: none; }
.hub-calculator__icon { width: 57px; height: 57px; object-fit: contain; flex-shrink: 0; }
.hub-calculator__copy { flex: 1; }
.hub-calculator p { max-width: none; }
.hub-calculator h3 { font-size: 23px; }
.hub-news { margin-top: 23px; }
.hub-news__story { display: grid; grid-template-columns: 34% 1fr; border: 1px solid #293e4b; min-height: 138px; background: #09131d; color: var(--hub-ink); }
.hub-news__story > img { width: 100%; height: 100%; min-height: 138px; max-height: 161px; object-fit: cover; object-position: center 50%; }
.hub-news__story > div { padding: 18px 25px; }
.hub-news h3 { font-size: 20px; }
.hub-news p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--hub-muted); max-width: 65ch; }
.hub-news .hub-text-link { margin-top: 5px; }
.hub-news__story:hover { border-color: #a8d6ee; }
.hub-petition { display: flex; align-items: center; justify-content: space-between; gap: 25px; border: 1px solid #71603c; background: #1b1913; margin-top: 13px; padding: 20px 28px; }
.hub-petition h2 { margin: 0 0 4px; font-size: 24px; font-weight: 600; line-height: 1.3; }
.hub-petition p { margin: 0; font-size: 15px; line-height: 1.5; color: #d1c9b5; }
.hub-button--gold { color: #ffe1a1; border-color: #d6b468; }
.hub-button--gold:hover { background: #3a2d17; }
.hub-footer { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: 12px 25px; padding: 25px 0; font-size: 11px; color: #a9bbcb; }
.hub-footer > p { margin: 0; }
.hub-sources { font-size: 12px; }
.hub-sources summary { cursor: pointer; min-height: 32px; color: #c2d9ea; }
.hub-sources > div { max-width: 70ch; padding: 8px 0 20px; line-height: 1.65; font-size: 14px; }
.hub-sources a { color: #b4e5ff; text-decoration: underline; text-underline-offset: 3px; }
.hub-sources li { margin-bottom: 8px; }
.hub-rail a, .hub a { -webkit-tap-highlight-color: rgba(168,225,252,.15); }
body.admin-bar .hub-rail { top: 32px; }
@media (min-width: 1800px) { .hub { margin-inline: auto; padding-left: 284px; } }
@media (max-width: 1180px) {
  .hub-rail { width: 190px; }
  .hub { margin-left: 190px; padding-inline: 28px; }
  .hub-intro { min-height: 205px; }
  .hub-intro__art { right: -28px; }
  .hub-tools__grid { grid-template-columns: 1.15fr 1fr; grid-template-rows: 190px 190px; }
  .hub-armor .hub-panel__content { width: 85%; padding: 28px 24px; }
  .hub-armor h3 { font-size: 26px; }
  .hub-artifacts .hub-panel__content, .hub-distortions .hub-panel__content { width: 82%; padding-inline: 20px; }
  .hub-artifacts::after { background: linear-gradient(90deg,#091521,rgba(9,21,33,.75) 65%,rgba(9,21,33,.15)); }
  .hub-calculator { gap: 16px; padding: 20px; flex-wrap: wrap; }
  .hub-calculator__copy { flex-basis: 65%; }
  .hub-calculator .hub-button { margin-left: 73px; }
  .hub-news__story { grid-template-columns: 30% 1fr; }
}
@media (max-width: 800px) {
  .hub-rail { position: static; width: auto; border-inline: 0; border-bottom: 1px solid #243744; }
  .hub-brand { min-height: 90px; flex-direction: row; justify-content: flex-start; padding: 17px 22px; gap: 15px; text-align: left; }
  .hub-brand img { width: 37px; height: 37px; }
  .hub-brand span { font-size: 11px; }
  .hub-brand strong { font-size: 17px; }
  .hub-nav { flex-direction: row; flex-wrap: wrap; gap: 0; padding: 0 12px 8px; }
  .hub-nav a { min-height: 44px; font-size: 13px; padding: 10px 12px; }
  .hub-rail__note { display: none; }
  .hub { margin: 0; padding: 0 22px; }
  .hub-intro { padding: 46px 0 30px; min-height: 200px; }
  .hub-intro__art { right: -22px; width: 120%; height: 100%; opacity: .48; }
  .hub-intro::after { background: linear-gradient(90deg,#060d14,rgba(6,13,20,.1)),linear-gradient(0deg,#060d14,transparent); }
  .hub h1 { max-width: 21ch; font-size: 34px; }
  .hub-intro__copy > p { max-width: 38ch; font-size: 17px; }
  .hub-tools__grid { grid-template-columns: 1fr 1fr; grid-template-rows: 310px 195px; }
  .hub-armor { grid-column: 1 / 3; grid-row: auto; }
  .hub-armor .hub-panel__content { width: 65%; }
  .hub-armor .hub-panel__art { object-position: center; }
  .hub-artifacts .hub-panel__content, .hub-distortions .hub-panel__content { width: 95%; }
  .hub-news__story { grid-template-columns: 33% 1fr; }
  .hub-petition { align-items: flex-start; flex-wrap: wrap; }
  .hub-tools, .hub-news, .hub-petition, .hub-footer { scroll-margin-top: 15px; }
}
@media (max-width: 520px) {
  .hub { padding-inline: 16px; }
  .hub-brand { min-height: 80px; padding: 16px; }
  .hub-nav { padding-inline: 6px; }
  .hub-nav a { font-size: 12px; padding-inline: 10px; }
  .hub h1 { font-size: 32px; }
  .hub-tools__grid { display: flex; flex-direction: column; }
  .hub-armor { min-height: 322px; }
  .hub-armor .hub-panel__content { padding: 28px 22px; width: 82%; }
  .hub-armor .hub-panel__art { object-position: 60%; opacity: .85; }
  .hub-artifacts, .hub-distortions { min-height: 192px; }
  .hub-artifacts .hub-panel__content, .hub-distortions .hub-panel__content { width: 72%; }
  .hub-artifacts .hub-panel__art { object-position: 60%; }
  .hub h3, .hub-calculator h3 { font-size: 22px; }
  .hub-armor h3 { font-size: 28px; }
  .hub-calculator { padding: 23px 20px; gap: 14px; }
  .hub-calculator__icon { width: 42px; height: 42px; }
  .hub-calculator__copy { flex-basis: 70%; }
  .hub-calculator .hub-button { margin: 5px 0 0 56px; }
  .hub-news__story { display: block; }
  .hub-news__story > img { height: 157px; }
  .hub-news__story > div { padding: 22px; }
  .hub-petition { padding: 22px; gap: 18px; }
  .hub-petition h2 { font-size: 23px; }
  .hub-footer { font-size: 11px; line-height: 1.7; padding-block: 24px; }
}
@media (prefers-reduced-motion: reduce) { .hub *, .hub-rail * { transition: none; scroll-behavior: auto; } }

/* Dedicated sidebar pages inherit the Player Hub palette and reading rhythm. */
.hub-intro__copy { max-width: 1000px; }
.hub-intro__copy > p { max-width: 68ch; }
.hub-section-title a { color: inherit; }
.hub-section-title a:hover { text-decoration: underline; text-underline-offset: 4px; }
.hub-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }
.hub-footer nav a { color: var(--hub-blue); text-decoration: underline; text-underline-offset: 3px; }
.hub-page { min-height: 100vh; }
.hub-breadcrumb { display: flex; gap: 12px; padding-top: 35px; color: var(--hub-muted); font-size: 14px; }
.hub-breadcrumb a { color: var(--hub-blue); }
.hub-page__header { padding: 30px 0 8px; max-width: 1000px; }
.hub-page__header h1 { max-width: 26ch; }
.hub-prose { max-width: 1040px; padding-bottom: 30px; }
.hub-prose p, .hub-prose li { font-size: 17px; line-height: 1.75; color: var(--hub-muted); max-width: 70ch; }
.hub-prose p { margin: 0 0 20px; }
.hub-prose > p:first-child { font-size: 20px; line-height: 1.65; color: #c2d1e3; }
.hub-prose h2 { font-size: 29px; line-height: 1.3; font-weight: 600; margin: 38px 0 14px; text-wrap: balance; }
.hub-prose h3 { font-size: 21px; margin-top: 25px; }
.hub-prose a { color: var(--hub-blue); text-decoration: underline; text-underline-offset: 4px; }
.hub-prose a:hover { color: white; }
.hub-prose ul { padding-left: 22px; margin: 14px 0 24px; }
.hub-prose li { margin-bottom: 10px; }
.hub-prose strong { color: var(--hub-ink); font-weight: 600; }
.hub-prose .hub-button { text-decoration: none; }
.hub-prose .hub-button--gold { color: #ffe1a1; }
.hub-directory__item { display: grid; grid-template-columns: 230px 1fr; gap: 28px; padding-block: 28px; border-bottom: 1px solid #293e4b; align-items: center; }
.hub-directory__item:first-child { padding-top: 12px; }
.hub-directory__item img { width: 230px; height: 150px; object-fit: cover; }
.hub-directory__item h2 { margin: 0 0 10px; font-size: 26px; }
.hub-directory__item p { font-size: 16px; margin-bottom: 12px; }
.hub-directory__item p:last-child { margin: 0; }
.hub-directory__item--calculator img { width: 78px; height: 78px; justify-self: center; object-fit: contain; }
.hub-prose .hub-news__story { text-decoration: none; margin-block: 26px; }
.hub-prose .hub-news__story h2 { font-size: 25px; margin: 0 0 12px; }
.hub-prose .hub-news__story p { font-size: 16px; margin-bottom: 10px; }
.hub-prose .hub-news__story > img { max-height: none; min-height: 220px; }
.hub-page .hub-footer { border-top: 1px solid #293e4b; }

/* Tools directory: user-approved Build & Farm composition. */
.hub-build-farm { padding-inline: 38px; }
.build-farm { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 34px; margin-top: 22px; }
.build-farm__build { min-width: 0; }
.hub .build-farm h1 { font-size: clamp(32px,3.3vw,50px); font-weight: 700; letter-spacing: -.025em; text-wrap: nowrap; margin-bottom: 8px; }
.build-farm p { color: var(--hub-muted); font-size: 16px; line-height: 1.65; margin: 0; }
.build-farm .build-farm__tagline { font-size: clamp(19px,1.7vw,26px); line-height: 1.4; color: var(--hub-blue); margin-bottom: 18px; }
.build-farm__intro > p:last-child { max-width: 70ch; }
.build-path { margin-top: 30px; }
.build-path h2 { font-size: 32px; line-height: 1.25; font-weight: 700; letter-spacing: -.02em; margin: 0 0 6px; }
.build-path > p { font-size: 17px; }
.build-path__steps { list-style: none; margin: 14px 0 0; padding: 0; }
.build-step { display: grid; grid-template-columns: 38% minmax(0,1fr); align-items: center; gap: 28px; border-top: 1px solid var(--hub-line); padding: 20px 0; }
.build-step__image { position: relative; overflow: hidden; height: 145px; background: #0b1621; }
.build-step__image > img { position: absolute; height: 100%; width: 155%; max-width: none; right: 0; object-fit: cover; object-position: 85% center; }
.build-step__image--mod { display: grid; place-items: center; }
.build-step__image--mod > img { position: static; width: 96px; height: 96px; object-fit: contain; }
.build-step__image.build-step__image--illustration > img { width: 100%; height: 100%; object-fit: cover; object-position: 38% center; }
.build-step__number { display: block; color: var(--hub-blue); font-size: 40px; font-weight: 600; line-height: 1.1; margin-bottom: 6px; }
.hub .build-step h3 { font-size: 22px; font-weight: 600; line-height: 1.25; margin: 0 0 5px; }
.build-step p { font-size: 15px; line-height: 1.5; }
.build-step a { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; max-width: 100%; margin-top: 12px; padding: 10px 16px; border: 1px solid #86bad6; border-radius: 4px; background: #102335; color: #c0eaff; font-size: 15px; line-height: 1.4; text-decoration: none; transition: background-color .2s ease, border-color .2s ease; }
.build-step a > span { flex-shrink: 0; }
.build-step a:hover { color: #fff; border-color: #a8e1fc; background: #163449; }
.farm-feature { position: relative; isolation: isolate; overflow: hidden; min-height: 780px; display: flex; align-items: flex-end; background: #060d14; border-left: 1px solid #293e4b; }
.farm-feature__art { position: absolute; z-index: -2; inset: 0; width: 100%; height: 80%; object-fit: cover; object-position: 45% top; }
.farm-feature::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,transparent 34%,rgba(6,13,20,.18) 49%,rgba(6,13,20,.94) 73%,#060d14 89%); }
.farm-feature__copy { width: 100%; padding: 32px 38px 35px; }
.farm-feature .farm-feature__label { font-size: 13px; text-transform: uppercase; letter-spacing: .18em; color: #c2d1e3; margin-bottom: 10px; }
.farm-feature h2 { font-size: clamp(32px,3.1vw,48px); line-height: 1.2; font-weight: 700; letter-spacing: -.025em; margin: 0 0 12px; }
.farm-feature__copy > p:not(.farm-feature__label) { color: #c2d1e3; font-size: 21px; line-height: 1.4; max-width: 32ch; }
.farm-feature .hub-button { margin-top: 25px; border-radius: 0; font-size: 17px; min-height: 49px; padding-inline: 28px; }
.farm-feature .hub-button:hover { background: #102335; }
.build-farm__sources { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: 10px 20px; border-top: 1px solid var(--hub-line); margin-top: 12px; padding: 22px 0 12px; color: var(--hub-muted); }
.build-farm__sources > p { margin: 0; font-size: 13px; line-height: 1.6; }
.build-farm__guidance { font-size: 13px; }
.build-farm__guidance[open] { flex-basis: 100%; }
.build-farm__guidance summary { cursor: pointer; color: var(--hub-blue); min-height: 36px; padding-block: 6px; }
.build-farm__guidance > div { max-width: 75ch; padding-block: 12px; font-size: 16px; line-height: 1.7; }
.build-farm__guidance h2 { font-size: 24px; font-weight: 600; margin: 24px 0 10px; }
.build-farm__guidance p { margin: 0 0 16px; }
.build-farm__guidance a { color: var(--hub-blue); text-decoration: underline; text-underline-offset: 4px; }
.hub-build-farm .hub-footer { border: 0; padding-top: 8px; }
@media (min-width: 1800px) { .hub-build-farm { padding-left: 274px; } }
@media (max-width: 1280px) and (min-width: 901px) {
  .build-farm { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 24px; }
  .hub .build-farm h1 { font-size: 34px; }
  .build-step { grid-template-columns: 32% minmax(0,1fr); gap: 18px; }
  .farm-feature__copy { padding-inline: 24px; }
  .farm-feature h2 { font-size: 32px; }
}
@media (max-width: 900px) {
  .hub-build-farm { padding-inline: 24px; }
  .build-farm { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .hub .build-farm h1 { text-wrap: balance; }
  .build-farm__tagline { max-width: 34ch; }
  .farm-feature { min-height: 540px; border-left: 0; }
  .farm-feature__art { height: 100%; object-position: 30% 35%; }
  .farm-feature::after { background: linear-gradient(180deg,transparent 25%,rgba(6,13,20,.5) 48%,rgba(6,13,20,.96) 72%,#060d14); }
}
@media (max-width: 520px) {
  .hub-build-farm { padding-inline: 16px; }
  .build-farm { margin-top: 24px; }
  .build-farm .build-farm__tagline { font-size: 21px; }
  .build-path h2 { font-size: 27px; }
  .build-path > p { font-size: 16px; }
  .build-step { grid-template-columns: 100px minmax(0,1fr); gap: 18px; align-items: start; }
  .build-step__image { height: 120px; }
  .build-step__image > img { width: 170%; object-position: 90% center; }
  .build-step__image--mod > img { width: 80px; height: 80px; }
  .build-step__number { font-size: 32px; }
  .hub .build-step h3 { font-size: 20px; }
  .build-step a { font-size: 15px; min-height: 46px; padding-inline: 12px; }
  .farm-feature { min-height: 490px; }
  .farm-feature__copy { padding: 24px 20px; }
  .farm-feature__copy > p:not(.farm-feature__label) { font-size: 19px; }
  .farm-feature .hub-button { padding-inline: 20px; }
}

/* News coverage uses the shared Player Hub shell and a readable article column. */
.hub-article .hub-breadcrumb { flex-wrap: wrap; gap: 8px 12px; }
.hub-article__header { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: 300px; padding: 42px 0; margin: 22px 0 26px; border-bottom: 1px solid var(--hub-line); }
.hub-article__art { position: absolute; z-index: -2; inset: 0 0 0 auto; width: 80%; height: 100%; object-fit: cover; object-position: center 42%; opacity: .65; }
.hub-article__header::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#060d14 4%,rgba(6,13,20,.92) 35%,rgba(6,13,20,.2)),linear-gradient(0deg,#060d14,transparent 48%); }
.hub .hub-article__header h1 { max-width: 28ch; font-size: clamp(32px,3.2vw,48px); font-weight: 600; margin: 0; }
.hub-article__body { max-width: 790px; }
.hub-article .news-byline { font-size: 14px; color: #a9bbcb; margin-bottom: 22px; }
.hub-article .news-lead { font-size: 21px; line-height: 1.6; color: #e8eef7; }
.hub-article .destiny-news-article h2 { margin: 36px 0 14px; font-size: 29px; }
.hub-article .destiny-news-article h3 { margin: 28px 0 10px; font-size: 21px; }
.hub-article .news-takeaways { margin: 28px 0; padding: 24px; background: #0b1621; border: 1px solid #415463; }
.hub-article .news-takeaways h2 { margin-top: 0; }
.hub-article .news-takeaways ul { margin-bottom: 0; }
.hub-article .destiny-news-video { margin-block: 26px; font-weight: 500; }
.hub-article .destiny-news-article blockquote { padding: 22px 0; border-color: #415463; margin-block: 28px; }
.hub-article .destiny-news-article blockquote p { font-size: 24px; line-height: 1.5; color: #c0eaff; margin: 0; }
.hub-article .news-status { table-layout: fixed; font-size: 16px; }
.hub-article .news-status caption { color: #a9bbcb; font-size: 14px; }
.hub-article .news-status th, .hub-article .news-status td { border-color: #415463; color: #b6c5d5; overflow-wrap: anywhere; line-height: 1.6; }
.hub-article .news-status thead th { background: #102335; color: #c0eaff; }
.hub-article .news-status tbody th { color: #e8eef7; }
.hub-article .news-petition { border-color: #415463; }
.hub-article .news-source-note { margin-top: 30px; font-size: 14px; color: #a9bbcb; }
.hub-article .destiny-news-article a:focus-visible { outline: 3px solid #b8eaff; outline-offset: 5px; }
@media (max-width: 800px) {
  .hub-article__header { min-height: 260px; padding-block: 30px; }
  .hub-article__art { width: 100%; opacity: .45; }
}
@media (max-width: 520px) {
  .hub .hub-article__header h1 { font-size: 32px; }
  .hub-article__header { margin-top: 16px; min-height: 280px; }
  .hub-article .news-lead { font-size: 19px; }
  .hub-article .destiny-news-article h2 { font-size: 25px; }
  .hub-article .news-takeaways { padding: 18px; }
  .hub-article .news-status { font-size: 14px; }
  .hub-article .news-status th, .hub-article .news-status td { padding: 12px 9px; }
}
@media (max-width: 800px) {
  .hub-breadcrumb { padding-top: 24px; }
  .hub-page__header { padding-top: 24px; }
  .hub-prose > p:first-child { font-size: 18px; }
  .hub-directory__item { grid-template-columns: 170px 1fr; gap: 20px; }
  .hub-directory__item img { width: 170px; height: 135px; }
}
@media (max-width: 520px) {
  .hub-prose h2 { font-size: 25px; }
  .hub-prose p, .hub-prose li { font-size: 16px; }
  .hub-directory__item { display: block; }
  .hub-directory__item img { width: 100%; height: 175px; margin-bottom: 20px; }
  .hub-directory__item--calculator img { width: 64px; height: 64px; }
  .hub-prose .hub-news__story > img { min-height: 0; height: 175px; }
}