/* Allpay API Docs — component styles. Every color, radius and font comes from tokens.css (tokens.json). */

/* ---------- base ---------- */
.ad-root{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased}
.ad-root *,.ad-root *::before,.ad-root *::after{box-sizing:border-box}
/* :where() keeps these at zero class weight so every component class wins */
:where(.ad-root) a{color:var(--accent-text);text-underline-offset:2px}
:where(.ad-root) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(.ad-root) button{font:inherit;color:inherit}
.ad-code-inline,.ad-root code.ad-code-inline{font-family:var(--font-mono);font-size:.9em;background:var(--fill);padding:1px 5px;border-radius:var(--radius-xs)}
.ad-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.ad-root *{transition:none!important;animation:none!important}}

/* ---------- buttons & controls ---------- */
.ad-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text);font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;white-space:nowrap;text-decoration:none}
.ad-btn:hover{background:var(--surface)}
.ad-btn--primary{border-color:var(--strong);background:var(--strong);color:var(--on-strong)}
.ad-btn--primary:hover{background:var(--strong);opacity:.9}
.ad-btn--link{border-color:transparent;background:transparent;color:var(--accent-text);padding:0 6px}
.ad-btn--sm{min-height:32px;padding:0 10px;font-size:13px}
.ad-btn--icon{width:42px;min-height:42px;padding:0}
.ad-btn svg{flex:0 0 auto}
.ad-segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--fill)}
.ad-segmented button{height:36px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer}
.ad-segmented button[aria-pressed="true"]{background:var(--card);color:var(--text)}
.ad-label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:4px}
.ad-input,.ad-textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--card);color:var(--text);font:inherit;font-size:14px}
.ad-input{height:40px;padding:0 12px}
.ad-textarea{padding:10px 12px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;resize:vertical}
.ad-input--mono{font-family:var(--font-mono);font-size:12.5px}
.ad-hint{font-size:12.5px;line-height:1.45;color:var(--text-3);margin-top:4px}

/* ---------- badges, chips, tags ---------- */
.ad-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.03em;line-height:1.4;padding:1px 7px;border-radius:var(--radius-xs)}
.ad-badge--req{color:var(--err-fg);background:var(--err-bg)}
.ad-badge--v15{color:var(--info-fg);background:var(--info-bg)}
.ad-method{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1.5;padding:2px 8px;border-radius:var(--radius-xs);background:var(--method);color:var(--on-method)}
.ad-method--hook{background:var(--strong);color:var(--on-strong)}
.ad-pill{display:inline-block;font-family:var(--font-mono);font-size:12px;padding:2px 8px;border-radius:var(--radius-full);background:var(--chip);color:var(--chip-text);white-space:nowrap}
.ad-chip{display:inline-block;font-family:var(--font-mono);font-size:12.5px;font-weight:600;padding:0 7px;border-radius:var(--radius-xs);background:var(--chip);color:var(--chip-text)}

/* ---------- shell ---------- */
.ad-shell{min-height:100vh}
.ad-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px var(--space-24);border-bottom:1px solid var(--border);background:var(--card)}
.ad-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
.ad-brand__logo{display:block;width:102px;height:24px;color:var(--text)}
.ad-brand__divider{width:1px;height:18px;background:var(--border)}
.ad-brand__name{font-size:15px;font-weight:500;color:var(--text-2)}
.ad-search{flex:1 1 180px;display:flex}
.ad-search .ad-input{max-width:440px;background:var(--surface)}
.ad-body{display:flex;flex-wrap:wrap;align-items:stretch}
.ad-main{flex:999 1 560px;min-width:0;display:flex;flex-wrap:wrap;align-items:stretch}
.ad-article{flex:3 1 var(--layout-article);min-width:0;padding:36px clamp(20px,3vw,48px) 64px;background:var(--card)}
.ad-codepanel{flex:2 1 var(--layout-code);min-width:0;background:var(--code-bg);color:var(--code-text)}
.ad-codepanel__inner{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:28px 20px 40px}
.ad-codepanel__note{margin:0;font-size:12.5px;color:var(--code-muted)}
@media (max-width:1180px){.ad-copy-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ad-copy-page{width:42px;padding:0}}
@media (max-width:1100px){.ad-codepanel{display:none}.ad-disclosure{display:block}}
@media (max-width:1000px){.ad-search{order:9;flex-basis:100%}.ad-search .ad-input{max-width:none}.ad-brand{margin-inline-end:auto}}
@media (max-width:760px){.ad-header{padding:12px 20px;gap:10px 8px}.ad-pill--version,.ad-hide-phone{display:none}}

