.technical-guide { --tg-text:#e2e8f0; --tg-muted:#94a3b8; --tg-card:#131d2e; --tg-line:#29364a; --tg-accent:#5eead4; color:var(--tg-text); max-width:1080px; margin:28px auto 56px; }
.technical-guide * { box-sizing:border-box; }
.technical-guide a { color:var(--tg-accent); }
.tg-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; margin-bottom:22px; }
.tg-breadcrumbs span { color:var(--tg-muted); }
.tg-hero { padding:32px; border:1px solid var(--tg-line); border-radius:24px; background:linear-gradient(130deg,var(--tg-card),transparent); margin-bottom:28px; }
.tg-kicker { color:var(--tg-accent); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:0 0 12px; }
.technical-guide h1 { font-size:clamp(30px,5vw,46px); font-weight:700; line-height:1.16; letter-spacing:-.025em; margin:0 0 16px; }
.technical-guide h2 { font-size:23px; font-weight:700; line-height:1.3; margin:0 0 12px; }
.technical-guide h3 { font-size:18px; font-weight:700; line-height:1.35; margin:0 0 10px; }
.technical-guide p { font-size:15px; line-height:1.75; margin:0 0 12px; }
.technical-guide p:last-child { margin-bottom:0; }
.tg-lead { color:var(--tg-muted); max-width:740px; }
.tg-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.tg-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; border:1px solid var(--tg-line); border-radius:12px; padding:10px 16px; font-size:14px; font-weight:600; }
.tg-button.primary { background:#5eead4; border-color:#5eead4; color:#09231e; }
.tg-section { margin:32px 0; scroll-margin-top:100px; }
.tg-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.tg-card { padding:24px; background:var(--tg-card); border:1px solid var(--tg-line); border-radius:18px; min-width:0; }
.tg-card p,.tg-note p { color:var(--tg-muted); }
.tg-tag { display:inline-block; color:var(--tg-accent); font-size:12px; margin-bottom:10px; }
.tg-card-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:18px; font-size:14px; font-weight:600; }
.tg-card-links a { min-height:44px; display:inline-flex; align-items:center; }
.tg-rule { border-left:3px solid var(--tg-accent); padding:18px 22px; background:var(--tg-card); border-radius:0 14px 14px 0; }
.tg-note { border:1px solid var(--tg-line); border-radius:16px; padding:20px 24px; margin:24px 0; }
.tg-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.tg-step-number { color:var(--tg-accent); font-size:13px; font-weight:700; margin-bottom:12px; }
.tg-related { display:flex; flex-wrap:wrap; gap:10px; }
.tg-sources { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:14px; }
.technical-guide a:focus-visible,.technical-help-trigger:focus-visible,.technical-help-more:focus-visible { outline:2px solid #5eead4; outline-offset:4px; }
.technical-badge-group,.technical-control { display:inline-flex; align-items:center; gap:4px; max-width:100%; }
.technical-help { display:inline-block; position:relative; flex:none; }
.technical-help-trigger { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #334155; border-radius:50%; color:#cbd5e1; font-size:13px; font-weight:700; list-style:none; cursor:pointer; }
.technical-help-trigger::-webkit-details-marker { display:none; }
.technical-help-trigger:hover { color:#5eead4; border-color:#5eead4; }
.technical-help-panel { position:absolute; width:min(320px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; right:0; top:calc(100% + 8px); margin:0; padding:20px; border:1px solid #435269; border-radius:16px; background:#152136; color:#e2e8f0; box-shadow:0 18px 60px #0006; z-index:100; font-size:14px; text-align:left; line-height:1.65; }
.technical-help-panel[popover] { position:fixed; inset:auto; }
.technical-help-panel strong { display:block; font-size:15px; margin-bottom:8px; }
.technical-help-panel p { margin:0 0 12px; color:#cbd5e1; }
.technical-help-more { display:inline-flex; align-items:center; gap:8px; color:#5eead4; font-weight:600; min-height:44px; }
html[data-theme="light"] .technical-guide { --tg-text:#142338; --tg-muted:#526377; --tg-card:#fff; --tg-line:#dbe3eb; --tg-accent:#08776b; }
html[data-theme="light"] .technical-help-trigger { color:#475569; border-color:#cbd5e1; }
html[data-theme="light"] .technical-help-panel { color:#142338; background:#fff; border-color:#cbd5e1; box-shadow:0 18px 60px #14233826; }
html[data-theme="light"] .technical-help-panel p { color:#526377; }
html[data-theme="light"] .technical-help-more { color:#08776b; }
@media(max-width:640px) {
    .technical-guide { margin:18px auto 40px; }
    .tg-hero { padding:24px 20px; border-radius:20px; }
    .tg-grid,.tg-steps { grid-template-columns:1fr; }
    .tg-card { padding:20px; }
    .tg-note { padding:20px; }
    .technical-guide h2 { font-size:21px; }
    .tg-actions .tg-button { width:100%; }
    .technical-help-trigger { width:44px; height:44px; }
}

/* Index tools share this bundle with their help controls. */
.investor-tools { --ia-text:#e2e8f0; --ia-muted:#94a3b8; --ia-line:#29364a; --ia-bg:#131d2e; color:var(--ia-text); margin:32px 0; scroll-margin-top:90px; }
.investor-tools * { box-sizing:border-box; }
.investor-tools h2 { font-size:26px; font-weight:700; margin:0; }
.investor-tools h3 { font-size:20px; font-weight:600; margin:0; }
.investor-tools h4 { font-size:18px; font-weight:600; margin:0 0 16px; }
.investor-tools p { margin:12px 0; line-height:1.65; font-size:14px; color:var(--ia-muted); }
.ia-heading,.ia-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ia-heading { flex-wrap:wrap; }
.ia-heading a { color:#5eead4; min-height:44px; display:inline-flex; align-items:center; font-size:14px; }
.investor-tools .ia-kicker { margin:0 0 8px; color:#5eead4; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.ia-grid,.ia-rolling-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ia-card { min-width:0; border:1px solid var(--ia-line); background:var(--ia-bg); padding:24px; border-radius:20px; }
.ia-drawdown,.ia-rolling { margin-top:16px; }
.investor-tools .ia-value { color:var(--ia-text); font-size:28px; font-weight:600; margin:14px 0; }
.investor-tools .ia-small { font-size:12px; line-height:1.65; }
.ia-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; margin:20px 0; }
.ia-inputs label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.ia-inputs input,.ia-inputs select { width:100%; min-height:44px; border:1px solid #435269; border-radius:10px; padding:10px 12px; background:#0b1220; color:var(--ia-text); font:inherit; font-size:14px; }
.ia-results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; border:1px solid var(--ia-line); border-radius:14px; padding:20px; }
.ia-results span { display:block; color:var(--ia-muted); font-size:12px; margin-bottom:8px; }
.ia-results strong { display:block; font-size:20px; overflow-wrap:anywhere; }
.investor-tools .ia-error { color:#fda4af; margin:4px 0 0; min-height:20px; }
.ia-window { min-width:0; border:1px solid var(--ia-line); border-radius:14px; padding:20px; }
.ia-window dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0; }
.ia-window dt { color:var(--ia-muted); font-size:12px; }
.ia-window dd { margin:4px 0 0; font-size:19px; font-weight:600; }
.ia-pair { border-top:1px solid var(--ia-line); margin-top:16px; padding-top:8px; }
.investor-tools .ia-pair p { margin:6px 0; }
.ia-pair strong { color:var(--ia-text); }
.investor-tools input:focus-visible,.investor-tools select:focus-visible,.investor-tools a:focus-visible { outline:2px solid #5eead4; outline-offset:3px; }
html[data-theme="light"] .investor-tools { --ia-text:#142338; --ia-muted:#526377; --ia-line:#dbe3eb; --ia-bg:#fff; }
html[data-theme="light"] .ia-inputs input,html[data-theme="light"] .ia-inputs select { background:#f8fafc; border-color:#cbd5e1; }
html[data-theme="light"] .ia-heading a,html[data-theme="light"] .investor-tools .ia-kicker { color:#08776b; }
html[data-theme="light"] .investor-tools .ia-error { color:#be123c; }
@media(max-width:640px) {
    .ia-grid,.ia-rolling-grid,.ia-inputs { grid-template-columns:1fr; }
    .ia-card { padding:20px; }
    .ia-results { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px; }
    .investor-tools h2 { font-size:23px; }
    .investor-tools h3 { font-size:18px; }
}