/* Public references: early network observatory and local model selection. */
.model-reference{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.5fr) auto;align-items:center;gap:30px;margin-top:38px;padding:30px 32px;border:1px solid #3b5060;border-radius:10px;background:radial-gradient(ellipse at 0 0,#20313d,transparent 65%),#111a24;text-decoration:none;color:#e3edf4;transition:border-color .2s,background .2s;scroll-margin-top:110px}
.model-reference:hover{border-color:#93b9d2;background-color:#15222e}
.model-reference:focus-visible{outline:2px solid #d9ff5a;outline-offset:5px}
.model-reference-brand>span{display:block;color:#94b9d2;font:12px/1.5 var(--mono);letter-spacing:.13em}
.model-reference-brand strong{display:block;margin:8px 0 7px;font:600 31px/1.2 var(--sans,sans-serif);letter-spacing:-.045em}
.model-reference-brand strong span{color:#9cc8e4}
.model-reference-brand small{color:#b4c3d1;font-size:12px}
.model-reference-copy{border-left:1px solid #405262;padding-left:30px;min-width:0}
.model-reference-copy h3{margin:0 0 7px;color:#eff5fa;font-size:20px;line-height:1.5;letter-spacing:-.02em;font-weight:550}
.model-reference-copy p{margin:0;color:#b5c5d5;font-size:13px;line-height:1.8}
.model-reference-tags{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px;font-size:12px;color:#c8deee}
.model-reference-tags>span{padding:4px 9px;border:1px solid #3e566a;border-radius:4px}
.model-reference-tags b{font-weight:400;color:#87a2b6}
.model-reference-copy>small{display:block;margin-top:14px;color:#98aabb;font-size:12px;line-height:1.7}
.model-reference-action{display:flex;align-items:center;gap:16px;color:#c5e4fa;font-size:13px;white-space:nowrap}
.model-reference-action b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #54748b;border-radius:50%;font-size:21px;font-weight:400}
.observatory-section{padding:0 0 88px;scroll-margin-top:94px}
.network-observatory{overflow:hidden;background:#0c1518;border:1px solid #344d49;border-radius:12px}
.network-observatory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px 36px;padding:25px 30px;background:linear-gradient(115deg,#172725,#101a1f)}
.network-observatory-heading>div{min-width:0}
.network-observatory-heading span{display:block;color:#9fb9af;font:12px/1.5 var(--mono);letter-spacing:.09em}
.network-observatory h2{margin:8px 0 0;color:#eff7f2;font-size:clamp(22px,2vw,28px);line-height:1.4;font-weight:550;letter-spacing:-.03em}
.network-observatory-heading p{margin:0;color:#acc0b8;font-size:13px;line-height:1.9}
.network-observatory-view{margin:0;min-width:0;overflow:hidden;border-top:1px solid #30423a;background:#080a09}
.network-observatory-frame{height:700px;overflow:hidden}
.network-observatory-view iframe{display:block;width:125%;height:875px;border:0;background:#080a09;transform:scale(.8);transform-origin:top left}
.network-observatory-view figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:10px 24px;border-top:1px solid #2c3a34;background:#101d18;font-size:12px;line-height:1.6}
.network-observatory-view figcaption a{color:#c2deae;min-height:30px;display:inline-flex;align-items:center;gap:8px}
.network-observatory-view figcaption span{font-family:inherit;font-size:12px;line-height:1.6;letter-spacing:0;color:#9aae9d}
.network-observatory a:focus-visible{outline:2px solid #d9ff5a;outline-offset:3px}
@media(max-width:1050px){.model-reference{gap:22px;padding:25px}.model-reference-copy{padding-left:22px}.model-reference-action{font-size:0;gap:0}.network-observatory-heading{padding:23px 25px;gap:25px}.network-observatory-heading p{font-size:12px}}
@media(max-width:850px){.network-observatory-frame{height:660px}.network-observatory-view iframe{width:100%;height:660px;transform:none}}
@media(max-width:600px){
 .model-reference{grid-template-columns:1fr auto;gap:22px 12px;padding:23px;margin-top:28px}.model-reference-brand{grid-column:1}.model-reference-brand strong{font-size:30px}.model-reference-copy{grid-row:2;grid-column:1/-1;border-left:0;border-top:1px solid #405262;padding:20px 0 0}.model-reference-copy h3{font-size:19px}.model-reference-action{grid-row:1;grid-column:2}.model-reference-copy p{font-size:13px}
 .observatory-section{padding-bottom:55px}.network-observatory-heading{display:block;padding:21px 19px 18px}.network-observatory h2{font-size:22px;margin-top:7px}.network-observatory-heading p{margin-top:10px;font-size:12px;line-height:1.8}.network-observatory-heading p br{display:none}.network-observatory-view iframe{height:660px}.network-observatory-view figcaption{padding:9px 14px}
}
@media(prefers-reduced-motion:reduce){.model-reference{transition:none}}