/* ---------- navigation ---------- */
.ad-nav{flex:1 1 var(--layout-nav);max-width:272px;padding:20px 12px 40px;border-right:1px solid var(--border);background:var(--nav)}
.ad-nav__group{margin-bottom:18px}
.ad-nav__label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:0 10px 4px}
.ad-nav__item{display:flex;width:100%;align-items:center;gap:8px;min-height:34px;padding:5px 10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);font-size:14px;line-height:1.35;text-align:start;cursor:pointer;text-decoration:none}
.ad-nav__item:hover{background:var(--fill)}
.ad-nav__item[aria-current="page"]{background:var(--accent-subtle);color:var(--accent-text);font-weight:600}
.ad-nav__title{flex:1 1 auto}
.ad-nav__tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;color:var(--text-3)}
.ad-nav__tag--new,.ad-nav__item[aria-current="page"] .ad-nav__tag{color:var(--info-fg)}
.ad-contents{display:none;flex:1 1 100%;align-items:center;justify-content:space-between;min-height:48px;padding:0 20px;border:0;border-bottom:1px solid var(--border);background:var(--nav);font-size:14px;text-align:start;cursor:pointer}
@media (max-width:760px){.ad-contents{display:flex}.ad-nav{display:none}.ad-nav.is-open{display:block;max-width:none;flex-basis:100%;border-right:0;border-bottom:1px solid var(--border)}}

/* ---------- page head ---------- */
.ad-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--text-3);margin-bottom:8px}
.ad-title{margin:0 0 10px;font-size:32px;line-height:1.2;letter-spacing:-.02em;font-weight:650;text-wrap:balance}
.ad-lead{margin:0 0 22px;max-width:var(--layout-measure);font-size:16.5px;line-height:1.55;color:var(--text-2)}
.ad-endpoint{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 8px 8px 10px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.ad-endpoint__url{flex:1 1 260px;min-width:0;font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere}
.ad-endpoint__url b{color:var(--accent-text);font-weight:700}
.ad-facts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}
.ad-fact{font-size:13px;padding:3px 10px;border-radius:var(--radius-full);background:var(--fill)}
.ad-fact__k{color:var(--text-3)}

/* ---------- key rules ---------- */
.ad-rules{margin-bottom:32px;padding:16px 20px;border-radius:var(--radius-md);background:var(--accent-subtle)}
.ad-rules__title{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.ad-rules ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ad-rules li{display:flex;gap:12px;font-size:14.5px;line-height:1.5}
.ad-rule-id{flex:0 0 26px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent-text);padding-top:2px}

/* ---------- sections ---------- */
.ad-section{margin-bottom:40px}
.ad-section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid var(--strong)}
.ad-section__title{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.01em;font-weight:650}
.ad-section__aside{font-size:13px;color:var(--text-3)}
.ad-section__body{display:flex;flex-direction:column;gap:16px}
.ad-subhead{margin:4px 0 10px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}
.ad-p{margin:0;max-width:var(--layout-measure);white-space:pre-line}

/* ---------- callouts ---------- */
.ad-callout{display:flex;gap:12px;max-width:760px;padding:14px 16px;border-radius:var(--radius-md);font-size:14.5px;line-height:1.55;--c-bg:var(--info-bg);--c-fg:var(--info-fg);background:var(--c-bg)}
.ad-callout__icon{flex:0 0 20px;width:20px;height:20px;margin-top:2px;color:var(--c-fg)}
.ad-callout__label{font-weight:700;color:var(--c-fg)}
.ad-callout--warn{--c-bg:var(--warn-bg);--c-fg:var(--warn-fg)}
.ad-callout--err{--c-bg:var(--err-bg);--c-fg:var(--err-fg)}
.ad-callout--ok{--c-bg:var(--ok-bg);--c-fg:var(--ok-fg)}
.ad-callout--sec{--c-bg:var(--accent-subtle);--c-fg:var(--chip-text)}
.ad-callout--tip{--c-bg:var(--fill);--c-fg:var(--text-2)}

