/* square-root-shortcut — the source page's own self-contained widget,
   copied faithfully. Every selector is already scoped to #srsApp / .srs-*,
   so nothing here can reach the shared header, footer or theme tokens. */

/* ============================================================
   THEMES — Dark (default) · Light · System-auto
============================================================ */
.srs-app{
  --bg:#070B14; --bg2:#0B1120;
  --panel:#101A2C; --panel2:#0D1524; --field:#060A12;
  --hair:rgba(255,255,255,.07); --hair-gold:rgba(201,169,106,.25);
  --accent:#C9A96A; --accent-b:#E9D4A5; --accent-ink:#14100a;
  --text:#EFEAE0; --muted:#9AA6BB;
  --green:#34D399; --red:#F87171; --teal:#2DD4BF; --purple-t:#D9A8EC; --orange-t:#FFB870;
  --nav-bg:rgba(7,11,20,.9);
  --shadow:0 24px 70px rgba(0,0,0,.55);
  --hero-glow1:rgba(201,169,106,.14); --hero-glow2:rgba(46,117,182,.12);
  --bar-op:.28; --grid-line:rgba(201,169,106,.14); --axis:#8B95A8;
  --lad-cell:#FFFFFF; --lad-cell-tx:#222; --lad-edge:#3E4A5E;
  --xl-blue:#2E75B6; --xl-blue-d:#1F4E79;
  --xl-teal:#14A3A8; --xl-teal-d:#0D7377;
  --xl-green:#43A047; --xl-green-d:#2E7D32;
  --xl-orange:#FB8C00; --xl-orange-d:#E65100;
  --xl-purple:#8E24AA; --xl-purple-d:#6A1B9A;
  --xl-slate:#546E7A; --xl-slate-d:#37474F;
}
.srs-app[data-theme="light"]{
  --bg:#F7F4EC; --bg2:#EFEBDF;
  --panel:#FFFFFF; --panel2:#FAF7F0; --field:#FFFFFF;
  --hair:rgba(31,44,74,.12); --hair-gold:rgba(154,117,50,.35);
  --accent:#9A7532; --accent-b:#7A5A1E; --accent-ink:#fff;
  --text:#1E2740; --muted:#5D6880;
  --green:#0E8A5F; --red:#C2402F; --teal:#0B7E74; --purple-t:#7B2E96; --orange-t:#B35C00;
  --nav-bg:rgba(247,244,236,.92);
  --shadow:0 18px 50px rgba(30,39,64,.12);
  --hero-glow1:rgba(154,117,50,.14); --hero-glow2:rgba(46,117,182,.10);
  --bar-op:.35; --grid-line:rgba(30,39,64,.12); --axis:#5D6880;
  --lad-cell:#FFFFFF; --lad-cell-tx:#222; --lad-edge:#8A93A6;
}
@media (prefers-color-scheme: light){
.srs-app:not([data-theme]){
    --bg:#F7F4EC; --bg2:#EFEBDF;
    --panel:#FFFFFF; --panel2:#FAF7F0; --field:#FFFFFF;
    --hair:rgba(31,44,74,.12); --hair-gold:rgba(154,117,50,.35);
    --accent:#9A7532; --accent-b:#7A5A1E; --accent-ink:#fff;
    --text:#1E2740; --muted:#5D6880;
    --green:#0E8A5F; --red:#C2402F; --teal:#0B7E74; --purple-t:#7B2E96; --orange-t:#B35C00;
    --nav-bg:rgba(247,244,236,.92);
    --shadow:0 18px 50px rgba(30,39,64,.12);
    --hero-glow1:rgba(154,117,50,.14); --hero-glow2:rgba(46,117,182,.10);
    --bar-op:.35; --grid-line:rgba(30,39,64,.12); --axis:#5D6880;
    --lad-cell:#FFFFFF; --lad-cell-tx:#222; --lad-edge:#8A93A6;
  }
}
.srs-app, .srs-app *{margin:0;padding:0;box-sizing:border-box}
.srs-app{-webkit-text-size-adjust:100%}
.srs-app{background:var(--bg);color:var(--text);width:100%;font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;line-height:1.6;overflow-x:hidden;transition:background .3s,color .3s}
.srs-app h1, .srs-app h2, .srs-app h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}
.srs-app a{color:var(--accent);text-decoration:none}
.srs-app button{font-family:inherit}
.srs-app .wrap{width:min(1120px,93%);margin:0 auto}
.srs-app section{padding:clamp(44px,7vw,80px) 0;border-bottom:1px solid var(--hair)}
.srs-app .eyebrow{display:inline-block;letter-spacing:.24em;text-transform:uppercase;font-size:clamp(.56rem,1.8vw,.72rem);color:var(--accent);border:1px solid var(--hair-gold);padding:7px 18px;border-radius:999px}
.srs-app .sec-title{font-size:clamp(1.3rem,3.6vw,2.15rem);color:var(--accent-b);text-align:center;margin-bottom:10px;letter-spacing:.02em}
.srs-app .sec-sub{text-align:center;color:var(--muted);max-width:680px;margin:0 auto clamp(22px,4.5vw,40px);font-size:clamp(.85rem,2.4vw,1rem)}


