/* Long-form resource pages; inherits each brand's tokens from style.css. */
.res-main{width:min(860px,100% - 48px);margin-inline:auto;padding:28px 0 72px}
.breadcrumbs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px;padding:0;font-size:12px;color:var(--muted)}
.breadcrumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--brand);text-decoration:underline}
.res-header h1{font-size:clamp(28px,4.6vw,40px);line-height:1.12;margin:10px 0 14px;color:var(--ink);letter-spacing:-.01em}
.res-header .lead{font-size:17px;line-height:1.6;color:var(--muted);max-width:62ch;margin:0 0 10px}
.res-meta{font-size:12px;color:var(--muted);letter-spacing:.4px;margin:0 0 8px}
.res-section{margin-top:34px}
.res-section h2{font-size:21px;color:var(--ink);margin:0 0 10px;line-height:1.25}
.res-section h3{font-size:16px;color:var(--ink);margin:18px 0 6px}
.res-section p{line-height:1.62;max-width:68ch;margin:0 0 12px}
.res-section ul,.res-section ol{line-height:1.6;max-width:66ch;padding-left:22px;margin:0 0 14px}
.res-section li{margin-bottom:8px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:14px 0}
.res-table{border-collapse:collapse;width:100%;font-size:14px;min-width:560px}
.res-table caption{text-align:left;font-size:12px;color:var(--muted);padding:10px 12px 4px}
.res-table th,.res-table td{text-align:left;padding:10px 12px;border-top:1px solid var(--line);vertical-align:top;line-height:1.5}
.res-table thead th{border-top:none;background:var(--canvas);font-size:12.5px;letter-spacing:.3px}
.spec-skeleton{background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:16px 18px;overflow-x:auto;font-size:13px;line-height:1.55;margin:14px 0}
.cta-box{border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:0 12px 12px 0;background:#fff;padding:18px 20px;margin:30px 0;max-width:68ch}
.cta-box h2{margin:0 0 6px;font-size:18px;color:var(--ink)}
.cta-box p{margin:0 0 12px;color:var(--muted);line-height:1.55}
.res-faq{margin-top:34px}
.res-faq details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:10px;background:#fff}
.res-faq summary{cursor:pointer;font-weight:650;color:var(--ink);font-size:15px}
.res-faq p{margin:10px 0 2px;line-height:1.6;color:var(--muted)}
.res-cross{margin-top:36px;border-top:1px solid var(--line);padding-top:18px;font-size:14.5px}
.res-cross a{color:var(--brand)}
.res-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.res-list li{border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#fff}
.res-list h2{margin:0 0 6px;font-size:18px}
.res-list h2 a{color:var(--ink);text-decoration:none}
.res-list h2 a:hover{color:var(--brand);text-decoration:underline}
.res-list p{margin:0;color:var(--muted);line-height:1.55;font-size:14.5px}
@media (max-width:560px){.res-main{width:min(860px,100% - 32px)}}