/* Supplemental styling for live article structures; the approved pilot is unchanged. */
.art-language[hidden],.art-card[hidden]{display:none!important}
.art-body h3{font-size:22px;line-height:1.3;margin:28px 0 12px}
.art-body ul,.art-body ol{font-size:18px;line-height:1.7;color:#2b3a55;margin:0 0 20px;padding-left:26px}
.art-body li{margin-bottom:8px}.art-body blockquote{margin:25px 0;padding:18px 22px;background:var(--soft);border-radius:16px}
.art-body blockquote p:last-child{margin-bottom:0}.art-table{width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:16px}
.art-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.art-table th,.art-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line)}.art-table thead{background:var(--soft)}
.art-inline-cta{display:inline-flex;margin:4px 0}.art-app-cta{display:flex;flex-wrap:wrap;gap:10px}.art-app-cta .ghost{border:1px solid var(--teal);color:var(--teal)}
.art-src li small{display:block}.art-index-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.art-index-controls .h{margin:0}.art-index-controls label{font-size:14px;font-weight:600;display:grid;gap:6px}.art-index-controls select{font:inherit;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card);max-width:100%}.art-index-links{display:flex;gap:18px;flex-wrap:wrap}.art-index-links a{color:var(--teal);font-weight:600}
@media(max-width:700px){.art-body ul,.art-body ol{font-size:17px;line-height:1.65}.art-index-controls{align-items:stretch;flex-direction:column}.art-table table{min-width:560px}}
.art-header-actions{margin:0 0 18px}.art-header-actions a{display:inline-flex;align-items:center;min-height:46px;padding:10px 18px;border-radius:12px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600}
.art-extra{padding:28px;background:var(--soft);border-radius:24px}.art-extra h2{font-size:26px;margin:0 0 10px}.art-extra p{line-height:1.6;margin:0 0 16px}.art-extra a{color:var(--teal);font-weight:700}
@media(max-width:700px){.art-table{overflow:visible}.art-table table{min-width:0;display:block}.art-table thead{display:none}.art-table tbody,.art-table tr,.art-table td,.art-table th{display:block;width:100%}.art-table tr+tr{border-top:2px solid var(--line)}.art-table td,.art-table th{border:0;padding:8px 14px;overflow-wrap:anywhere}.art-table td:before,.art-table th:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:2px}}
.art-body h2[id]{scroll-margin-top:90px}
.art-body a[href$=".pdf"]{display:inline-block;max-width:100%}
.art-body p:has(a ~ a) a{display:inline-block;max-width:100%;overflow-wrap:anywhere}.art-table table{table-layout:fixed}.art-table td,.art-table th{overflow-wrap:anywhere}
/* Wide comparisons use labeled rows within the reading column. */
.art-table.art-wide{overflow:visible}.art-table.art-wide table{min-width:0;display:block}.art-table.art-wide thead{display:none}.art-table.art-wide tbody,.art-table.art-wide tr,.art-table.art-wide td,.art-table.art-wide th{display:block;width:100%}.art-table.art-wide tr+tr{border-top:2px solid var(--line)}.art-table.art-wide td,.art-table.art-wide th{border:0;padding:8px 14px;overflow-wrap:anywhere}.art-table.art-wide td:before,.art-table.art-wide th:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:2px}
/* Claude 13/11: index cards show at most 4 lines of summary, so long summaries do not dominate the list */
.art-index .art-card p,.art-list .art-card p,#artList .art-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.art-index-controls~* .art-card p,.art-language .art-rel-grid .art-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* BP-278 (14/11/2026), Safari QA (tools/assets/patch-assets.mjs). Anchor targets clear the sticky nav (69 px; 61 px up to
   600 px) like the h2; a PDF source link (inline-block) keeps its list number on its first line; the index filter draws
   its own arrow so Safari 17 shows the same control as Chromium. */
.art-body [id]{scroll-margin-top:90px}
.art-src a[href$=".pdf"]{vertical-align:top}
.art-index-controls select{-webkit-appearance:none;appearance:none;color:#000;height:41px;padding:10px 26px 10px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:10px 6px}