/* --- Text colour guard: theme/browser overrides ko defeat karta hai --- */
.srs-app h1, .srs-app h2, .srs-app h3, .srs-app h4, .srs-app p, .srs-app span, .srs-app b, .srs-app i, .srs-app small, .srs-app td, .srs-app th, .srs-app li, .srs-app summary, .srs-app label, .srs-app em, .srs-app u, .srs-app figcaption{color:inherit}
.srs-app .hero h1{color:var(--text)}
.srs-app .sec-title{color:var(--accent-b)}
.srs-app a{color:var(--accent)}



/* --- Glitter hero heading (safe: no background-clip, always visible) --- */
.srs-app .hero h1{font-weight:800;letter-spacing:.01em;color:var(--text);
 text-shadow:0 1px 0 rgba(255,255,255,.08),0 3px 14px rgba(201,169,106,.28)}
.srs-app .hero h1 .srs-rainbow{font-weight:900!important;animation:srsRainbowText 5s linear infinite;
 text-shadow:0 2px 12px rgba(255,120,80,.35)}
@keyframes srsRainbowText{
 0%{color:#FF2D78}18%{color:#FF8A00}36%{color:#E8B90F}54%{color:#12C9A0}72%{color:#4F8CFF}88%{color:#B45CFF}100%{color:#FF2D78}}

/* --- Glitter buttons --- */
.srs-app .btn.glit{border:0;color:#fff!important;font-weight:700;position:relative;overflow:hidden;
 background:linear-gradient(100deg,#FF2D78,#FF8A00,#FFD54A,#22E3B2,#4F8CFF,#B45CFF,#FF2D78);
 background-size:320% 100%;animation:srsGlitter 7s linear infinite;
 box-shadow:0 4px 20px rgba(255,80,140,.3),0 2px 10px rgba(80,140,255,.22);text-shadow:0 1px 3px rgba(0,0,0,.4)}
.srs-app .btn.glit::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.7),transparent);
 animation:srsShine 3.2s ease-in-out infinite}
.srs-app .btn.glit:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,80,140,.45)}
.srs-app .range-bar input, .srs-app .calc-input input{border:2px solid transparent;
 background-image:linear-gradient(var(--field),var(--field)),linear-gradient(100deg,#FF2D78,#FF8A00,#22E3B2,#4F8CFF);
 background-origin:border-box;background-clip:padding-box,border-box}
.srs-app .range-bar input:focus, .srs-app .calc-input input:focus{box-shadow:0 0 0 3px rgba(255,120,140,.2)}

/* --- Glitter hero badge --- */
.srs-app .hero .eyebrow{position:relative;overflow:hidden;border:0;color:#fff;font-weight:700;
 background:linear-gradient(100deg,#FF2D78,#FF8A00,#FFD54A,#22E3B2,#4F8CFF,#B45CFF,#FF2D78);
 background-size:320% 100%;animation:srsGlitter 7s linear infinite;
 box-shadow:0 4px 22px rgba(255,80,140,.35),0 2px 10px rgba(80,140,255,.25);text-shadow:0 1px 3px rgba(0,0,0,.35)}
.srs-app .hero .eyebrow::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);
 animation:srsShine 3.2s ease-in-out infinite}
