.opsterm-screen { margin: 0; min-width: 0; }
.opsterm-screen img { display: block; width: 100%; height: auto; border: 1px solid #cbd5e1; border-radius: 12px; background: #10151f; }
.opsterm-screen figcaption { color: #667085; font-size: 12px; line-height: 1.6; margin-top: 12px; }
.opsterm-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 44px; }
.opsterm-hero h1 { font-size: clamp(38px, 4vw, 60px); }
.opsterm-platform { color: #0e7490; font-size: 13px; font-weight: 600; margin-top: 26px; }
.opsterm-screen-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; margin: 48px 0; align-items: start; }
body:has([data-page-marker="opsterm-docs"]) { background:#fff; }
.opsterm-manual-head { padding:24px 0 28px; margin-bottom:30px; border-bottom:1px solid #e2e8f0; }
.opsterm-manual-head h1 { font-size:24px; margin:0; letter-spacing:-.02em; }
.opsterm-docs { display:grid; grid-template-columns:200px minmax(0,1fr); gap:64px; align-items:start; }
.opsterm-doc-nav { display:flex; flex-direction:column; gap:6px; position:sticky; top:100px; }
.opsterm-doc-nav a { padding:12px 0 12px 16px; color:#475467; text-decoration:none; border-left:2px solid transparent; display:flex; gap:14px; }
.opsterm-doc-nav a span { color:#667085; font-size:12px; padding-top:2px; }
.opsterm-doc-nav a[aria-current="page"] { border-color:#0e7490; color:#0e7490; font-weight:650; }
.opsterm-doc-nav a:hover { color:#0e7490; text-decoration:underline; }
.opsterm-guide { max-width: 820px; line-height: 1.85; }
.opsterm-guide h2 { line-height: 1.35; margin-top: 10px; }
.opsterm-guide p { margin: 20px 0; color: #344054; }
.opsterm-guide .opsterm-screen { margin-top: 32px; }
.product-card-number { color: #0e7490; font-size: 13px; font-weight: 650; }
.product-introduction { color: #0e7490; font-weight: 650; text-decoration: none; }
.product-introduction:hover { text-decoration: underline; }
.opsterm-screen a { display:block; border-radius:12px; }
.opsterm-screen a:focus-visible { outline:3px solid #0e7490; outline-offset:5px; }
.opsterm-screen figcaption span { display:block; color:#0e7490; margin-top:4px; }
.opsterm-feature-index { border-block:1px solid #dbe4ea; }
.opsterm-feature-index summary { cursor:pointer; padding:20px 0; color:#155e75; font-weight:600; font-size:15px; }
.opsterm-feature-index summary span { margin-left:12px; font-size:12px; color:#667085; }
.opsterm-feature-index nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; padding-bottom:24px; }
.opsterm-feature-index a { display:flex; gap:16px; padding:15px 8px; line-height:1.6; font-size:14px; color:#344054; text-decoration:none; border-bottom:1px solid #e5ebef; }
.opsterm-feature-index a span { color:#0e7490; }
.opsterm-feature-index a:hover { background:#edf8fa; }
.opsterm-feature-index summary:focus-visible,.opsterm-feature-index a:focus-visible,.opsterm-doc-nav a:focus-visible,.opsterm-guide-index summary:focus-visible { outline:3px solid #0e7490; outline-offset:4px; }
.opsterm-guide-step { padding:24px 0 40px; border-bottom:1px solid #dbe4ea; }
.opsterm-guide-step h3 { font-size:22px; line-height:1.5; margin:0; }
.opsterm-guide-step h3 span { color:#0e7490; font-size:15px; margin-right:16px; }
.opsterm-guide .product-actions { margin-top:32px; }
.opsterm-guide { min-width:0; word-break:keep-all; overflow-wrap:anywhere; }
.opsterm-download-card { max-width:760px; border:1px solid #dbe4ea; border-radius:16px; background:white; padding:36px; line-height:1.8; margin-bottom:60px; }
.opsterm-download-card h2 { margin-top:0; }
.opsterm-download-status { color:#475467; font-weight:600; }
.opsterm-guide-index { margin:24px 0; }
.opsterm-guide-index summary { cursor:pointer; color:#155e75; font-size:14px; }
.opsterm-guide-toc { display:grid; gap:10px; padding:16px 0; }
.opsterm-guide-toc a { color:#155e75; text-decoration:none; line-height:1.6; }
.opsterm-guide-toc a:hover { text-decoration:underline; }
.opsterm-guide-step { scroll-margin-top:100px; }
.opsterm-action-list { padding-left:24px; margin:24px 0; }
.opsterm-action-list li { padding-left:8px; margin:16px 0; color:#344054; line-height:1.95; }
.opsterm-action-list li::marker { color:#0e7490; font-weight:650; }
.opsterm-setting-table { width:100%; table-layout:fixed; border-collapse:collapse; margin:28px 0; background:white; font-size:14px; }
.opsterm-setting-table th,.opsterm-setting-table td { text-align:left; vertical-align:top; padding:16px; border:1px solid #dbe4ea; line-height:1.8; overflow-wrap:anywhere; word-break:normal; }
.opsterm-setting-table thead th { background:#eaf3f6; }
.opsterm-setting-table th:first-child { width:32%; }
.opsterm-setting-table tbody th { font-weight:600; color:#155e75; }
.opsterm-guide-code { padding:20px; background:#101828; color:#f2f4f7; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; }
.opsterm-check-result { padding:0; margin-top:28px; }
.opsterm-check-result strong { color:#155e75; }
.opsterm-check-result p { margin:8px 0 0; }
.opsterm-manual-screen img { max-height:none; }
.opsterm-manual-screen:has(img[src*="appearance"]) { max-width:570px; }
@media (max-width:600px) { .opsterm-setting-table th,.opsterm-setting-table td { padding:10px; font-size:13px; } .opsterm-setting-table th:first-child { width:36%; } .opsterm-action-list { padding-left:20px; } }
.opsterm-guide-next { display:flex; justify-content:space-between; gap:24px; padding:28px 0 48px; }
.opsterm-guide-next a { color:#155e75; text-underline-offset:4px; }
@media (max-width:600px) { .opsterm-feature-index nav { grid-template-columns:1fr; } .opsterm-download-card { padding:24px; } }
.opsterm-feature-story { display:grid; grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr); gap:48px; align-items:center; padding:64px 0; border-bottom:1px solid #e2e8f0; scroll-margin-top:130px; }
.opsterm-feature-story h2 { font-size:clamp(24px,2.5vw,34px); line-height:1.35; margin:16px 0; letter-spacing:-.025em; }
.opsterm-feature-story p { color:#475467; font-size:16px; line-height:1.85; }
.opsterm-feature-stories { margin-bottom:64px; }
.opsterm-detail-gallery { margin-top:24px; }
.opsterm-evidence-note { font-size:13px; color:#667085; line-height:1.7; }
.opsterm-cta { background:#edf8fa; border:1px solid #c9e7eb; border-radius:16px; padding:36px; margin:56px 0 16px; }
.opsterm-cta h2,.opsterm-cta h3 { margin:0 0 16px; line-height:1.4; }
.opsterm-cta p { color:#475467; }
.opsterm-cta .product-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.opsterm-cta .product-actions a { display:inline-flex; padding:12px 18px; border:1px solid #a9cbd1; border-radius:7px; text-decoration:none; color:#155e75; background:white; }
.opsterm-cta .product-actions a.primary { background:#155e75; color:white; border-color:#155e75; }
.publication-card.opsterm-editorial { display:block; grid-column:1/-1; max-width:1000px; margin:auto; padding:48px; scroll-margin-top:120px; }
.opsterm-editorial h2 { font-size:clamp(30px,4vw,48px); line-height:1.3; letter-spacing:-.035em; }
.opsterm-article-title { color:inherit; text-decoration:none; }
.opsterm-editorial .opsterm-article-lead { font-size:19px; line-height:1.8; margin:24px 0 36px; color:#475467; }
.opsterm-editorial .publication-rich-body { margin-top:48px; max-width:none; }
.opsterm-article-section { margin:56px 0; }
.opsterm-article-section h3 { font-size:26px; line-height:1.4; margin:0 0 20px; }
.opsterm-article-section p { font-size:17px; line-height:1.95; color:#344054; margin:18px 0; }
.opsterm-article-section .opsterm-screen { margin-top:28px; }
.opsterm-feature-story h2,.opsterm-feature-story p,.opsterm-editorial h2,.opsterm-editorial h3,.opsterm-editorial p { word-break:keep-all; overflow-wrap:break-word; }
@media (max-width:760px) { .opsterm-feature-story { grid-template-columns:1fr; gap:24px; padding:40px 0; } .publication-card.opsterm-editorial { padding:22px 16px; } .opsterm-cta { padding:24px; } }
@media (max-width:900px) { .opsterm-hero,.opsterm-screen-grid,.opsterm-docs { grid-template-columns:1fr; } .opsterm-docs { gap:28px; } .opsterm-doc-nav { position:static; flex-direction:row; flex-wrap:wrap; gap:8px 20px; } .opsterm-doc-nav a { padding:8px 0; border-left:0; border-bottom:2px solid transparent; } .opsterm-doc-nav a span { display:none; } }

.opsterm-download { max-width:850px; padding:12px 0 48px; line-height:1.8; }
.opsterm-release-details { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px 24px; margin:28px 0; }
.opsterm-release-details dt { font-weight:600; }
.opsterm-release-details dd { margin:0; overflow-wrap:anywhere; }
.opsterm-release-details code { font-size:13px; }
@media(max-width:600px) { .opsterm-release-details { grid-template-columns:1fr; gap:4px; } .opsterm-release-details dd { margin-bottom:12px; } }