/* ---------- steps ---------- */
.ad-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;max-width:740px;counter-reset:ad-step}
.ad-steps li{display:flex;gap:12px;align-items:flex-start;counter-increment:ad-step}
.ad-steps li::before{content:counter(ad-step);flex:0 0 24px;height:24px;margin-top:1px;border-radius:var(--radius-full);background:var(--strong);color:var(--on-strong);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* ---------- fields ---------- */
.ad-fields__group{margin-bottom:10px}
.ad-fields__label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:8px 0 4px}
.ad-field{display:flex;flex-wrap:wrap;gap:6px 20px;padding:14px 0;border-top:1px solid var(--border-soft);scroll-margin-top:16px}
.ad-field[data-depth="1"]{padding-inline-start:22px}
.ad-field[data-depth="2"]{padding-inline-start:44px}
.ad-field:target{background:var(--accent-subtle)}
.ad-field__head{flex:0 0 200px;min-width:0}
.ad-field__namerow{display:flex;align-items:flex-start;gap:4px}
.ad-field__name{min-width:0;font-family:var(--font-mono);font-size:13.5px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.ad-field__prefix{color:var(--text-3);font-weight:400}
.ad-field__anchor{flex:0 0 auto;min-width:22px;height:22px;padding:0 5px;border:0;border-radius:var(--radius-xs);background:var(--fill);color:var(--accent-text);font-size:12px;font-weight:700;line-height:22px;cursor:pointer;opacity:0;transition:opacity 100ms}
.ad-field:hover .ad-field__anchor,.ad-field__anchor:focus-visible,.ad-field__anchor.is-copied{opacity:1}
@media (hover:none){.ad-field__anchor{opacity:.55}}
.ad-field__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.ad-field__type{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}
.ad-field__badges{margin-top:6px}
.ad-field__desc{flex:1 1 280px;min-width:0;font-size:14.5px;line-height:1.55}
.ad-field__text{white-space:pre-line}
.ad-values{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.ad-value{display:flex;gap:10px;align-items:baseline}
.ad-value .ad-chip{flex:0 0 auto;min-width:28px;text-align:center}
.ad-value__m{font-size:14px;color:var(--text-2)}
.ad-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ad-field__note{margin-top:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--warn-bg);font-size:13.5px;line-height:1.5}
.ad-field__note b{color:var(--warn-fg)}

/* ---------- tables & error lists ---------- */
.ad-table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}
.ad-table table{width:100%;min-width:480px;border-collapse:collapse;font-size:14px;line-height:1.5}
.ad-table th{padding:9px 14px;background:var(--surface);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);text-align:start}
.ad-table td{padding:10px 14px;border-top:1px solid var(--border-soft);vertical-align:top;overflow-wrap:anywhere}
.ad-table td.ad-mono{font-family:var(--font-mono)}
.ad-table td.ad-key{font-family:var(--font-mono);font-weight:650}
.ad-ok{color:var(--ok-fg)}
.ad-err{color:var(--err-fg)}
.ad-mono{font-family:var(--font-mono)}
.ad-key{font-family:var(--font-mono);font-weight:650}
/* grid variant: for templates that cannot repeat rows inside <table> (Design canvas) */
.ad-table__grid{min-width:480px}
.ad-table__head,.ad-table__row{display:grid;gap:16px;padding:10px 14px}
.ad-table__head{padding-block:9px;background:var(--surface);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}
.ad-table__row{border-top:1px solid var(--border-soft);font-size:14px;line-height:1.5}
.ad-table__row>*{min-width:0;overflow-wrap:anywhere}
.ad-pre{margin:0;padding:14px 16px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-mono);font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-all}
.ad-table,.ad-tool__rows,.ad-codepanel__inner,.ad-textarea{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.ad-codepanel__inner{scrollbar-color:var(--scrollbar) transparent}
.ad-errors{display:flex;flex-direction:column;gap:6px}
.ad-errors__row{display:flex;gap:12px;align-items:baseline;font-size:14.5px}
.ad-errors__code{flex:0 0 40px;font-family:var(--font-mono);font-weight:700;color:var(--err-fg)}

/* ---------- code ---------- */
.ad-code{border:1px solid var(--code-line);border-radius:var(--radius-md);overflow:hidden;background:var(--code-bg);color:var(--code-text)}
.ad-code+.ad-code{margin-top:20px}
.ad-code__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 12px;background:var(--code-head);border-bottom:1px solid var(--code-line)}
.ad-code__title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--code-muted)}
.ad-code__tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.ad-code__tab{height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--code-text);font-size:12.5px;font-weight:500;cursor:pointer}
.ad-code__tab[aria-pressed="true"]{background:var(--code-tab-on);color:#18181d}
.ad-code__copy{height:30px;padding:0 10px;border:1px solid var(--code-line);border-radius:var(--radius-sm);background:transparent;color:var(--code-text);font-size:12.5px;cursor:pointer}
.ad-code__body{overflow-x:auto;padding:12px 0 10px;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}
.ad-code__body::-webkit-scrollbar{height:6px;width:6px}
.ad-code__body::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--radius-full)}
.ad-code__body pre{margin:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;counter-reset:ad-ln}
.ad-code__line{display:block;white-space:pre;padding-right:16px;counter-increment:ad-ln}
.ad-code__line::before{content:counter(ad-ln);display:inline-block;width:36px;padding-right:12px;text-align:right;color:var(--code-gutter);user-select:none}
.tok-key{color:var(--syn-key)}.tok-str{color:var(--syn-string)}.tok-num{color:var(--syn-number)}.tok-kw{color:var(--syn-keyword)}.tok-com{color:var(--syn-comment)}.tok-var{color:var(--syn-variable)}
.ad-disclosure{display:none;margin:0 0 28px;border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-text);overflow:hidden}
.ad-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;font-size:14px;font-weight:600;list-style:none;cursor:pointer}
.ad-disclosure>summary::-webkit-details-marker{display:none}
.ad-disclosure>summary svg{transition:transform 200ms}
.ad-disclosure[open]>summary svg{transform:rotate(180deg)}
.ad-disclosure__body{padding:0 10px 12px}
.ad-disclosure--always{display:block}
@media (max-width:1100px){.ad-disclosure{display:block}}
.ad-markdown{margin:0;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);font-family:var(--font-mono);font-size:13px;line-height:1.65;white-space:pre-wrap;word-break:break-word}

