/* Public identity reference and corporate introduction to the newsroom. */
.kit-endpoint { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 24px; border:1px solid var(--strong); border-radius:var(--card-radius); background:var(--surface); }
.kit-endpoint > div { min-width:0; }
.kit-endpoint > div > span { display:block; color:var(--muted); font-size:12px; margin-bottom:10px; }
.kit-endpoint a { display:block; overflow-wrap:anywhere; }
.kit-endpoint code { font-family:inherit; color:var(--accent); font-size:clamp(16px,2vw,22px); }
.kit-action { display:none; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 16px; border:1px solid var(--strong); border-radius:8px; background:transparent; color:var(--text); font-family:inherit; font-size:14px; flex-shrink:0; transition:background 180ms ease,border-color 180ms ease; }
.js-enabled .kit-action { display:inline-flex; }
.kit-action:hover { background:var(--accent-dim); border-color:var(--accent); }
.kit-primary-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:24px; }
.kit-primary-actions .text-link { white-space:normal; line-height:1.6; }
.kit-copy-status { min-height:22px; margin:16px 0 24px; color:var(--accent); font-size:13px; line-height:1.6; }
.kit-resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--card-gap); }
.kit-resource-grid article { padding:var(--card-padding); border:1px solid var(--line); border-radius:var(--card-radius); background:var(--surface); }
.kit-resource-grid h3 { font-size:22px; line-height:1.3; margin:24px 0 16px; }
.kit-resource-grid p { min-height:126px; font-size:14px; line-height:1.75; color:var(--muted); margin:0 0 20px; }
.kit-resource-grid a { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; padding-block:8px; font-size:13px; border-top:1px solid var(--line); }
.kit-resource-grid a:hover { color:var(--accent); }
.kit-prompt-preview { margin-top:28px; border:1px solid var(--line); border-radius:var(--card-radius); overflow:clip; }
.kit-prompt-preview summary { display:flex; align-items:center; justify-content:space-between; min-height:56px; padding:16px 22px; cursor:pointer; list-style:none; font-size:14px; }
.kit-prompt-preview summary::-webkit-details-marker { display:none; }
.kit-prompt-preview summary:focus-visible { outline-offset:-3px; }
.kit-prompt-preview[open] summary { border-bottom:1px solid var(--line); }
.kit-prompt-preview[open] svg { transform:rotate(180deg); }
.kit-prompt-preview textarea { display:block; width:100%; height:340px; resize:vertical; padding:22px; border:0; background:var(--surface); color:var(--muted); font:14px/1.7 var(--sans); border-radius:0; }
.kit-start { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:36px; }
.kit-start h3 { font-size:21px; margin:0 0 18px; }
.kit-start ol { padding-left:22px; margin:0; }
.kit-start li,.kit-start p { color:var(--muted); font-size:14px; line-height:1.75; margin:0 0 12px; }
.kit-start a { color:var(--text); text-decoration:underline; text-underline-offset:4px; }
.kit-start pre { padding:20px; border:1px solid var(--line); border-radius:8px; background:var(--surface); font:12px/1.75 Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; margin:0 0 14px; }
@media(max-width:59.999rem) { .kit-resource-grid { grid-template-columns:minmax(0,1fr); } .kit-resource-grid p { min-height:0; } }
@media(max-width:47.999rem) { .kit-endpoint { align-items:start; flex-direction:column; gap:16px; padding:20px; } .kit-primary-actions { align-items:stretch; flex-direction:column; gap:12px; } .kit-primary-actions .button,.kit-primary-actions .kit-action { justify-content:space-between; min-height:52px; } .kit-start { grid-template-columns:minmax(0,1fr); gap:24px; } .kit-prompt-preview textarea { padding:18px; font-size:13px; } }
.brand-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:64px; }
.brand-intro-mark { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:36px; min-height:280px; }
.brand-intro-mark img { width:min(100%,300px); height:auto; }
.brand-intro-mark span { color:var(--muted); font-size:13px; }
.brand-jump { display:flex; flex-wrap:wrap; gap:8px 28px; max-width:var(--content); margin:0 var(--gutter); padding:14px 0; border-top:1px solid var(--line); }
.brand-jump a { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); font-size:14px; }
.brand-jump a:hover { color:var(--accent); }
.brand-section { scroll-margin-top:24px; }
.brand-section-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; align-items:end; margin-bottom:36px; }
.brand-section-heading > p { max-width:52ch; margin:0; color:var(--muted); font-size:16px; line-height:1.75; }
.brand-logo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--card-gap); }
.brand-logo-card { border:1px solid var(--line); border-radius:var(--card-radius); background:var(--surface); overflow:clip; }
.brand-logo-stage { display:grid; place-items:center; min-height:250px; padding:56px; background:var(--bg); border-bottom:1px solid var(--line); }
.brand-logo-stage img { display:block; width:100%; max-width:340px; height:auto; }
.brand-logo-stage.symbol-stage img { max-width:160px; }
.brand-asset-info { padding:var(--card-padding); }
.brand-asset-info h3,.brand-rules h3 { font-size:19px; margin:0 0 12px; }
.brand-asset-info p,.brand-rules p { color:var(--muted); font-size:14px; line-height:1.75; margin:0; }
.brand-asset-info .text-link { margin-top:18px; color:var(--text); }
.brand-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:36px; }
.brand-footnote { padding-top:24px; margin:28px 0 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.75; }
.brand-footnote a { color:var(--text); text-decoration:underline; text-underline-offset:4px; }
.brand-colors { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--card-gap); }
.brand-swatch { border:1px solid var(--line); border-radius:var(--card-radius); overflow:clip; }
.swatch-preview { height:160px; border-bottom:1px solid var(--line); }
.swatch-preview.midnight { background:#000222; }
.swatch-preview.surface { background:#090B2C; }
.swatch-preview.lavender { background:#968EFF; }
.swatch-preview.white { background:#FAFAFA; }
.swatch-info { padding:20px; }
.swatch-info h3 { font-size:20px; margin:0 0 8px; }
.swatch-info p { min-height:44px; font-size:13px; line-height:1.6; color:var(--muted); margin:0 0 14px; }
.swatch-info button { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:44px; padding:8px 0; gap:8px; color:var(--text); background:transparent; border:0; border-top:1px solid var(--line); text-align:left; font-size:13px; }
.swatch-info button > span:last-child { color:var(--accent); }
.swatch-info button:hover { color:var(--accent); }
.brand-copy-status { min-height:20px; color:var(--accent); font-size:13px; margin:18px 0 0; }
.brand-type-specimen { border:1px solid var(--line); border-radius:var(--card-radius); padding:clamp(24px,4vw,48px); background:var(--surface); }
.brand-type-specimen > span { font-size:13px; color:var(--muted); }
.brand-type-display { margin:30px 0; font-size:clamp(34px,6vw,76px); letter-spacing:-.04em; line-height:1.1; }
.brand-type-alphabet { margin:0 0 28px; color:var(--accent); font-size:clamp(17px,2.8vw,28px); line-height:1.7; overflow-wrap:anywhere; }
.brand-type-body { max-width:60ch; margin:0; color:var(--muted); font-size:17px; line-height:1.75; }
.brand-measures { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--card-gap); }
.brand-measures article { border:1px solid var(--line); border-radius:var(--card-radius); background:var(--surface); padding:var(--card-padding); }
.brand-measures strong { display:block; color:var(--accent); font-size:48px; font-weight:400; letter-spacing:-.04em; margin-bottom:24px; }
.brand-measures strong span { font-size:17px; letter-spacing:0; margin-left:4px; }
.brand-measures h3 { font-size:19px; margin:0 0 12px; }
.brand-measures p,.brand-voice p { font-size:14px; line-height:1.75; color:var(--muted); margin:0; }
.brand-voice { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--card-gap); }
.brand-voice article { border:1px solid var(--line); border-radius:var(--card-radius); padding:var(--card-padding); }
.brand-voice span { display:block; color:var(--accent); font-size:13px; margin-bottom:20px; }
.brand-voice h3 { font-size:24px; line-height:1.4; margin:0 0 14px; }
.brand-end { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:40px; border-top:1px solid var(--line); padding-top:24px; }
.brand-end p { margin:0; font-size:20px; }
.news-destination { color:var(--muted); font-size:12px; line-height:1.6; margin:20px 0 0; }
.news-edition { min-width:0; border:1px solid var(--strong); border-radius:var(--card-radius); background:var(--surface); padding:32px; }
.news-edition-brand { display:flex; align-items:center; gap:22px; padding-bottom:28px; margin-bottom:32px; border-bottom:1px solid var(--line); }
.news-edition-brand img { width:160px; height:auto; }
.news-edition-brand > span { color:var(--muted); font-size:15px; border-left:1px solid var(--line); padding-left:22px; }
.news-edition > p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:1.7; margin:24px 0; }
.news-edition > a { display:flex; align-items:center; justify-content:space-between; min-height:56px; gap:16px; border-top:1px solid var(--line); font-size:14px; }
.news-edition > a:hover { color:var(--accent); }
.news-section-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--card-gap); }
.news-section-grid a { display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid var(--line); border-radius:var(--card-radius); padding:var(--card-padding); background:var(--surface); min-height:148px; transition:background 180ms ease,border-color 180ms ease; }
.news-section-grid a:hover { background:var(--accent-dim); border-color:var(--accent); }
.news-section-grid strong { display:block; font-size:26px; font-weight:400; margin-bottom:12px; }
.news-section-grid small { display:block; max-width:36ch; color:var(--muted); font-size:14px; line-height:1.65; }
.news-section-grid svg { color:var(--accent); }
.news-help { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; }
.news-help > div > p:not(.eyebrow) { margin:24px 0 0; max-width:50ch; color:var(--muted); font-size:16px; line-height:1.75; }
.news-help-links a { display:flex; align-items:center; justify-content:space-between; min-height:96px; gap:16px; padding-block:18px; border-bottom:1px solid var(--line); }
.news-help-links strong { display:block; font-size:18px; font-weight:400; }
.news-help-links small { display:block; color:var(--muted); margin-top:8px; font-size:13px; line-height:1.6; }
.news-help-links a:hover { color:var(--accent); }
@media(min-width:1280px) { .brand-jump { margin-inline:auto; } }
@media(max-width:59.999rem) { .brand-intro { grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:32px; } .brand-colors { grid-template-columns:repeat(2,minmax(0,1fr)); } .brand-section-heading { gap:32px; } .brand-rules { gap:24px; } }
@media(max-width:47.999rem) { .brand-intro,.brand-section-heading,.brand-logo-grid,.brand-rules,.brand-measures,.brand-voice,.news-section-grid,.news-help { grid-template-columns:minmax(0,1fr); gap:24px; } .brand-intro-mark { min-height:0; padding:28px 0 8px; gap:22px; } .brand-intro-mark img { width:170px; } .brand-jump { gap:4px 20px; } .brand-logo-stage { min-height:190px; padding:36px; } .brand-logo-stage.symbol-stage img { max-width:130px; } .brand-colors { gap:12px; } .swatch-preview { height:110px; } .swatch-info { padding:16px; } .swatch-info h3 { font-size:18px; } .swatch-info p { min-height:62px; } .swatch-info button { font-size:12px; flex-wrap:wrap; } .brand-type-body { font-size:15px; } .brand-measures strong { margin-bottom:16px; } .news-edition { padding:24px; } .news-edition-brand { gap:16px; } .news-edition-brand img { width:140px; } .news-edition-brand > span { padding-left:16px; } .news-section-grid a { min-height:128px; } }
@media(prefers-reduced-motion:reduce) { .news-section-grid a { transition:none; } }