.oc-topic{max-width:1220px;margin:24px auto;padding:0 24px 80px;color:#243b50;line-height:1.8}.oc-topic .jm-heading h1{font-size:34px;line-height:1.3;margin:12px 0;word-break:normal}.oc-breadcrumb{margin:24px 0}.oc-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.oc-model-grid>section{background:#f1f6fa;padding:18px;min-width:0}.oc-model-grid img{width:100%;height:auto;object-fit:contain}.oc-models,.oc-related{margin-top:35px}.oc-directory-card{scroll-margin-top:120px;background:#f1f6fa;margin:18px 0;padding:18px}.oc-directory-card>a{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;text-decoration:none}.oc-directory-card img{width:100%;height:120px;object-fit:contain}.oc-directory-card h2{margin:0;font-size:22px}.oc-directory-card p{font-size:15px}.oc-topic .jm-hero figure img{height:auto;max-height:none;object-fit:contain}.oc-topic .v3-case{max-width:100%}@media(max-width:767px){.oc-topic{padding:0 14px 90px}.oc-topic .jm-heading h1{font-size:27px}.oc-model-grid{grid-template-columns:1fr}.oc-directory-card>a{grid-template-columns:100px minmax(0,1fr);gap:12px}.oc-directory-card img{height:85px}.oc-directory-card{padding:12px;scroll-margin-top:16px}.oc-directory-card h2{font-size:18px}.oc-directory-card p{font-size:14px}}

/* Scoped model-card affordances: stable geometry, plain HTML links, no navigation animation. */
.oc-model-grid>.oc-model-card{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #dbe3ed;border-radius:8px;padding:18px;min-width:0;scroll-margin-top:150px}
.oc-model-card.is-selected{border-color:#143f8f}
.oc-model-card .oc-card-image{display:block;aspect-ratio:16/9;background:#f3f6fa;border-radius:5px;overflow:hidden;cursor:pointer}
.oc-model-card .oc-card-image img{width:100%;height:100%;object-fit:contain}
.oc-model-card h3{font-size:20px;line-height:1.45;margin:16px 0 8px}
.oc-model-card .oc-card-title{display:block;color:#143f8f;text-decoration:none;cursor:pointer}
.oc-model-card .oc-card-image:hover{box-shadow:inset 0 0 0 2px #143f8f}
.oc-model-card .oc-card-title:hover{text-decoration:underline}
.oc-model-card a:focus-visible{outline:3px solid #1673c9;outline-offset:3px}
.oc-model-card .oc-card-description{margin:8px 0 18px;color:#42556b;font-size:15px;line-height:1.75;flex:1}
.oc-card-selected,.oc-selection-status{font-size:14px;font-weight:700;color:#143f8f;margin:6px 0}
.oc-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.oc-model-card .oc-card-actions>a{display:flex;flex:1 1 145px;min-height:44px;align-items:center;justify-content:center;padding:10px 12px;box-sizing:border-box;border:1px solid #143f8f;border-radius:5px;font-size:15px;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;scroll-margin-bottom:130px;overflow-wrap:anywhere}
.oc-model-card .oc-card-primary{word-break:keep-all;background:#143f8f;color:#fff}
.oc-model-card .oc-card-secondary{background:#fff;color:#143f8f}
.oc-model-card .oc-card-primary:hover{background:#0d3070}
.oc-model-card .oc-card-secondary:hover{background:#eff5fb}
body.oc-models-in-view .wsl-conversion-bar{visibility:hidden;pointer-events:none}
@media(min-width:768px) and (max-width:1100px){.oc-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.oc-model-card .oc-card-actions{flex-direction:column}.oc-model-card .oc-card-actions>a{flex:auto;width:100%}.oc-model-grid>.oc-model-card{padding:16px}}

/* V05: mobile-only scene introduction; desktop model cards remain unchanged. */
@media(max-width:767px){
.oc-topic{padding-left:8px;padding-right:8px}
.oc-topic>.wsl-scene-knowledge{padding:8px}
.oc-topic .jm-hero{padding:12px;gap:10px}
.oc-topic .jm-heading h1{font-size:24px;line-height:1.25;margin:8px 0;overflow-wrap:break-word}
.oc-topic .jm-heading>p{margin-top:6px;margin-bottom:8px}
.oc-topic .jm-hero figure img{width:100%;height:auto;object-fit:contain}
/* V06: dock in the measured unused space between logo and menu, outside reading content. */
body:has(.oc-topic) .wsl-ai-service{top:6px;right:68px;bottom:auto}
body:has(.oc-topic) .wsl-ai-service__panel{position:fixed;top:112px;right:12px;bottom:auto;max-height:calc(100dvh - 128px);max-width:calc(100vw - 24px)}
}