/* ---------- sequence diagram ---------- */
.ad-seq{margin:0;padding:14px 10px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.ad-seq__lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:6px}
.ad-seq__lane{justify-self:center;padding:5px 10px;border-radius:var(--radius-md);background:var(--card);font-size:12.5px;font-weight:650;text-align:center}
.ad-seq__lane--allpay{background:var(--accent-subtle);color:var(--accent-text)}
.ad-seq__body{position:relative}
.ad-seq__body::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--border-strong),var(--border-strong)) 16.667% 0/1px 100% no-repeat,linear-gradient(var(--border-strong),var(--border-strong)) 50% 0/1px 100% no-repeat,linear-gradient(var(--border-strong),var(--border-strong)) 83.333% 0/1px 100% no-repeat;opacity:.6}
.ad-seq__steps{position:relative;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:4px}
.ad-seq__step{min-width:0;padding:4px 0;color:var(--text)}
.ad-seq__step--ret{color:var(--text-2)}
.ad-seq__step--hook{color:var(--accent-text)}
.ad-seq__label{padding:0 6px 3px;font-size:12.5px;line-height:1.35;text-align:center;color:var(--text)}
.ad-seq__n{font-weight:700;color:var(--text-3)}
.ad-seq__line{display:flex;align-items:center}
.ad-seq__line i{flex:1 1 auto;border-top:1.5px solid currentColor}
.ad-seq__step--ret .ad-seq__line i{border-top-style:dashed}
.ad-seq__line svg{flex:0 0 8px;width:8px;height:10px;fill:currentColor}
.ad-seq__note{margin:2px 4px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);font-size:12.5px;line-height:1.4;text-align:center}
.ad-seq__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px;color:var(--text-2)}
.ad-seq__legend i{display:inline-block;width:22px;vertical-align:middle;border-top:1.5px solid var(--text)}
.ad-seq__legend i.ret{border-top:1.5px dashed var(--text-2)}
.ad-seq__legend i.hook{border-top-color:var(--accent-text)}

