/* REAP · styles-presskit.css · v1.14.0
   The press kit's own rules (the words, the lockups, the QR code, the event banner, the brand kit: backgrounds, clear space,
   the don'ts, the color scales, the status triad, the type rule), loaded on press-kit.html only. styles.css carries everything
   shared. Each rule here names a class that no other page uses; the build's split check keeps it that way. */

.logo-pack .card-icon { flex: none; margin: 0; }
.logo-pack a { font-weight: 600; }
.logo-pack .hint { display: block; margin-top: .15rem; }
.words { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.word { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.25rem 1.3rem 1.1rem; display: flex; flex-direction: column; gap: .55rem; }
.word.wide { grid-column: 1 / -1; }
.word-k { margin: 0; font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--deep); }
.word-t { margin: 0; font-size: clamp(1.35rem, 1.9vw, 1.7rem); line-height: 1.18; font-weight: 600; color: var(--navy); letter-spacing: -.015em; text-wrap: balance; }
.word-t .em, .word-t .prove { color: var(--blue); }
.word-t.tag { font-weight: 500; color: var(--deep); letter-spacing: 0; }
.word .hint { margin: 0; flex: 1; }
.stm-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem 1.5rem; margin: .2rem 0 .4rem; }
.stm { padding: .9rem 1rem; background: var(--mist); border-radius: var(--radius-s); }
.stm .door-kicker { color: var(--deep); }
.stm-title { margin: 0 0 .3rem; font-size: 1.3rem; font-weight: 600; color: var(--navy); line-height: 1.15; }
.stm-sent { margin: 0 0 .25rem; color: var(--navy); font-weight: 500; }
.stm-sent .em { color: var(--blue); }
.stm-sup { margin: 0; color: var(--grey); font-size: .92rem; }
.lockup-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.lockup-tile { margin: 0; display: grid; gap: .7rem; align-content: start; padding: 1.1rem 1rem .9rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.lockup-tile.dark { background: var(--navy); border-color: var(--navy); }
.lockup-tile img { width: 100%; height: auto; display: block; }
.lockup-tile figcaption { display: grid; gap: .2rem; font-size: .8rem; color: var(--grey); }
.lockup-tile.dark figcaption { color: var(--sky); }
.lockup-tile figcaption a { font-weight: 600; }
.lockup-tile.dark figcaption a { color: #fff; }
.qr-tile { display: grid; grid-template-columns: minmax(160px, 220px) 1fr; gap: 1.25rem; align-items: start; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.25rem; }
.qr-tile img { width: 100%; height: auto; display: block; }
.qr-tile h3 { margin-top: 0; }
.dl-links a { font-weight: 600; }
.banner-fig { margin: 0; display: grid; grid-template-columns: minmax(180px, 250px) 1fr; gap: 1.5rem; align-items: start; }
.banner-fig img { width: 100%; height: auto; display: block; border-radius: var(--radius-s); box-shadow: 0 14px 34px rgba(16, 44, 55, .18); }
.banner-fig figcaption h3 { margin-top: 0; }
.banner-fig ul.plain { margin: .6rem 0 .9rem; }
@media (min-width: 900px) { .two-col.img-cols { grid-template-columns: 3fr 2fr; } }
@media (max-width: 1023px) { .lockup-grid { grid-template-columns: repeat(2, 1fr); } .words { grid-template-columns: 1fr 1fr; } .word.wide { grid-column: 1 / -1; } }
@media (max-width: 859px) { .words, .stm-grid { grid-template-columns: 1fr; } .banner-fig { grid-template-columns: 1fr; } .banner-fig img { max-width: 260px; } .qr-tile { grid-template-columns: 1fr; } .qr-tile img { max-width: 220px; } }
@media (max-width: 599px) { .lockup-grid { grid-template-columns: 1fr; } }
.bg-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.bg-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bg-grid.four .bg-face img { width: min(74%, 200px); }
.bg-tile { margin: 0; display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; overflow: hidden; }
.bg-face { display: grid; place-items: center; aspect-ratio: 2 / 1; padding: 1.5rem 1.75rem; }
.bg-face img { width: min(68%, 230px); height: auto; }
.bg-meridian .bg-face { background: var(--meridian-600); }
.bg-dark .bg-face { background: var(--meridian-800); }
.bg-gradient .bg-face { background: linear-gradient(64deg, var(--meridian-800) 34%, var(--meridian-500) 80%); }
.bg-black .bg-face { background: #000; }
.bg-tile figcaption { display: grid; gap: .2rem; align-content: start; padding: .8rem 1rem .9rem; font-size: .85rem; color: var(--grey); }
.bg-tile figcaption strong { color: var(--navy); font-size: .93rem; }
.bg-tile .dl { margin-top: .2rem; }
.bg-tile .dl a, .clear-fig a { font-weight: 600; }
.r-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: .9rem; margin-top: .9rem; }
.r-tile .bg-face img { width: 64px; }
.clear-fig { margin: 0; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.25rem; align-items: center; padding: 1.1rem 1.25rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.clear-fig img { width: 100%; height: auto; }
.clear-fig figcaption { font-size: .92rem; color: var(--ink); }
.clear-fig figcaption strong { color: var(--navy); }
.donts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; }
.dont { margin: 0; display: grid; gap: .5rem; padding: .7rem .7rem .85rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.dont img { width: 100%; height: auto; }
.dont figcaption { font-size: .88rem; color: var(--ink); font-weight: 500; }
.dont-x { display: inline-grid; place-items: center; width: 1.25rem; height: 1.25rem; margin-right: .3rem; border-radius: 50%; background: var(--status-alert-subtle); color: var(--status-alert-ink); font-weight: 600; line-height: 1; }
.scale { list-style: none; margin: 0 0 .5rem; padding: 0; display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: .45rem; }
.step { display: grid; gap: .15rem; align-content: start; min-width: 0; }
.step .swatch { display: block; height: 64px; border-radius: var(--radius-s); background: var(--c); margin-bottom: .3rem; }
.step-n { font-size: .69rem; font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--navy); }
.step-l { font-size: .7rem; color: var(--grey); }
.step-r { font-size: .7rem; line-height: 1.3; color: var(--deep); font-weight: 500; }
.triad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; margin-bottom: .75rem; }
.tri { display: grid; grid-template-columns: 1rem minmax(0, 1fr); column-gap: .65rem; row-gap: .2rem; align-items: center; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); }
.tri strong { color: var(--ink); }
.tri .hint { font-family: var(--mono); font-size: .74rem; font-variant-ligatures: none; }
.tri-healthy { background: var(--status-healthy-subtle); border-color: var(--status-healthy-line); }
.tri-healthy .dot { background: var(--status-healthy); }
.tri-alert { background: var(--status-alert-subtle); border-color: hsl(339 100% 85%); }
.tri-alert .dot { background: var(--status-alert); }
.tri-warning { background: var(--status-warning-subtle); border-color: var(--status-warning-line); }
.tri-warning .dot { background: var(--status-warning); }
.tri-healthy button.hex { color: var(--status-healthy-ink); }
.tri-alert button.hex { color: var(--status-alert-ink); }
.tri-warning button.hex { color: var(--status-warning-ink); }
.type-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.type-card { min-width: 0; padding: 1.3rem 1.4rem 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.type-k { margin: 0; font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--deep); }
.type-aa { margin: .35rem 0 .7rem; font-size: 4.25rem; line-height: 1; font-weight: 600; color: var(--blue); letter-spacing: -.02em; }
.type-aa.mono { font-family: var(--mono); font-size: 4.25rem; font-weight: 400; letter-spacing: 0; }
.tw { margin: 0 0 .35rem; color: var(--navy); }
.tw.w800 { font-weight: 800; font-size: 1.6rem; letter-spacing: -.02em; line-height: 1.15; }
.tw.w600 { font-weight: 600; font-size: 1.25rem; }
.tw.w500 { font-weight: 500; font-size: 1.05rem; color: var(--deep); }
.tw.w400 { font-weight: 400; font-size: 1rem; color: var(--ink); margin-bottom: .9rem; }
.tw .em, .tw .prove { color: var(--blue); }
pre.evidence { margin: 0 0 .9rem; padding: .95rem 1.05rem; border-radius: var(--radius-s); background: var(--meridian-950); color: var(--meridian-50); font-size: .8rem; line-height: 1.55; overflow-x: auto; white-space: pre; }
ul.checks li { position: relative; padding-left: 1.6rem; }
ul.checks li::before { content: ""; position: absolute; left: .2rem; top: .62em; width: .65rem; height: .34rem; border-left: 2px solid var(--blue); border-bottom: 2px solid var(--blue); transform: rotate(-45deg); }
@media (max-width: 1023px) { .bg-grid, .bg-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); } .donts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .scale { grid-template-columns: repeat(7, minmax(0, 1fr)); row-gap: .9rem; } }
@media (max-width: 859px) { .r-row, .clear-fig, .type-grid, .triad { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 599px) { .bg-grid, .bg-grid.four { grid-template-columns: minmax(0, 1fr); } .bg-face { aspect-ratio: auto; padding: 1.6rem 1.25rem; } .bg-face img { width: min(62%, 210px); } .scale { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem .9rem; } .step { grid-template-columns: 2.4rem minmax(0, 1fr); column-gap: .6rem; row-gap: 0; align-items: center; } .step .swatch { grid-row: 1 / span 4; height: 2.4rem; margin: 0; align-self: start; } .type-aa, .type-aa.mono { font-size: 3.25rem; } pre.evidence { font-size: .72rem; } }
@media print { .bg-tile, .dont, .type-card, .tri, .step { break-inside: avoid; } .bg-face, .swatch, .tri, .dot, pre.evidence { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }