/* HTTP security headers tool: the few things tools.css doesn't cover.
   Subheadings inside result cards, and dividers between redirect steps and
   between cookies. */

.card-body h3.sub-head { margin: 4px 0 0; font-size: 14px; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.card-body h3.sub-head.mono { font-family: var(--font-mono); font-size: var(--mono-size); letter-spacing: 0; margin: 0; }

ol.chain > li { display: grid; gap: 6px; }
ol.chain > li + li { border-top: 1px solid var(--line); margin-top: 4px; padding-top: 10px; }

.cookie > .node { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.cookie + .cookie { border-top: 1px solid var(--line); padding-top: 14px; }
.cookie .attrs { margin: 0; font-size: 13px; line-height: 1.6; color: var(--ink-3); overflow-wrap: anywhere; }