/* ---------- flow cards ---------- */
.ad-flows{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ad-flow{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}
.ad-flow__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.ad-flow__title{margin:-4px 0 0;font-size:17px;font-weight:650}
.ad-flow__steps{margin:0;padding-inline-start:18px;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:4px}
.ad-flow__best{margin-top:auto;font-size:13.5px;color:var(--text-2)}
.ad-flow__best b{color:var(--text);font-weight:600}
.ad-flow__links{display:flex;flex-wrap:wrap;gap:6px}

/* ---------- signature tool ---------- */
.ad-tool{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--card)}
.ad-tool__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:10px 14px;background:var(--accent-subtle)}
.ad-tool__title{font-size:14px;font-weight:650}
.ad-tool__inputs{display:flex;flex-wrap:wrap;gap:12px;padding:14px}
.ad-tool__inputs>:first-child{flex:2 1 280px;min-width:0}
.ad-tool__inputs>:last-child{flex:1 1 200px;min-width:0}
.ad-tool__out{display:flex;flex-direction:column;gap:14px;padding:0 14px 16px}
.ad-tool__step{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);margin-bottom:6px}
.ad-tool__rows{max-height:220px;overflow:auto;border:1px solid var(--border-soft);border-radius:var(--radius-md)}
.ad-tool__row{display:flex;gap:12px;padding:4px 10px;border-top:1px solid var(--border-soft);font-family:var(--font-mono);font-size:12.5px}
.ad-tool__row:first-child{border-top:0}
.ad-tool__row span:first-child{flex:0 0 44%;min-width:0;overflow-wrap:anywhere}
.ad-tool__row span:last-child{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.ad-tool__row--skip{color:var(--text-3)}
.ad-tool__value{margin:0;padding:10px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-all}
.ad-verdict{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-md);font-size:13.5px}
.ad-verdict b{font-weight:700}
.ad-verdict--ok{background:var(--ok-bg)}.ad-verdict--ok b{color:var(--ok-fg)}
.ad-verdict--err{background:var(--err-bg)}.ad-verdict--err b{color:var(--err-fg)}

/* ---------- changelog, links, pager ---------- */
.ad-release{display:flex;flex-wrap:wrap;gap:8px 24px}
.ad-release+.ad-release{margin-top:28px}
.ad-release__when{flex:0 0 150px}
.ad-release__date{font-weight:650}
.ad-release__ver{margin-top:4px}
.ad-release__items{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:12px;font-size:14.5px}
.ad-release__items h4{margin:0 0 2px;font-size:15px;font-weight:650}
.ad-release__items p{margin:0;white-space:pre-line}
.ad-links{display:flex;flex-direction:column}
.ad-link-row{display:flex;flex-wrap:wrap;gap:4px 16px;padding:12px 0;border-top:1px solid var(--border-soft)}
.ad-link-row a{flex:0 0 220px;font-weight:600}
.ad-link-row span{flex:1 1 260px;color:var(--text-2);font-size:14.5px}
.ad-pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}
.ad-pager__btn{min-height:56px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);cursor:pointer;text-align:start}
.ad-pager__btn--next{margin-inline-start:auto;text-align:end}
.ad-pager__dir{font-size:12px;color:var(--text-3)}
.ad-pager__title{font-size:15px;font-weight:600}
/* DocFooter */
.ad-footer{border-top:1px solid var(--border);background:var(--card);color:var(--text-2);font-size:14px;line-height:1.45}
.ad-footer__inner{display:flex;flex-wrap:wrap;gap:32px 48px;padding:40px var(--space-24) 32px}
.ad-footer__brand{flex:1 1 220px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ad-footer__note{margin:0;font-size:13px;color:var(--text-3)}
.ad-footer__cols{flex:4 1 640px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:28px 32px}
.ad-footer__label{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.ad-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ad-footer__link{display:inline;padding:0;border:0;background:none;font:inherit;text-align:start;cursor:pointer;color:var(--text-2);text-decoration:none}
:where(.ad-root) a.ad-footer__link{color:var(--text-2)}
.ad-footer__link:hover,:where(.ad-root) a.ad-footer__link:hover{color:var(--text);text-decoration:underline}
.ad-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:16px var(--space-24);border-top:1px solid var(--border-soft);font-size:13px;color:var(--text-3)}
.ad-footer__bottom .ad-footer__link{color:var(--text-3)}
@media (max-width:760px){.ad-footer__inner{padding:32px 20px 24px;gap:28px}.ad-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.ad-footer__bottom{padding:16px 20px}}
@media (max-width:420px){.ad-footer__cols{grid-template-columns:1fr}}