@keyframes srsGlitter{0%{background-position:0% 50%}100%{background-position:320% 50%}}
@keyframes srsShine{0%{left:-70%}55%{left:130%}100%{left:130%}}

/* ============ RADICAL / FRACTION NOTATION ============ */
.srs-app .rt{display:inline-flex;align-items:baseline;white-space:nowrap}
.srs-app .rt sup{font-size:.5em;transform:translateY(-.35em);margin-right:1px}
.srs-app .rt .sign{font-family:Georgia,serif}
.srs-app .rt .under{border-top:2px solid currentColor;padding:0 .18em .02em .1em;margin-left:-.08em}
.srs-app .fr{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.25;margin:0 .18em;font-size:.92em}
.srs-app .fr b{font-weight:inherit;border-bottom:2px solid var(--accent);padding:0 .35em;color:var(--accent-b)}
.srs-app .fr i{font-style:normal;padding:0 .35em;color:var(--accent-b)}

/* ============ NAV ============ */
.srs-app nav{position:relative;z-index:6;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}
.srs-app .nav-in{width:min(1120px,94%);margin:0 auto;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.srs-app .brand{display:flex;align-items:center;gap:10px;min-width:0}
.srs-app .medal{flex:0 0 auto;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 18px rgba(201,169,106,.35)}
.srs-app .medal svg{width:100%;height:100%;display:block}
.srs-app .brand b{font-family:Georgia,serif;color:var(--accent-b);letter-spacing:.05em;font-size:.9rem;white-space:nowrap}
.srs-app .brand small{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}
.srs-app .nav-right{display:flex;align-items:center;gap:8px}
.srs-app .theme-btn{background:none;border:1px solid var(--hair-gold);color:var(--accent-b);border-radius:999px;padding:7px 13px;font-size:.78rem;cursor:pointer;letter-spacing:.04em;white-space:nowrap}
.srs-app .nav-toggle{display:none;background:none;border:1px solid var(--hair-gold);color:var(--accent-b);border-radius:8px;padding:6px 11px;font-size:1rem;cursor:pointer}
.srs-app .nav-links{display:flex;gap:clamp(9px,1.6vw,20px);flex-wrap:wrap;font-size:.8rem;letter-spacing:.04em}
.srs-app .nav-links a{color:var(--text);opacity:.82;padding:4px 0}
.srs-app .nav-links a:hover{color:var(--accent-b);opacity:1}
@media (max-width:960px){
.srs-app .nav-toggle{display:block}
.srs-app .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg2);border-bottom:1px solid var(--hair);flex-direction:column;gap:0;padding:6px 5%}
.srs-app .nav-links.open{display:flex}
.srs-app .nav-links a{padding:12px 0;border-bottom:1px solid var(--hair);font-size:.95rem}
.srs-app .nav-links a:last-child{border-bottom:0}
}

/* ============ HERO + VIDEO ON TOP ============ */
.srs-app .hero{padding:clamp(48px,8vw,88px) 0 clamp(36px,6vw,56px);text-align:center;
 background:radial-gradient(ellipse 70% 55% at 50% -12%,var(--hero-glow1),transparent 68%),
            radial-gradient(ellipse 40% 40% at 85% 10%,var(--hero-glow2),transparent 70%),var(--bg)}
