/* SXF Local LLM by VRAM — isolated responsive field-guide styles */
.vram-page{--v-bg:#080c12;--v-panel:#101820;--v-line:#273541;--v-muted:#9cabba;--v-text:#edf6f4;--v-teal:#8ce3d4;--v-lime:#ccf29c;--v-orange:#f2c47d;background:var(--v-bg);color:var(--v-text)}
.vram-page *{box-sizing:border-box}
.vram-page .vram-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.vram-page a{color:inherit}
.vram-page a:hover{color:var(--v-teal)}
.vram-page a:focus-visible,.vram-page button:focus-visible,.vram-page select:focus-visible,.vram-page summary:focus-visible,.vram-page [tabindex]:focus-visible{outline:3px solid var(--v-teal);outline-offset:4px}
.vram-page .vram-skip{position:absolute;left:-9999px;top:12px;background:var(--v-teal);color:#04120e;padding:12px 18px;z-index:99}
.vram-page .vram-skip:focus{left:12px}
.vram-page .site-header{z-index:30}
.vram-page .vram-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;padding:29px 0 14px;color:#a5b5c0;font-size:.82rem}
.vram-page .vram-breadcrumb a{text-decoration:none;color:#b7c5c9}
.vram-page .vram-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:clamp(30px,5vw,74px);padding:58px 0 72px;border-bottom:1px solid var(--v-line);position:relative}
.vram-page .vram-hero:before{content:"";position:absolute;z-index:0;right:5%;top:0;width:38%;height:82%;background:radial-gradient(circle,rgba(53,179,153,.13),transparent 64%);pointer-events:none}
.vram-page .vram-hero>*{z-index:1;position:relative}
.vram-page .vram-eyebrow,.vram-page .vram-kicker{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--v-teal)}
.vram-page .vram-eyebrow{display:flex;align-items:center;gap:10px}
.vram-page .vram-dot{width:8px;height:8px;border-radius:50%;background:#95edc3;box-shadow:0 0 0 4px rgba(149,237,195,.1)}
.vram-page .vram-eyebrow-div{color:#536370}
.vram-page h1,.vram-page h2,.vram-page h3{color:var(--v-text);letter-spacing:-.037em}
.vram-page h1{font-weight:800;font-size:clamp(2.9rem,5.4vw,5.55rem);line-height:1.065;margin:23px 0}
.vram-page h1 em{font-style:normal;color:var(--v-lime)}
.vram-page h2{font-size:clamp(1.7rem,2.65vw,2.6rem);line-height:1.16;margin:9px 0 15px}
.vram-page h3{font-size:1.16rem;line-height:1.35}
.vram-page p{line-height:1.73;color:#bbc8cc}
.vram-page .vram-lede{font-size:clamp(1.05rem,1.25vw,1.28rem);line-height:1.72;max-width:650px}
.vram-page strong{color:#e3f1eb}
.vram-page .vram-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 29px}
.vram-page .vram-primary,.vram-page .vram-secondary{display:inline-flex;gap:24px;align-items:center;justify-content:center;font-size:.93rem;font-weight:800;text-decoration:none;min-height:48px;padding:13px 20px;border-radius:9px;transition:transform .16s ease,background .16s ease}
.vram-page .vram-primary{color:#08231d;background:var(--v-teal)}
.vram-page .vram-primary:hover{color:#08231d;background:#b3ffed;transform:translateY(-2px)}
.vram-page .vram-secondary{color:#dce9ed;border:1px solid #51646a}
.vram-page .vram-secondary:hover{background:#172229;transform:translateY(-2px)}
.vram-page .vram-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:.77rem;color:#9caeb5}
.vram-page .vram-meta span:not(:last-child):after{content:"•";margin-left:15px;color:#566771}
.vram-page .vram-hero-visual{border:1px solid #395257;border-radius:18px;padding:25px;background:linear-gradient(150deg,#13232a,#0d151e);box-shadow:0 28px 85px rgba(0,0,0,.26);overflow:hidden}
.vram-page .vram-v-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-family:ui-monospace,monospace;font-size:.71rem;letter-spacing:.08em;color:#a6bfc0}
.vram-page .vram-v-live{color:#9eeabd;border:1px solid #2b7668;border-radius:20px;padding:5px 9px}
.vram-page .vram-chip{margin:29px 0 27px;max-width:240px;background:linear-gradient(145deg,#1d3338,#0d1b23);padding:24px;border:1px solid #557277;border-radius:16px;box-shadow:9px 9px 0 rgba(84,153,141,.08);display:flex;flex-direction:column;gap:7px}
.vram-page .vram-chip>span{font-size:.83rem;color:#9fc9c1;letter-spacing:.2em}
.vram-page .vram-chip strong{color:#edf7ec;font-size:4.8rem;line-height:.96;letter-spacing:-.08em}
.vram-page .vram-chip strong span{font-size:1.45rem;letter-spacing:0;margin-left:5px;color:var(--v-teal)}
.vram-page .vram-chip small{color:#c5d5d3}
.vram-page .vram-bar{display:flex;overflow:hidden;gap:2px;width:100%;height:17px;background:#2c3843;border-radius:8px}
.vram-page .vram-bar-weight{background:var(--v-teal)}.vram-page .vram-bar-cache{background:var(--v-orange)}
.vram-page .vram-v-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.75rem;color:#c5d4d1;margin:14px 0}
.vram-page .vram-v-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}
.vram-page .vram-key-w{background:var(--v-teal)}.vram-page .vram-key-o{background:var(--v-orange)}
.vram-page .vram-hero-visual p{margin:14px 0 0;font-size:.84rem;color:#a7b8b8;line-height:1.6}
.vram-page .vram-local-nav{display:flex;gap:7px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--v-line)}
.vram-page .vram-local-nav a{padding:9px 14px;border:1px solid #25343e;border-radius:50px;text-decoration:none;font-size:.78rem;font-weight:700;color:#c0d1d5;white-space:nowrap}
.vram-page .vram-local-nav a:hover{background:#182c30;color:#d9fff3;border-color:#598779}
.vram-page .vram-intro{display:grid;grid-template-columns:1fr 1.65fr;gap:55px;padding:77px 0 64px;border-bottom:1px solid var(--v-line)}
.vram-page .vram-intro p{margin:0 0 16px}
.vram-page .vram-intro a,.vram-page .vram-prose a,.vram-page .vram-steps a,.vram-page .vram-faq a{text-decoration:underline;text-decoration-color:#4e8c84;text-underline-offset:4px}
.vram-page .vram-section{padding:70px 0;border-bottom:1px solid var(--v-line);scroll-margin-top:28px}
.vram-page .vram-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.vram-page .vram-section-head>div{max-width:690px}
.vram-page .vram-section-head>p{max-width:360px;font-size:.9rem;margin:0}
.vram-page .vram-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.vram-page .vram-pick{display:flex;flex-direction:column;min-height:249px;padding:25px;background:#111921;border:1px solid #2a3b43;border-radius:13px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.vram-page .vram-pick:hover{transform:translateY(-3px);border-color:#679b8d;background:#14232b}
.vram-page .vram-pick-cap{display:flex;justify-content:space-between;align-items:center;gap:10px}
.vram-page .vram-pick-cap strong{font-size:2.8rem;letter-spacing:-.075em;color:var(--v-lime);line-height:1}
.vram-page .vram-pick-cap strong span{font-size:1rem;letter-spacing:0;margin-left:4px}
.vram-page .vram-pick-cap>span{color:#9baeb6;font-size:.65rem;font-weight:800;letter-spacing:.1em}
.vram-page .vram-pick h3{margin:20px 0 4px}
.vram-page .vram-pick p{font-size:.87rem;line-height:1.6;margin:0 0 17px}
.vram-page .vram-pick-link{color:var(--v-teal);font-size:.8rem;font-weight:800;margin-top:auto}
.vram-page .vram-tool{padding:37px;background:linear-gradient(155deg,#12262a,#11181f);border:1px solid #335f5a;border-radius:17px;margin:70px 0}
.vram-page .vram-tool-top{display:flex;justify-content:space-between;gap:20px}
.vram-page .vram-tool-top p{max-width:700px;margin-bottom:16px}
.vram-page .vram-tool-stamp{align-self:start;border:1px solid #397467;border-radius:50px;padding:8px 12px;font-size:.62rem;letter-spacing:.1em;white-space:nowrap;color:#b4e9d4}
.vram-page .vram-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:15px 0}
.vram-page .vram-controls label{display:flex;flex-direction:column;gap:9px;color:#e4f2f0;font-weight:700;font-size:.83rem}
.vram-page .vram-controls select{width:100%;min-height:50px;border:1px solid #456066;background:#101b24;color:#f0f7fa;border-radius:8px;padding:12px 14px;font:inherit;cursor:pointer}
.vram-page .vram-tool-note{border-left:2px solid #79cbbb;padding:11px 16px;background:rgba(5,15,17,.35);font-size:.83rem;line-height:1.65}
.vram-page .vram-tool-note code,.vram-page .vram-steps code,.vram-page .vram-faq code{color:#b4f4d7}
.vram-page .vram-results-header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #3b555a;margin-top:27px;padding-top:22px}
.vram-page .vram-results-header h3{margin:0}
.vram-page .vram-results-header span{font-size:.78rem;color:#a5d4c3}
.vram-page .vram-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px}
.vram-page .vram-result{border:1px solid #3d5156;border-radius:12px;background:#0d171d;padding:20px;display:flex;flex-direction:column;gap:10px}
.vram-page .vram-result-head{display:flex;gap:12px;align-items:start;justify-content:space-between}
.vram-page .vram-result h4{font-size:1.06rem;margin:0 0 5px;color:#fff}
.vram-page .vram-result .vram-badge{font-size:.65rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;background:#244b3d;color:#a8f4c8;border:1px solid #387e62;border-radius:30px;padding:5px 8px;white-space:nowrap}
.vram-page .vram-result .vram-badge.caution{background:#443423;color:#f9d7a7;border-color:#836342}
.vram-page .vram-result p{margin:0;font-size:.84rem;line-height:1.55}
.vram-page .vram-result .vram-meter{height:8px;background:#2b3a42;border-radius:50px;overflow:hidden}
.vram-page .vram-meter span{display:block;height:100%;background:linear-gradient(90deg,#59a596,#c4f59d);border-radius:50px}
.vram-page .vram-meter span.caution{background:linear-gradient(90deg,#dbaf71,#ffca83)}
.vram-page .vram-result-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;align-items:center;justify-content:space-between}
.vram-page .vram-result-foot a{color:var(--v-teal);font-size:.82rem;text-decoration:underline;text-underline-offset:3px}
.vram-page .vram-result-foot code{color:#eaf5ef;font-size:.79rem;word-break:break-word}
.vram-page .vram-results-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:17px;font-size:.78rem;color:#b5c7c2}
.vram-page .vram-results-foot a{color:var(--v-teal);text-decoration:underline}
.vram-page .vram-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #33434b;border-radius:12px}
.vram-page .vram-table{width:100%;border-collapse:collapse;min-width:770px;font-size:.88rem}
.vram-page .vram-table caption{text-align:left;font-size:.8rem;color:#afc2c5;padding:12px 18px;background:#122028}
.vram-page .vram-table th,.vram-page .vram-table td{padding:14px 16px;border-bottom:1px solid #27363c;text-align:left;vertical-align:top;line-height:1.4}
.vram-page .vram-table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:#203139;color:#d7ece5}
.vram-page .vram-table tbody th{color:#e8f5f1;font-weight:700}
.vram-page .vram-table tbody tr:nth-child(odd){background:#10171e}
.vram-page .vram-table tbody tr:nth-child(even){background:#121e25}
.vram-page .vram-table td:nth-child(2){color:var(--v-lime);white-space:nowrap;font-weight:700}
.vram-page .vram-table a{color:var(--v-teal);white-space:nowrap}
.vram-page .vram-caption{font-size:.87rem;max-width:840px;margin-top:14px}
.vram-page .vram-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px}
.vram-page .vram-prose h3{margin:27px 0 8px}
.vram-page .vram-prose p{margin:0 0 14px}
.vram-page .vram-method-card{background:#141f26;border:1px solid #36484c;padding:27px;border-radius:13px;align-self:start}
.vram-page .vram-equation{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin:20px 0 29px}
.vram-page .vram-equation span,.vram-page .vram-equation strong{display:block;padding:13px;background:#21353a;border-radius:7px}
.vram-page .vram-equation b{color:var(--v-lime)}
.vram-page .vram-equation strong{background:#2b5c53;color:#eaffec}
.vram-page .vram-method-card a{color:var(--v-teal)}
.vram-page .vram-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vram-page .vram-steps li{padding:24px;border:1px solid #293b43;border-radius:12px;background:#101921}
.vram-page .vram-steps li b{font-family:ui-monospace,monospace;color:var(--v-teal);font-size:.83rem}
.vram-page .vram-steps h3{margin:13px 0 5px}
.vram-page .vram-steps p{font-size:.88rem}
.vram-page .vram-command{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#070f15;border:1px solid #344e50;border-radius:8px;margin-top:12px}
.vram-page .vram-command code{font-size:.78rem;overflow-wrap:anywhere}
.vram-page .vram-copy{border:1px solid #528879;background:#183d37;color:#d5f9e7;border-radius:6px;padding:8px 11px;cursor:pointer;font-weight:700}
.vram-page .vram-copy:hover{background:#286b5d}
.vram-page .vram-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vram-page .vram-faq details{border:1px solid #35464f;background:#121b23;border-radius:10px;padding:19px;align-self:start}
.vram-page .vram-faq summary{font-weight:800;line-height:1.45;cursor:pointer;list-style-position:outside;color:#edf7f3}
.vram-page .vram-faq p{font-size:.9rem;margin:14px 0 0}
.vram-page .vram-sources p{max-width:850px}
.vram-page .vram-source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vram-page .vram-source-links a{display:block;padding:14px 17px;border:1px solid #3c5056;border-radius:8px;text-decoration:none;color:#b9e9e0;background:#152129}
.vram-page .vram-source-links a:hover{background:#23363c}
.vram-page .vram-next{display:flex;gap:30px;justify-content:space-between;padding:68px 0}
.vram-page .vram-next-links{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:570px}
.vram-page .vram-next-links a{display:block;color:#d4f9ed;background:#16292c;border:1px solid #385853;border-radius:8px;padding:17px;text-decoration:none;font-weight:700;font-size:.86rem}
.vram-page .vram-next-links a:hover{background:#21443d}
.vram-page .vram-footer{background:#0b141b;border-top:1px solid #27383f}
.vram-page .vram-footer>.vram-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px 0;font-size:.78rem;color:#afc5c7}
.vram-page .vram-footer a{text-decoration:none;font-weight:700;color:#b1e7d6}
@media(max-width:980px){.vram-page .vram-hero{grid-template-columns:1fr;gap:27px;padding:42px 0}.vram-page .vram-hero-visual{max-width:580px}.vram-page .vram-intro{grid-template-columns:1fr;gap:15px;padding:56px 0}.vram-page .vram-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vram-page .vram-two-col{grid-template-columns:1fr}.vram-page .vram-section-head{display:block}.vram-page .vram-section-head>p{max-width:650px}.vram-page .vram-next{flex-direction:column}.vram-page .vram-tool-top{display:block}.vram-page .vram-tool-stamp{display:inline-block;margin:0 0 8px}}
@media(max-width:650px){.vram-page .vram-wrap{width:min(100% - 30px,1180px)}.vram-page .vram-breadcrumb{padding-top:18px}.vram-page .vram-hero{padding:26px 0 38px}.vram-page h1{font-size:clamp(2.65rem,11vw,4rem)}.vram-page h2{font-size:1.8rem}.vram-page .vram-hero-visual{padding:20px}.vram-page .vram-meta{gap:7px}.vram-page .vram-meta span:not(:last-child):after{margin-left:7px}.vram-page .vram-local-nav{flex-wrap:nowrap;overflow-x:auto;margin-right:-15px;padding-right:15px}.vram-page .vram-section{padding:49px 0}.vram-page .vram-pick-grid,.vram-page .vram-results,.vram-page .vram-faq,.vram-page .vram-steps,.vram-page .vram-source-links,.vram-page .vram-next-links{grid-template-columns:1fr}.vram-page .vram-pick{min-height:unset}.vram-page .vram-tool{padding:21px;margin:48px -3px}.vram-page .vram-controls{grid-template-columns:1fr}.vram-page .vram-results-header,.vram-page .vram-results-foot{align-items:start;flex-direction:column}.vram-page .vram-section-head{margin-bottom:20px}.vram-page .vram-two-col{gap:12px}.vram-page .vram-method-card{padding:21px}.vram-page .vram-next{padding:44px 0}}
@media(prefers-reduced-motion:reduce){.vram-page .vram-primary,.vram-page .vram-secondary,.vram-page .vram-pick{transition:none}}

/* v2 catalog search and reverse-fit controls */
.vram-page .vram-finder-modes{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 22px}
.vram-page .vram-finder-modes label{font-weight:700;color:var(--v-text)}
.vram-page .vram-finder-modes select,.vram-page .vram-search-field input{min-height:47px;border:1px solid var(--v-line);border-radius:10px;background:#0b131b;color:var(--v-text);padding:10px 12px;max-width:100%}
.vram-page .vram-finder-modes p{flex-basis:100%;font-size:.85rem;color:var(--v-muted);margin:0}
.vram-page .vram-search-field{grid-column:1/-1;display:flex;flex-direction:column;gap:9px;min-width:0}
.vram-page .vram-search-field input{width:100%;font-size:1rem}
.vram-page .vram-hardware-controls{display:contents}
.vram-page .vram-hardware-controls[hidden]{display:none!important}
/* Hide only the unused VRAM input in model-first lookup; keep task/context active. */
.vram-page #vram-capacity-field[hidden]{display:none!important}
@media(min-width:651px){.vram-page .vram-controls.vram-reverse-mode{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vram-page .vram-card-small{font-size:.76rem;color:var(--v-muted)}
.vram-page .vram-result-foot{flex-wrap:wrap}
@media(max-width:650px){.vram-page .vram-finder-modes{align-items:stretch;flex-direction:column}.vram-page .vram-finder-modes select{width:100%}}

.vram-page .vram-show-more{display:block;margin:24px auto 8px;min-height:48px;cursor:pointer}
.vram-page .vram-show-more[hidden]{display:none!important}

/* Accuracy v3: all task/context controls stay visible in both lookup directions. */
.vram-page .vram-family{min-width:0}
.vram-page .vram-family .vram-evidence{font-size:.82rem;line-height:1.55;margin:10px 0;color:#c5d6dc}
.vram-page .vram-family .vram-warning{font-size:.83rem;line-height:1.55;margin:12px 0;padding:10px 12px;border-left:3px solid #eab978;background:#2c261d;color:#ffe1b7}
.vram-page .vram-variants{margin-top:16px;padding-top:13px;border-top:1px solid #34464f}
.vram-page .vram-variants summary{cursor:pointer;color:#abeee1;font-size:.88rem;font-weight:750;line-height:1.5}
.vram-page .vram-variant-list{margin:14px 0 0;padding-left:18px;display:grid;gap:10px}
.vram-page .vram-variant-list li{padding-bottom:9px;border-bottom:1px solid #26343f;overflow-wrap:anywhere}
.vram-page .vram-variant-list span,.vram-page .vram-variant-list small{display:block;line-height:1.5}
.vram-page .vram-variant-list small{font-size:.76rem;color:var(--v-muted);margin-top:5px}
.vram-page .vram-variants a{color:#b7f4e9}

/* Keep the working selector close to the top of compact screens; remove decorative example only. */
@media(max-width:650px){.vram-page .vram-hero-visual{display:none}.vram-page .vram-hero{padding:16px 0 24px;gap:0}.vram-page .vram-tool{margin-top:26px}.vram-page .vram-hero-actions{margin-top:18px}}

/* v3.1 explicit screening rationale */
.vram-page .vram-decision{padding:11px 14px;margin:12px 0 15px;background:#13272a;border:1px solid #35555a;border-radius:9px}
.vram-page .vram-decision p{font-size:.86rem;line-height:1.55;margin:5px 0;color:#deeee9}

/* v3.1 long conditional labels must wrap on narrow phones, never expand viewport. */
.vram-page .vram-family .vram-result-head{flex-wrap:wrap;min-width:0}
.vram-page .vram-family .vram-result-head > div{min-width:0;flex:1 1 170px}
.vram-page .vram-family .vram-badge{white-space:normal;max-width:100%;overflow-wrap:anywhere;line-height:1.45;text-align:center}
.vram-page .vram-family .vram-decision,.vram-page .vram-family .vram-evidence{max-width:100%;min-width:0;overflow-wrap:anywhere}

/* User-captured evidence: long digests must not expand mobile viewport. */
.vram-page #measured-evidence .vram-two-col > .vram-prose{min-width:0}
.vram-page #measured-evidence .vram-prose p,.vram-page #measured-evidence .vram-prose code,.vram-page #measured-evidence .vram-prose a{overflow-wrap:anywhere;word-break:break-word}

/* A reviewed case study is separate from model-family screening cards. */
.vram-page .vram-reviewed-evidence[hidden]{display:none!important}
.vram-page .vram-reviewed-card{margin:15px 0 20px;padding:20px;border:1px solid #56877a;border-radius:12px;background:#102520;min-width:0;overflow-wrap:anywhere}
.vram-page .vram-reviewed-card h4{margin:0 0 12px;color:#dcf7e9;font-size:1.1rem}
.vram-page .vram-reviewed-card p{margin:9px 0;line-height:1.6;font-size:.86rem}
.vram-page .vram-reviewed-card a{color:#b7f4e9;text-decoration:underline}