.rh {
  --ink:#163346;--deep:#0b293d;--navy:#164e72;--blue:#28779a;--ice:#eaf5fa;
  --paper:#f7fbfd;--line:#cfe1e9;--pale:#cce9f8;--muted:#496677;
  --surface:#eaf5fa;--text:#163346;--accent:#28779a;
  padding:27px 0 34px;background:var(--surface);color:var(--text);
  font:400 15px/1.5 Roboto,Arial,sans-serif;scroll-margin-top:18px;
}
.rh,.rh *,.rh *::before,.rh *::after {box-sizing:border-box}
.rh-shell {width:min(1320px,calc(100% - 78px));margin:auto}
.rh h2,.rh-issue b,.rh-qa summary strong,.rh-archive summary>span {font-family:"Roboto Condensed",Roboto,Arial,sans-serif}
.rh a {color:inherit;text-decoration:none}
.rh a:hover {text-decoration:underline}
.rh :is(a,summary):focus-visible {outline:3px solid #6daccb;outline-offset:2px}
.rh summary {cursor:pointer;list-style:none}
.rh summary::-webkit-details-marker {display:none}
.rh h2 {margin:4px 0 5px;color:inherit;font-size:clamp(32px,4.6vw,67px);font-weight:800;line-height:.99;letter-spacing:-.035em;text-transform:none}
.rh h2 em {font-style:normal;color:var(--accent)}
.rh p {margin:6px 0 0;color:inherit}
.rh-head {display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:0 0 11px;margin-bottom:14px}
.rh-head p {margin:0;font-size:14px;opacity:.86}
.rh-kicker,.rh-tag {display:flex;align-items:center;gap:6px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.13em}
.rh-kicker {font-size:11px;letter-spacing:.14em}
.rh-kicker::before {display:block;content:"";width:25px;height:2px;background:currentColor}
.rh-tag {margin-bottom:6px}
.rh-tag b {display:grid;place-items:center;min-width:25px;min-height:22px;padding:2px;background:var(--navy);color:white;letter-spacing:.05em}
.rh-issue {display:flex;align-items:center;gap:9px;color:var(--accent);border-left:1px solid currentColor;padding-left:8px}
.rh-issue b {font-size:clamp(44px,7.2vw,100px);font-weight:900;line-height:.78;letter-spacing:-.08em}
.rh-issue span {font-size:9px;line-height:1.18;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.rh-photo {position:relative;display:block;min-width:0;min-height:165px;margin:0;overflow:hidden;background:#cfe1e9}
.rh-photo img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focus,center)}
.rh-answer p {color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:9px}
.rh-qa summary strong {overflow-wrap:break-word}
.rh-arrow {display:block;width:16px;height:16px;flex:none}
.rh a.rh-read {display:inline-flex;align-items:center;gap:6px;min-height:29px;margin-top:auto;color:var(--navy);font-size:12px;font-weight:800}

.rh-qa {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:start}
.rh-qa details {min-width:0;background:white;border:1px solid var(--line)}
.rh-qa details:first-child {grid-row:span 5}
.rh-qa summary {display:grid;grid-template-columns:105px 1fr 22px;align-items:center;gap:8px;padding-right:10px}
.rh-qa summary strong {display:block;font-size:clamp(20px,2.55vw,35px);font-weight:800;line-height:.96;letter-spacing:-.025em;color:var(--ink)}
.rh-qa summary .rh-tag {margin:0 0 3px}
.rh-qa summary .rh-photo {min-height:85px}
.rh-qa details:first-child summary {display:grid;grid-template-columns:1fr 24px;gap:5px;padding:0 9px 9px}
.rh-qa details:first-child .rh-photo {grid-column:1/-1;min-height:clamp(210px,26vw,345px);margin:0 -9px 4px}
.rh-qa details:first-child summary strong {font-size:clamp(30px,4vw,53px)}
.rh-qa details + details summary strong {font-size:clamp(18px,1.8vw,25px);font-weight:600;line-height:1.12;letter-spacing:-.01em}
.rh-answer {padding:5px 10px 10px;border-top:1px solid var(--line)}
.rh-plus {display:block;width:17px;height:17px;position:relative;color:var(--navy)}
.rh-plus::after,.rh-plus::before {content:"";position:absolute;background:currentColor;width:14px;height:1px;inset:8px auto auto 1px}
.rh-plus::after {transform:rotate(90deg)}
.rh details[open]>summary .rh-plus::after {transform:none}

.rh-archive {margin-top:12px;background:#f7fbfd;color:var(--ink);border:1px solid #cfe1e9}
.rh-archive summary {display:flex;align-items:center;gap:6px;padding:8px 10px;font-weight:800}
.rh-archive summary>span {font-size:24px}
.rh-archive summary small {color:var(--blue)}
.rh-archive summary b {margin-left:auto}
.rh-archive>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 7px 8px}
.rh-archive>div a {display:flex;justify-content:space-between;align-items:center;gap:5px;background:#eaf5fa;padding:6px;font-size:12px;font-weight:800;color:var(--navy)}
.rh-tail {display:flex;justify-content:space-between;align-items:center;gap:7px;padding:7px 0 0;font-size:12px}
.rh-tail div {display:flex;flex-wrap:wrap;gap:8px}
.rh-tail a {display:flex;align-items:center;gap:3px;font-weight:800}
.rh-tail small {opacity:.81}

@media(max-width:950px) {
  .rh-shell {width:calc(100% - 44px)}
}
@media(max-width:700px) {
  .rh {padding:13px 0 18px}
  .rh-shell {width:calc(100% - 20px)}
  .rh-head {gap:5px;padding-bottom:6px;margin-bottom:7px}
  .rh-answer p {font-size:13px}
  .rh-tag {font-size:9px}
  .rh-tag b {min-height:18px;min-width:20px}
  .rh-photo {min-height:151px}
  .rh-qa {grid-template-columns:minmax(0,1fr);gap:5px}
  .rh-qa details:first-child {grid-row:auto}
  .rh-qa summary {grid-template-columns:85px 1fr 22px}
  .rh-archive>div {grid-template-columns:repeat(2,minmax(0,1fr))}
  .rh-tail {display:block}
  .rh-tail div {margin-top:4px}
}
@media(max-width:680px) {
  .rh h2 {font-size:clamp(30px,8.2vw,44px)}
  .rh-head p {font-size:12px}
  .rh-kicker {font-size:9px}
  .rh-kicker::before {width:14px}
  .rh-issue {gap:3px;padding-left:5px}
  .rh-issue b {font-size:38px}
  .rh-issue span {font-size:8px}
}