.srs-app .hero .eyebrow{margin-bottom:20px}
.srs-app .hero h1{font-size:clamp(.92rem,3.1vw,2.45rem);line-height:1.34;max-width:960px;margin:0 auto 14px}
.srs-app .hero h1 .srs-line, .srs-app .hero h1 .srs-rainbow{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;display:inline!important;position:static!important;font-size:inherit!important;line-height:inherit!important;font-family:inherit!important;letter-spacing:inherit!important;border-radius:0!important}
.srs-app .hero h1 .srs-line{white-space:nowrap}

.srs-app .inventor{color:var(--muted);margin-bottom:20px;font-size:clamp(.85rem,2.5vw,1rem)}
.srs-app .inventor .srs-rib{font-weight:800!important;text-decoration:underline!important;text-underline-offset:5px;text-decoration-thickness:2px;text-decoration-color:var(--accent);letter-spacing:.06em;color:var(--text)!important;background:none!important;border:0!important;padding:0!important;display:inline!important}
.srs-app .inventor b{display:block;color:var(--accent-b);font-family:Georgia,serif;font-size:clamp(1.05rem,3vw,1.3rem);letter-spacing:.06em;margin-top:4px}
.srs-app .hero-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:760px;margin:0 auto 26px}
.srs-app .pill{border:1px solid var(--hair);background:var(--panel);border-radius:12px;padding:10px 16px;font-size:.8rem}
.srs-app .pill span{color:var(--accent);display:block;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px}
.srs-app .btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:clamp(28px,5vw,40px)}
.srs-app .btn{display:inline-block;padding:12px 24px;border-radius:12px;font-size:.88rem;letter-spacing:.04em;border:1px solid var(--accent);transition:.25s;cursor:pointer}
.srs-app .btn.gold{background:linear-gradient(135deg,var(--accent-b),var(--accent));color:var(--accent-ink);font-weight:600;box-shadow:0 8px 26px rgba(154,130,70,.28)}
.srs-app .btn.gold:hover{transform:translateY(-2px)}
.srs-app .btn.ghost{color:var(--accent-b);background:transparent}
.srs-app .btn.ghost:hover{background:var(--hair)}
.srs-app .video-frame{max-width:820px;margin:0 auto;border:1px solid var(--hair-gold);border-radius:16px;overflow:hidden;background:var(--panel2);box-shadow:var(--shadow)}
.srs-app .video-frame .ratio{position:relative;padding-top:56.25%}
.srs-app .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.srs-app .video-cap{font-size:.74rem;color:var(--muted);margin-top:10px;letter-spacing:.04em}

/* ============ RESEARCH ABSTRACT ============ */
.srs-app .paper{max-width:860px!important;width:min(860px,100%)!important;margin:0 auto!important;background:var(--panel);border:1px solid var(--hair-gold);border-radius:18px;padding:clamp(22px,4.5vw,38px);box-shadow:var(--shadow)}
.srs-app .paper .ptag{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.srs-app .paper h3{color:var(--accent-b);font-size:clamp(1.05rem,3vw,1.3rem);margin-bottom:10px}
.srs-app .paper p{color:var(--text);font-size:clamp(.88rem,2.4vw,.98rem);margin-bottom:14px;text-align:left}
.srs-app .paper p:last-of-type{margin-bottom:0}
.srs-app .hl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:20px}
.srs-app .hl{background:var(--field);border:1px solid var(--hair);border-radius:12px;padding:14px 12px;text-align:center}
.srs-app .hl b{display:block;font-family:Georgia,serif;font-size:clamp(1.05rem,3vw,1.35rem);color:var(--accent-b)}
.srs-app .hl span{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ============ FORMULA ============ */
.srs-app .def-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:28px}
.srs-app .def{background:var(--panel);border:1px solid var(--hair);border-radius:14px;padding:18px 12px;text-align:center}
.srs-app .def .sym{font-family:Georgia,serif;font-size:clamp(1.4rem,4vw,1.9rem);color:var(--accent-b)}
.srs-app .def p{font-size:.78rem;color:var(--muted);margin-top:5px;line-height:1.4}
.srs-app .formula-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.srs-app .formula-box{background:var(--panel);border:1px solid var(--hair-gold);border-radius:18px;padding:clamp(24px,4.5vw,38px) 14px;text-align:center;box-shadow:var(--shadow)}
.srs-app .formula-box.old-f{border-color:var(--hair);opacity:.92}
.srs-app .formula-box .label{letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.56rem,1.8vw,.7rem);color:var(--accent);margin-bottom:18px}
.srs-app .formula-box.old-f .label{color:var(--muted)}
.srs-app .formula-lines{font-family:Georgia,serif;font-size:clamp(1.05rem,3.6vw,1.7rem);display:grid;gap:14px;justify-items:center}
.srs-app .formula-lines .rt .under{border-color:var(--accent)}
.srs-app .formula-lines em{font-style:normal;color:var(--accent-b)}
.srs-app .formula-box.old-f .formula-lines .rt .under{border-color:var(--muted)}
.srs-app .formula-box.old-f .formula-lines em, .srs-app .formula-box.old-f .fr b, .srs-app .formula-box.old-f .fr i{color:var(--muted)}
.srs-app .formula-box.old-f .fr b{border-color:var(--muted)}
.srs-app .formula-note{font-size:.74rem;color:var(--muted);margin-top:14px}

