.res { max-width: 760px; }
.res-join { margin-top: 24px; }
.res-join .micro { margin: 0; }
.res-welcome { color: var(--gold); font-weight: 600; margin: 0 0 20px; }
.res-list { display: flex; flex-direction: column; gap: 18px; }
.res-item { background: var(--surface); border: 1px solid var(--line); border-top: 4px solid var(--gold); border-radius: 8px; padding: 22px; }
.res-item .res-date { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); margin: 0 0 6px; }
.res-item h2 { font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: 30px; line-height: 1; margin: 0 0 10px; }
.res-item p { margin: 0 0 14px; color: var(--muted); }
.res-files { display: flex; flex-wrap: wrap; gap: 10px; }
.res-file { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 6px; padding: 10px 14px; color: var(--white); font-weight: 600; font-size: 15px; text-decoration: none; }
.res-file:hover, .res-file:focus-visible { border-color: var(--gold); color: var(--gold); }
.res-file small { color: var(--muted); font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 0.08em; }
.res-empty { color: var(--muted); }
.res-more { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 32px; }
.res .eyebrow a { color: inherit; text-decoration: none; }
.post-title { font-size: clamp(44px, 10vw, 76px) !important; margin-bottom: 8px !important; }
.post-date { color: var(--gold); font-weight: 600; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; margin: 0 0 18px; }
.post-body { margin: 26px 0 8px; display: flex; flex-direction: column; gap: 14px; }
.post-body .hl { border-left: 3px solid var(--gold); padding: 2px 0 2px 16px; }
.post-body .hl p { margin: 0; font-size: 18px; line-height: 1.55; color: var(--white); }
.post-body .hl strong { font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: 22px; letter-spacing: 0.02em; color: var(--white); margin-right: 4px; }
.post-body .hl ul { margin: 8px 0 0; padding-left: 20px; color: var(--muted); }
.card-box { margin-top: 26px; background: var(--surface); border: 1px solid var(--line); border-top: 4px solid var(--gold); border-radius: 8px; padding: 22px; }
.card-box h2 { font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: 30px; line-height: 1; margin: 0 0 10px; }
.card-box p { color: var(--muted); margin: 0 0 14px; }
.box-label { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; color: var(--gold) !important; margin: 0 0 8px !important; }
.box-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.join-box .res-join { margin-top: 0; padding: 0; background: none; border: 0; }
.res-link { display: block; text-decoration: none; color: inherit; }
.res-link:hover, .res-link:focus-visible { border-color: var(--gold); }
.res-read { color: var(--gold); font-weight: 700; font-size: 15px; }
.res-foot { display: flex; gap: 20px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 50px; font-size: 14px; }
.res-foot a { color: var(--muted); }