/* Scoped editorial navigation and tools catalog. Existing calculator styles stay unchanged. */
.sg-editorial-sidebar { position:static; gap:16px; min-width:0; }
.sg-editorial-block { background:#fff; border:1px solid #e0e5ee; border-radius:14px; padding:20px; min-width:0; }
.sg-editorial-block h2 { font-size:17px; line-height:1.4; margin:0 0 14px; letter-spacing:-.2px; }
.sg-editorial-caption { color:#596579; font-size:12px; line-height:1.5; margin:-7px 0 14px; }
.sg-editorial-ranking { list-style:none; padding:0; margin:0; }
.sg-editorial-ranking li { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px 0; border-top:1px solid #edf0f5; }
.sg-editorial-rank { color:#657188; font-size:13px; font-variant-numeric:tabular-nums; }
.sg-editorial-ranking a { font-size:15px; font-weight:700; overflow-wrap:anywhere; }
.sg-editorial-score { color:#176651; background:#edf7f2; border-radius:5px; padding:3px 6px; font-size:13px; font-weight:700; white-space:nowrap; }
.sg-editorial-score small { font-size:10px; font-weight:400; margin-left:2px; }
.sg-editorial-more { display:flex; justify-content:space-between; gap:10px; padding-top:14px; margin-top:4px; border-top:1px solid #e0e5ee; font-size:13px; font-weight:650; color:#2855a2; }
.sg-editorial-links { display:grid; gap:0; }
.sg-editorial-links a { display:block; padding:12px 0; border-top:1px solid #e0e5ee; overflow-wrap:anywhere; }
.sg-editorial-links a:first-child { border-top:0; padding-top:0; }
.sg-editorial-links a:last-child { padding-bottom:0; }
.sg-editorial-links strong { display:block; font-size:14px; line-height:1.5; }
.sg-editorial-links a > span { display:block; font-size:12px; line-height:1.55; margin-top:4px; color:#596579; }
.sg-editorial-analysis { background:#f0f4fa; }
.sg-editorial-badge { display:inline-block; font-size:10px; font-weight:600; color:#364d70; background:#fff; padding:2px 6px; border-radius:4px; margin-left:5px; vertical-align:middle; }
.sg-editorial-related { list-style:none; padding:0; margin:0; display:grid; gap:14px; font-size:14px; line-height:1.6; }
.sg-editorial-sidebar a:hover,.sg-editorial-sidebar a:focus-visible { color:#2456aa; text-decoration:underline; text-underline-offset:3px; }
.sg-tools-hub { padding-top:24px; padding-bottom:48px; }
.sg-tools-intro { margin:22px 0 28px; max-width:760px; }
.sg-tools-intro h1 { font-size:clamp(26px,3vw,36px); line-height:1.2; letter-spacing:-.8px; margin:0 0 12px; }
.sg-tools-intro p { color:#596579; font-size:16px; line-height:1.65; max-width:650px; margin:0; }
.sg-tools-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sg-tools-group { --tool-accent:#275baa; background:#fff; border:1px solid #dce3ed; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; min-width:0; }
.sg-tools-group--odds { --tool-accent:#176958; }
.sg-tools-group--risk { --tool-accent:#7050a0; }
.sg-tools-group > header { display:flex; align-items:center; gap:10px; padding:17px 20px; background:#f4f6fa; border-top:3px solid var(--tool-accent); }
.sg-tools-group h2 { font-size:16px; line-height:1.4; margin:0; }
.sg-tools-group-icon { display:flex; color:var(--tool-accent); flex-shrink:0; }
.sg-tools-group-icon svg { width:20px; height:20px; }
.sg-tool-choice { display:flex; flex-direction:column; padding:20px; flex:1; text-decoration:none; transition:background .15s; }
.sg-tool-choice + .sg-tool-choice { border-top:1px solid #e4e9f1; }
.sg-tool-choice h3 { font-size:18px; line-height:1.35; letter-spacing:-.2px; margin:0 0 10px; }
.sg-tool-choice p { font-size:14px; line-height:1.6; color:#596579; margin:0 0 16px; }
.sg-tool-choice > span { margin-top:auto; color:var(--tool-accent); font-size:13px; font-weight:650; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sg-tool-choice:hover,.sg-tool-choice:focus-visible { background:#f5f8fc; }
.sg-tools-next { margin-top:36px; }
.sg-tools-next > header { margin-bottom:18px; }
.sg-tools-next h2 { font-size:23px; line-height:1.3; margin:0 0 8px; }
.sg-tools-next header p { color:#596579; font-size:14px; line-height:1.6; margin:0; }
.sg-tools-destinations { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #dce3ed; border-radius:14px; overflow:hidden; background:#f0f4fa; }
.sg-tools-destinations > a { padding:22px; display:flex; flex-direction:column; min-width:0; }
.sg-tools-destinations > a + a { border-left:1px solid #dce3ed; }
.sg-tools-kicker { color:#53647d; font-size:11px; font-weight:650; margin-bottom:10px; }
.sg-tools-destinations h3 { font-size:18px; line-height:1.4; margin:0 0 8px; }
.sg-tools-destinations p { font-size:13px; line-height:1.65; color:#526077; margin:0 0 18px; }
.sg-tools-destination-link { display:flex; justify-content:space-between; gap:8px; font-size:12px; font-weight:650; color:#2855a2; margin-top:auto; }
.sg-tools-destinations > a:hover,.sg-tools-destinations > a:focus-visible { background:#e6edf8; }
.sg-tools-promotions { margin-top:32px; display:grid; gap:18px; }
.sg-tools-hub a:focus-visible,.sg-editorial-sidebar a:focus-visible { outline:2px solid #2855a2; outline-offset:3px; }
@media(max-width:1100px) {
 .sg-tools-catalog { gap:12px; }
 .sg-tools-group > header,.sg-tool-choice { padding:16px; }
 .sg-tools-destinations { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sg-tools-destinations > a:nth-child(3) { border-left:0; }
 .sg-tools-destinations > a:nth-child(n+3) { border-top:1px solid #dce3ed; }
}
@media(max-width:767px) {
 .sg-tools-catalog { grid-template-columns:1fr; gap:18px; }
 .sg-tools-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sg-tools-group > header { grid-column:1/-1; }
 .sg-tool-choice + .sg-tool-choice { border-top:0; border-left:1px solid #e4e9f1; }
 .sg-tools-intro { margin:20px 0 24px; }
 .sg-tools-intro p { font-size:14px; }
}
@media(max-width:479px) {
 .sg-tools-group,.sg-tools-destinations { grid-template-columns:1fr; }
 .sg-tool-choice + .sg-tool-choice { border-left:0; border-top:1px solid #e4e9f1; }
 .sg-tool-choice h3 { font-size:17px; }
 .sg-tools-destinations > a + a { border-left:0; border-top:1px solid #dce3ed; }
 .sg-editorial-block { padding:18px; }
}