/* ============ NUMBER LADDER (as in the presentation) ============ */
.srs-app .ladder{display:flex;gap:8px;align-items:flex-start}
.srs-app .lad-nums{flex:0 0 auto;display:flex;flex-direction:column;border:1px solid var(--lad-edge);border-radius:6px;overflow:hidden}
.srs-app .lad-cell{width:64px;min-width:64px;height:var(--rh,22px);min-height:var(--rh,22px);display:flex;align-items:center;justify-content:center;background:var(--lad-cell);color:var(--lad-cell-tx);font-size:.72rem;font-weight:600;border-bottom:1px solid var(--lad-edge);position:relative;line-height:1}
.srs-app .lad-cell:last-child{border-bottom:0}
.srs-app .lad-cell.edge{background:var(--xl-slate-d);color:#fff}
.srs-app .lad-cell.target{background:#FFE817;color:#8a0000;font-weight:800}
.srs-app .lad-cell.target::before{content:attr(data-f);position:absolute;left:-30px;color:var(--red);font-weight:800;font-size:.74rem;text-decoration:underline}
.srs-app .lad-cell.dots{letter-spacing:.2em;color:#666}
.srs-app .lad-bars{flex:0 0 auto;position:relative;width:66px;align-self:stretch;min-height:100px}
.srs-app .lad-bar{position:absolute;top:0;width:27px;border-radius:7px;display:flex;align-items:center;justify-content:center}
.srs-app .lad-bar.g1{left:0;background:linear-gradient(180deg,#4A5568,#2D3748)}
.srs-app .lad-bar.g2{right:0;height:100%;background:linear-gradient(180deg,#B8A9D9,#8E7CC3)}
.srs-app .lad-bar span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.srs-app .lad-bar::before, .srs-app .lad-bar::after{content:'';position:absolute;left:50%;transform:translateX(-50%);border:7px solid transparent}
.srs-app .lad-bar::before{top:-2px;border-top:0}
.srs-app .lad-bar.g1::before{border-bottom-color:#4A5568}
.srs-app .lad-bar.g2::before{border-bottom-color:#B8A9D9}
.srs-app .lad-bar::after{bottom:-2px;border-bottom:0}
.srs-app .lad-bar.g1::after{border-top-color:#2D3748}
.srs-app .lad-bar.g2::after{border-top-color:#8E7CC3}
.srs-app .lad-wrap{display:flex;justify-content:center;padding:6px 0 2px 34px}
.srs-app .lad-cap{text-align:center;font-size:.68rem;color:var(--muted);margin-top:8px;letter-spacing:.05em}

/* ============ WORKED EXAMPLES ============ */
.srs-app .ex-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){.ex-grid{grid-template-columns:1fr 1fr;gap:16px}}
.srs-app .ex{background:var(--panel);border:1px solid var(--hair);border-radius:16px;padding:20px 16px}
.srs-app .ex h3{color:var(--accent-b);font-size:1.25rem;margin-bottom:4px;text-align:center}
.srs-app .ex .between{text-align:center;font-size:.74rem;color:var(--muted);margin-bottom:12px}
.srs-app .ex .split{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.srs-app .ex .board{font-family:Georgia,serif;font-size:clamp(.95rem,2.6vw,1.06rem);background:var(--field);border:1px solid var(--hair);border-radius:12px;padding:14px 10px 14px 12px;margin-bottom:12px}
.srs-app .ex .board .ln{display:grid;grid-template-columns:auto 1fr;gap:6px;padding:4px 0;align-items:center}
.srs-app .ex .board .ln > span:first-child{text-align:right;min-width:3em}
.srs-app .ex .board .rt .under{border-color:var(--accent)}
.srs-app .ex .board .ans{color:var(--accent-b);font-weight:bold;border-top:1px dashed var(--hair-gold);margin-top:5px;padding-top:8px}
.srs-app .ex .vals{display:grid;gap:6px;font-size:.75rem}
.srs-app .ex .vals div{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:9px;background:var(--bg2);border:1px solid var(--hair)}
.srs-app .ex .vals span{color:var(--muted);letter-spacing:.02em}
.srs-app .ex .vals b{font-family:Georgia,serif}
.srs-app .ex .vals .ab{border-color:var(--xl-purple);background:rgba(142,36,170,.1)}
.srs-app .ex .vals .ab b{color:var(--purple-t)}
.srs-app .ex .vals .old b{color:var(--orange-t)}
.srs-app .ex .vals .cv b{color:var(--teal)}
@media (max-width:560px){ .ex .split{grid-template-columns:1fr} .ex .lad-wrap{order:2} }

/* ============ CALCULATOR ============ */
.srs-app .calc{max-width:880px;margin:0 auto;background:var(--panel);border:1px solid var(--hair-gold);border-radius:20px;padding:clamp(20px,4.5vw,36px) clamp(14px,3.5vw,28px);box-shadow:var(--shadow)}
.srs-app .calc-input{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.srs-app .calc-input input{background:var(--field);border:1px solid var(--hair);border-radius:12px;color:var(--accent-b);font-family:Georgia,serif;font-size:1.3rem;padding:11px 14px;width:min(190px,100%);text-align:center;outline:none}
.srs-app .calc-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(160,130,70,.16)}
.srs-app .calc-body{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
@media (max-width:680px){ .calc-body{grid-template-columns:1fr} .calc-body .lad-wrap{justify-content:center} }
.srs-app .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:14px}
.srs-app .step{background:var(--field);border:1px solid var(--hair);border-radius:10px;padding:9px 3px;text-align:center}
.srs-app .step span{display:block;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}
.srs-app .step b{font-family:Georgia,serif;font-size:clamp(.9rem,3vw,1.05rem)}
.srs-app .result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.srs-app .result{border-radius:13px;padding:15px 11px;text-align:center;border:1px solid var(--hair);background:var(--field)}
.srs-app .result.hl{border-color:var(--accent);background:linear-gradient(180deg,rgba(160,130,70,.12),transparent)}
.srs-app .result span{display:block;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.srs-app .result b{font-family:Georgia,serif;font-size:clamp(1rem,3.2vw,1.3rem);color:var(--accent-b);word-break:break-all}
.srs-app .result small{display:block;color:var(--muted);font-size:.7rem;margin-top:4px}
.srs-app .err{color:var(--red);text-align:center;font-size:.84rem;min-height:1.3em;margin-top:10px}
.srs-app .calc-note{text-align:center;color:var(--muted);font-size:.75rem;margin-top:12px}

/* ============ EXCEL TABLE ============ */
.srs-app .range-bar{display:flex;gap:10px;justify-content:center;align-items:end;flex-wrap:wrap;margin-bottom:20px}
.srs-app .range-bar label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:5px;text-align:center}
.srs-app .range-bar input{background:var(--field);border:1px solid var(--hair);border-radius:10px;color:var(--text);font-family:Georgia,serif;font-size:1rem;padding:9px 10px;width:96px;text-align:center;outline:none}
.srs-app .range-bar input:focus{border-color:var(--accent)}
.srs-app .scroll-hint{display:none;text-align:center;color:var(--muted);font-size:.7rem;margin-bottom:8px;letter-spacing:.06em}
.srs-app .tbl-wrap{overflow:auto;border:1px solid var(--hair-gold);border-radius:14px;background:var(--panel2);-webkit-overflow-scrolling:touch;max-height:72vh}
.srs-app table{border-collapse:collapse;width:100%;min-width:900px;font-size:.78rem}
.srs-app thead th{position:sticky;z-index:5;color:#fff;font-weight:600;padding:9px 7px;text-align:center;font-size:.7rem;letter-spacing:.03em;white-space:nowrap}
.srs-app thead tr:first-child th{top:0}
.srs-app thead tr:last-child th{top:34px;font-size:.63rem;font-weight:500}
.srs-app .g-num{background:var(--xl-blue-d)} .g-num2{background:var(--xl-blue)}
.srs-app .g-prev{background:var(--xl-teal-d)} .g-prev2{background:var(--xl-teal)}
.srs-app .g-next{background:var(--xl-green-d)} .g-next2{background:var(--xl-green)}
.srs-app .g-trad{background:var(--xl-orange-d)} .g-trad2{background:var(--xl-orange)}
.srs-app .g-ab{background:var(--xl-purple-d)} .g-ab2{background:var(--xl-purple)}
.srs-app .g-win{background:var(--xl-slate-d)} .g-win2{background:var(--xl-slate)}
.srs-app tbody td{padding:7px 9px;text-align:center;border-bottom:1px solid var(--hair);font-variant-numeric:tabular-nums;white-space:nowrap}
.srs-app tbody tr:nth-child(even){background:rgba(127,127,127,.05)}
.srs-app tbody tr:hover{background:rgba(160,130,70,.1)}
.srs-app tbody tr.perfect td{color:var(--green);font-weight:600;background:rgba(20,160,110,.08)}
.srs-app td.bad{color:var(--red);font-weight:600}
.srs-app td.good{color:var(--green);font-weight:600}
.srs-app td.bar{position:relative}
.srs-app td.bar i{position:absolute;left:0;top:16%;bottom:16%;border-radius:0 4px 4px 0;opacity:var(--bar-op);font-style:normal;z-index:0}
.srs-app td.bar span{position:relative;z-index:1}
.srs-app td .win-ab{color:var(--purple-t);font-weight:700}
.srs-app td .win-old{color:var(--orange-t);font-weight:700}
.srs-app td .win-tie{color:var(--muted)}
.srs-app .tbl-note{color:var(--muted);font-size:.74rem;margin-top:12px;text-align:center;line-height:1.9}
.srs-app .tbl-note i{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin:0 5px 0 12px;font-style:normal}

/* ============ DEVIATION ANALYSIS ============ */
.srs-app .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:28px}
.srs-app .stat{background:var(--panel);border:1px solid var(--hair);border-radius:14px;padding:20px 14px;text-align:center}
.srs-app .stat span{display:block;font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.srs-app .stat b{font-family:Georgia,serif;font-size:clamp(1.15rem,3.6vw,1.55rem);color:var(--accent-b)}
.srs-app .stat small{display:block;color:var(--muted);font-size:.72rem;margin-top:5px}
.srs-app .stat.tr b{color:var(--orange-t)}
.srs-app .stat.ab-s{border-color:var(--xl-purple)}
.srs-app .stat.ab-s b{color:var(--purple-t)}
.srs-app canvas{width:100%;height:auto;background:var(--field);border:1px solid var(--hair);border-radius:14px}
.srs-app .legend{display:flex;gap:22px;justify-content:center;margin-top:12px;font-size:.78rem;color:var(--muted);flex-wrap:wrap}
.srs-app .legend i{display:inline-block;width:22px;height:4px;border-radius:2px;margin-right:7px;vertical-align:middle}

/* ============ FAQ GRID ============ */
.srs-app .faq-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
@media (min-width:760px){.faq-grid{grid-template-columns:1fr 1fr;gap:12px}}
.srs-app .faq-grid details{min-width:0}

/* ============ DOWNLOADS + CITATION ============ */
.srs-app .dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:900px;margin:0 auto 26px}
.srs-app .dl{background:var(--panel);border:1px solid var(--hair);border-radius:14px;padding:20px 14px;text-align:center;transition:.25s}
.srs-app .dl:hover{border-color:var(--accent);transform:translateY(-3px)}
.srs-app .dl .ic{font-size:1.7rem;margin-bottom:7px}
.srs-app .dl b{display:block;color:var(--text);font-family:Georgia,serif;margin-bottom:3px;font-size:.92rem}
.srs-app .dl small{color:var(--muted);font-size:.72rem}
.srs-app .cite{max-width:760px;margin:0 auto;background:var(--field);border:1px dashed var(--hair-gold);border-radius:14px;padding:18px 20px;font-size:.82rem;color:var(--muted)}
.srs-app .cite b{color:var(--accent);display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.srs-app .cite em{color:var(--text);font-style:italic}

/* ============ FOOTER ============ */
.srs-app footer{padding:48px 0 40px;text-align:center;background:radial-gradient(ellipse 60% 90% at 50% 125%,var(--hero-glow1),transparent 70%)}
.srs-app footer .f-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}
.srs-app footer .medal{width:48px;height:48px;flex:0 0 auto}
.srs-app footer .f-id{text-align:left}
.srs-app footer .f-id h3{margin:0;line-height:1.25}
.srs-app footer .f-id p{margin:0;font-size:.8rem;line-height:1.3}
.srs-app footer h3{color:var(--accent-b);letter-spacing:.08em;margin-bottom:4px;font-size:clamp(1rem,3vw,1.25rem)}
.srs-app footer p{color:var(--muted);font-size:.86rem}
.srs-app footer .contact{margin:14px 0 18px;font-size:clamp(.84rem,2.5vw,.96rem);line-height:2}
.srs-app .social{display:flex;gap:12px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}
.srs-app .social a{width:44px;height:44px;border-radius:50%;border:1px solid var(--hair-gold);display:flex;align-items:center;justify-content:center;transition:.25s;background:var(--panel)}
.srs-app .social a:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--accent)}
.srs-app .social svg{width:19px;height:19px;fill:var(--accent-b)}
.srs-app .social a:hover svg{fill:var(--accent-ink)}
.srs-app footer .fine{font-size:.68rem;color:var(--muted);opacity:.7;margin-top:16px;letter-spacing:.05em}

/* ============ MOBILE ============ */
@media (max-width:640px){
.srs-app section{padding:38px 0}
.srs-app .hero-meta .pill{flex:1 1 46%}
.srs-app .btn-row{flex-wrap:nowrap;gap:8px}
.srs-app .btn-row .btn{padding:11px 14px;font-size:.78rem;white-space:nowrap;flex:1 1 auto;text-align:center}
.srs-app .calc-input .btn, .srs-app .calc-input input{width:100%}
.srs-app .scroll-hint{display:block}
.srs-app table{font-size:.72rem;min-width:820px}
.srs-app tbody td{padding:6px 7px}
.srs-app .range-bar input{width:84px}
.srs-app .lad-cell{width:54px;min-width:54px;font-size:.66rem}
.srs-app .lad-bars{width:58px}
.srs-app .lad-bar{width:24px}
.srs-app .lad-wrap{padding-left:32px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}