/* SXF GPT-6 Sol vs Gemini 3.8 Flash, accessible and mobile-first editorial layer */
.sg-guide,.sg-section{--sg-bg:rgba(13,27,43,.9);--sg-line:rgba(151,178,208,.3);--sg-link:#98def0;color:#d7e5f0}
.sg-guide *,.sg-section *{box-sizing:border-box}
.sg-guide a,.sg-section a{color:var(--sg-link);text-underline-offset:3px;overflow-wrap:anywhere}
.sg-guide h2,.sg-section h2,.sg-guide h3,.sg-section h3{line-height:1.2;color:#f1f8fc;letter-spacing:-.025em}
.sg-guide p,.sg-section p,.sg-section li{line-height:1.7}
.sg-guide .eyebrow,.sg-section .eyebrow{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#a1dce9;font-weight:750}
.sg-answer{border:1px solid rgba(123,197,219,.45);border-radius:20px;padding:clamp(1.1rem,3vw,2.3rem);background:radial-gradient(ellipse at 95% 0,rgba(38,103,143,.35),transparent 65%),linear-gradient(120deg,#142e44,#0b1929)}
.sg-answer h2{font-size:clamp(1.45rem,3vw,2.15rem);max-width:830px;margin:.6rem 0 1.1rem}
.sg-answer p{max-width:105ch}
.sg-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.3rem 0}
.sg-pick-grid article{display:flex;flex-direction:column;background:var(--sg-bg);border:1px solid var(--sg-line);border-radius:14px;padding:1.1rem;min-width:0}
.sg-pick-grid span,.sg-eval-steps span,.sg-score-grid span{font-size:.7rem;letter-spacing:.08em;font-weight:750;color:#a0dbe9}
.sg-pick-grid h3{font-size:1.1rem;margin:.65rem 0 .4rem}
.sg-pick-grid p{font-size:.9rem;color:#bfd2df}
.sg-pick-grid a{font-size:.87rem;font-weight:700;margin-top:auto}
.sg-toc{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem 0}
.sg-toc a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--sg-line);border-radius:30px;padding:.55rem .85rem;text-decoration:none!important;background:#1b3043;color:#e1f0f7;white-space:nowrap;font-size:.83rem}
.sg-toc a:focus-visible,.sg-toc a:hover{outline-offset:3px;background:#254b61;border-color:#8cd8e6}
.sg-section{padding:clamp(1.7rem,3vw,2.6rem) 0;border-bottom:1px solid var(--sg-line);scroll-margin-top:5rem}
.sg-head{max-width:950px;margin-bottom:1.4rem}
.sg-head h2{font-size:clamp(1.45rem,2.6vw,2.15rem);margin:.35rem 0 .8rem}
.sg-head p{color:#bdcfde;margin:.45rem 0}
.sg-score-grid,.sg-proof,.sg-eval-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.1rem 0}
.sg-score-grid article,.sg-proof article,.sg-eval-steps article{min-width:0;border:1px solid var(--sg-line);border-radius:13px;background:var(--sg-bg);padding:1.2rem}
.sg-score{display:block;font-size:clamp(2rem,4vw,3rem);font-variant-numeric:tabular-nums;color:#fff;margin:.45rem 0}
.sg-score-grid p{font-size:.9rem;margin:.2rem 0}
.sg-score-grid small{font-size:.78rem;color:#b3c9d9}
.sg-proof h3,.sg-eval-steps h3{font-size:1.05rem;margin:.3rem 0}
.sg-proof p,.sg-eval-steps p{font-size:.9rem;color:#c8d8e2}
.sg-proof a{font-size:.87rem;font-weight:700}
.sg-note{font-size:.85rem;color:#b3cad8;max-width:105ch}
.sg-lab{background:linear-gradient(135deg,rgba(22,54,75,.55),rgba(11,21,34,.3));border:1px solid var(--sg-line);border-radius:17px;padding:clamp(1rem,3vw,1.9rem);margin-top:1.2rem}
.sg-lab-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1rem}
.sg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.sg-fields label{font-size:.82rem;font-weight:700;color:#dbebf4;min-width:0}
.sg-fields input,.sg-fields select{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #5c7b95;border-radius:10px;background:#0c1b2b;color:#f7fcff;padding:.7rem .75rem;margin-top:.4rem;font:inherit;font-variant-numeric:tabular-nums}
.sg-fields input:focus-visible,.sg-fields select:focus-visible{outline:2px solid #a0e0ed;outline-offset:2px}
.sg-results{display:flex;flex-direction:column;gap:1rem;justify-content:center;border-radius:14px;border:1px solid rgba(126,189,215,.45);background:#071a29;padding:1.3rem}
.sg-results>p{font-size:.75rem;color:#a5d9e7;letter-spacing:.09em;font-weight:700}
.sg-results>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--sg-line)}
.sg-results span{font-size:.86rem}
.sg-results strong{color:#f0faff;font-size:clamp(1.08rem,2.2vw,1.55rem);font-variant-numeric:tabular-nums;white-space:nowrap}
.sg-results small{line-height:1.6;color:#aac4d3}
.sg-result-delta strong{color:#94e1e6}
.sg-formula{margin-top:1rem;border-left:3px solid #83d1e3;padding:.6rem 1rem;background:rgba(13,32,46,.68);border-radius:8px}
.sg-formula p{font-size:.87rem;color:#c1d4e0}
.sg-table-scroll{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid var(--sg-line);border-radius:13px}
.sg-table{width:100%;min-width:790px;border-collapse:collapse;text-align:left;font-size:.85rem}
.sg-table thead{background:#1b354c;color:#f2f9fd}
.sg-table th,.sg-table td{padding:.95rem .85rem;border-bottom:1px solid rgba(159,182,204,.18);vertical-align:top}
.sg-table th[scope=row]{color:#eef9ff}
.sg-table tbody tr:nth-child(even){background:rgba(32,51,73,.4)}
.sg-eval-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.sg-resources{margin-top:2rem;border-top:1px solid var(--sg-line);padding-top:1.3rem;scroll-margin-top:5rem}
.sg-resources h3{font-size:1.2rem;margin:.3rem 0 1rem}
.sg-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.sg-link-grid a{display:flex;flex-direction:column;gap:.4rem;background:var(--sg-bg);border:1px solid var(--sg-line);border-radius:12px;padding:.95rem;text-decoration:none}
.sg-link-grid a:hover{border-color:#91dce8}
.sg-link-grid span{font-size:.68rem;letter-spacing:.08em;color:#a8d6e5}
.sg-link-grid strong{color:#e7f4fd;font-size:.89rem;font-weight:700}
@media(max-width:850px){.sg-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-lab-layout{grid-template-columns:minmax(0,1fr)}.sg-eval-steps{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.sg-answer{border-radius:15px}.sg-pick-grid,.sg-score-grid,.sg-proof,.sg-link-grid,.sg-fields{grid-template-columns:minmax(0,1fr)}.sg-toc{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sg-section{padding:1.5rem 0}.sg-table{font-size:.8rem}.sg-table th,.sg-table td{padding:.75rem .7rem}.sg-lab{padding:1rem}.sg-results{padding:1.1rem}.sg-results strong{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.sg-guide *,.sg-section *{scroll-behavior:auto}}