/* app.css */ :root{--navy:#06111f;--navy2:#0b1930;--navy3:#112440;--lime:#79f217;--blue:#6486ff;--violet:#7f54ff;--bg:#f5f8fc;--card:#fff;--ink:#0d1b2e;--muted:#6e7f96;--line:#e1e8f1;--ok:#13a163;--warn:#d98b00;--bad:#cb3d51} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}body[dir=rtl]{font-family:Tahoma,Arial,sans-serif}.container{width:min(1200px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(6,17,31,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:74px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;line-height:1.05}.brand b{display:block;font-size:22px;letter-spacing:.04em}.brand small{display:block;color:#7f90a8;font-size:8px;margin-top:5px}.logo-mark{color:var(--lime);font-size:31px;line-height:1}.mainnav{display:flex;gap:22px;margin-inline-start:auto}.mainnav a,.admin-link{color:#ced8e6;text-decoration:none;font-size:14px;font-weight:750}.mainnav a:hover,.admin-link:hover{color:#fff}.langbox{display:flex;gap:3px}.langbox a{font-size:10px;text-transform:uppercase;color:#91a1b7;text-decoration:none;padding:4px 5px;border-radius:6px}.langbox a.active{background:#20324e;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:13px 17px;text-decoration:none;font-weight:850;cursor:pointer}.lime{background:var(--lime);color:#122008}.dark{background:#10213b;color:#fff}.soft{background:#eef3f8;color:#20324d}.navscan{font-size:13px;white-space:nowrap}.toast{position:fixed;right:18px;top:88px;z-index:100;background:#123b2d;color:#eafff5;padding:12px 16px;border-radius:11px;box-shadow:0 14px 36px rgba(0,0,0,.25)}.hero{background:radial-gradient(circle at 78% 15%,rgba(100,134,255,.3),transparent 32%),radial-gradient(circle at 22% 95%,rgba(127,84,255,.22),transparent 30%),var(--navy);color:#fff;padding:92px 0 100px}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(121,242,23,.09);border:1px solid rgba(121,242,23,.3);color:#d7ffb2;font-size:12px;font-weight:850;letter-spacing:.04em}.hero h1,.page-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.hero p,.page-hero p{font-size:18px;color:#b8c7da;max-width:760px}.hero-scan{display:flex;background:#fff;padding:8px;border-radius:16px;max-width:800px;margin-top:30px}.hero-scan input{flex:1;border:0;outline:0;padding:14px 15px;font-size:16px}.hero-links{display:flex;gap:18px;margin-top:15px}.ghost-link{color:#cbd7e7;text-decoration:none;font-size:14px}.hero-panel{background:rgba(13,29,52,.9);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.mini-head{display:flex;justify-content:space-between;color:#7f91a9;font-size:11px;font-weight:800}.online-dot{color:#9dff5f}.score-demo{display:flex;align-items:center;gap:16px;margin:24px 0}.big-score{font-size:68px;font-weight:900;line-height:1;color:#fff}.score-demo b{display:block}.score-demo small{color:#8395ad}.metric-demo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-demo div{background:#0c1930;border-radius:12px;padding:12px}.metric-demo span{display:block;color:#8da0ba;font-size:12px}.metric-demo b{font-size:23px}.metric-demo i,.score-grid i{display:block;height:5px;background:#22344e;border-radius:9px;overflow:hidden;margin-top:8px}.metric-demo em,.score-grid em{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--lime))}.section{padding:80px 0}.section-head{max-width:800px;margin-bottom:34px}.section-head h2,.split h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 12px}.section-head p,.lead{font-size:18px;color:var(--muted)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#6c7e96}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(20,43,75,.04)}.feature-card{padding:24px}.feature-card>span{font-size:11px;color:#73849b;font-weight:900}.feature-card h3{font-size:20px;margin:7px 0}.feature-card p{color:#6d7d91}.dark-section{background:var(--navy);color:#fff}.section-head.light p{color:#9eb0c6}.tool-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-cloud a{background:#0e1e36;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:16px;color:#fff;text-decoration:none}.tool-cloud small{display:block;color:#7f93ad;margin-top:4px}.center{text-align:center;margin-top:25px}.split{display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:center}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none}.checklist li:before{content:"✓";color:var(--ok);font-weight:900;margin-inline-end:8px}.stack-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.stack-card div{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.stack-card div:last-child{border:0}.good{color:var(--ok)}.warn{color:var(--warn)}.page-hero{background:linear-gradient(135deg,var(--navy),#102448);color:#fff;padding:58px 0}.page-hero h1{font-size:clamp(38px,5vw,62px);max-width:950px}.tools-area{padding:46px 0 75px}.tools-layout{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:start}.tool-sidebar{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto}.tool-search input,.run-form input,.compare-form input,.contact-card input,.contact-card textarea,.admin-login input,.newsletter input{width:100%;border:1px solid #dbe3ee;border-radius:10px;padding:13px 14px;font:inherit}.tool-search{padding:5px 5px 10px}.tool-list a{display:flex;gap:11px;align-items:center;color:#19283e;text-decoration:none;padding:10px;border-radius:10px}.tool-list a:hover{background:#f1f5fa}.tool-list a.active{background:#0d1b31;color:#fff}.tool-list a small{display:block;color:#7c8da4;font-size:10px}.tool-list a.active small{color:#91a4bf}.tool-idx{font-size:10px;font-weight:900;color:#8292a8}.tool-workspace{padding:28px;min-height:540px}.tool-head{display:flex;justify-content:space-between;gap:20px}.tool-head h2{font-size:31px;margin:4px 0}.tool-head p{margin:0;color:var(--muted)}.pill{font-size:11px;background:#edf3f8;padding:6px 9px;border-radius:999px;height:max-content}.run-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:27px 0}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.summary-grid div,.admin-stats div{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fbfdff}.summary-grid small,.admin-stats small{display:block;color:#77889e;font-size:10px;text-transform:uppercase}.summary-grid strong,.admin-stats strong{display:block;font-size:18px;overflow-wrap:anywhere}.result{margin-top:18px}.result-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;color:#6d7d92;margin-bottom:7px}.result-bar button{border:0;background:#e9eef6;padding:7px 10px;border-radius:7px;cursor:pointer}.result pre,.code{background:#06111f;color:#dce8f6;border-radius:13px;padding:18px;white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:620px}.alert{background:#fff0f2;color:#a32e3d;padding:13px 15px;border-radius:10px;margin:14px 0}.success{background:#e7f9ef;color:#147c4d;padding:13px 15px;border-radius:10px;margin:14px 0}.report-section{padding:40px 0 80px}.report-top{display:grid;grid-template-columns:210px 1fr;gap:20px}.report-score{background:var(--navy2);color:#fff;border-radius:20px;padding:28px;text-align:center}.report-score strong{display:block;font-size:65px;line-height:1}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.score-grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.score-grid small{display:block;color:#74849a}.score-grid strong{font-size:25px}.report-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.report-card{padding:25px;margin-top:18px}.check-row{display:grid;grid-template-columns:30px 1fr minmax(0,300px);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.status{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:900}.status.pass{background:#dff9ea;color:var(--ok)}.status.fail{background:#ffe1e5;color:var(--bad)}.check-row small{display:block;color:#76869a}.fix{font-size:13px;color:#5f7188}.compare-form{padding:20px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.compare-card{padding:24px}.compare-score{font-size:62px;font-weight:900;color:#13223a}.compare-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px}.info-card h2{font-size:23px;margin:7px 0}.info-card p{color:#65768d}.cta-strip{background:#0b1a31;color:#fff;padding:38px 0}.cta-strip .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-strip h2{margin:0;font-size:31px}.cta-strip p{margin:5px 0;color:#9aacc2}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:26px}.price-card.featured{border:2px solid var(--lime);box-shadow:0 18px 50px rgba(74,150,16,.1)}.price-card h2{font-size:46px;margin:7px 0}.price-card ul{padding-left:20px}.plan{font-size:11px;font-weight:900;color:#6b7c92}.muted{color:#75869a;font-size:13px}.resource-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card,.blog-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.resource-card{padding:24px}.resource-card>span{font-size:11px;font-weight:900;color:#73849a}.resource-card a,.blog-card a{color:#274cc6;font-weight:800;text-decoration:none}.blog-art{height:180px;padding:17px;background:linear-gradient(135deg,#172b4c,#724eff);color:#fff}.art-1{background:linear-gradient(135deg,#0a2331,#20a389)}.art-2{background:linear-gradient(135deg,#301d4a,#d75a8b)}.blog-art span{font-size:11px;font-weight:900}.blog-body{padding:20px}.blog-body h2{line-height:1.2}.narrow{max-width:760px}.contact-card,.admin-login{padding:25px}.contact-card{display:grid;gap:18px}.contact-card label,.admin-login label{font-weight:750}.contact-card input,.contact-card textarea,.admin-login input{display:block;margin-top:7px}.contact-card textarea{min-height:170px;resize:vertical}.admin-shell{padding:60px 0 80px}.admin-login{max-width:560px;margin:auto}.admin-login form{display:grid;gap:16px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.admin-head h1{font-size:46px;margin:10px 0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.admin-stats strong{font-size:30px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-grid>.card{padding:24px}.admin-list{padding:0;list-style:none;max-height:520px;overflow:auto}.admin-list li{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line)}.admin-list small{color:#7b8ca1}.footer{background:#05101f;color:#c4d0df;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.8fr) 1.15fr;gap:50px}.footer h3{color:#fff;font-size:16px;margin:0 0 16px}.footer a:not(.brand){display:block;color:#aab9cc;text-decoration:none;margin:10px 0;font-size:14px}.footer p{color:#8fa1b8;font-size:14px}.newsletter{display:flex;background:#10203a;border-radius:10px;overflow:hidden}.newsletter input{background:transparent;border:0;color:#fff;border-radius:0}.newsletter button{width:44px;border:0;background:var(--violet);color:#fff;font-size:18px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding:22px 0 28px;margin-top:48px;color:#8799b0;font-size:12px} @media(max-width:1050px){.mainnav{display:none}.navscan{display:none}.hero-inner,.split{grid-template-columns:1fr}.feature-grid,.resource-grid,.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:15px}.tool-cloud{grid-template-columns:1fr 1fr}} @media(max-width:800px){.tools-layout{grid-template-columns:1fr}.tool-sidebar{position:static;max-height:none}.tool-list{display:grid;grid-template-columns:1fr 1fr}.summary-grid,.score-grid{grid-template-columns:1fr 1fr}.report-top{grid-template-columns:1fr}.compare-form{grid-template-columns:1fr}.compare-grid,.pricing-grid,.info-grid,.admin-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.cta-strip .container{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}} @media(max-width:520px){.container{width:min(100% - 24px,1200px)}.hero{padding:60px 0}.hero h1{font-size:44px}.hero-scan{flex-direction:column}.feature-grid,.resource-grid,.blog-grid,.tool-cloud,.metric-demo,.summary-grid,.score-grid,.tool-list,.admin-stats{grid-template-columns:1fr}.langbox{display:none}.check-row{grid-template-columns:30px 1fr}.fix{grid-column:2}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}} .report-hero-grid{display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:center}.report-meta{display:flex;gap:10px;flex-wrap:wrap}.report-meta span{font-size:12px;color:#a8b8ca;background:rgba(255,255,255,.06);padding:6px 9px;border-radius:8px}.hero-score-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;text-align:center}.hero-score-box small{display:block;color:#9fb1c7}.hero-score-box strong{font-size:68px;line-height:1;display:block}.hero-score-box span{color:#8fa2ba}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.report-kpis>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.report-kpis small{display:block;color:#78899e;font-size:11px;text-transform:uppercase}.report-kpis strong{display:block;font-size:30px}.report-kpis span{font-size:12px;color:#77889d}.report-card-head{display:flex;justify-content:space-between;gap:20px}.count-badge{font-size:11px;font-weight:850;background:#edf3f8;color:#53667f;padding:6px 9px;border-radius:999px;height:max-content}.danger-badge{background:#ffe7eb;color:#b93449}.danger-text{color:#bf3b50}.priority-card{border-color:#ffd6dd;background:#fffafb}.report-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.signal-list>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.signal-list dt{font-weight:800;color:#34465f}.signal-list dd{margin:0;color:#697a90;overflow-wrap:anywhere}@media(max-width:850px){.report-hero-grid,.report-two-col{grid-template-columns:1fr}.report-kpis{grid-template-columns:1fr 1fr}.hero-score-box{max-width:220px}.signal-list>div{grid-template-columns:1fr}}@media(max-width:520px){.report-kpis{grid-template-columns:1fr}} /* RUTSS V3.2 — full-width report redesign */ .report-hero-v32{background:radial-gradient(circle at 85% 0,rgba(101,130,255,.26),transparent 34%),linear-gradient(135deg,#071323,#0b1f3b);color:#fff;padding:54px 0 48px} .report-hero-v32-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:36px;align-items:center} .report-title-area h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 8px} .report-url{color:#a9bad0;font-size:15px;overflow-wrap:anywhere;margin:0 0 16px} .report-meta-v32{display:flex;gap:8px;flex-wrap:wrap} .report-meta-v32 span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:7px 10px;color:#b8c6d7;font-size:12px} .overall-card-v32{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2)} .overall-card-v32 small{display:block;color:#a3b3c7}.overall-number{font-size:68px;font-weight:950;line-height:1;margin:5px 0}.overall-card-v32>span{color:#8ea0b7}.overall-label{margin-top:9px;color:#dce8f6;font-weight:800;font-size:13px} .report-main-v32{padding:28px 0 76px} .report-actions-v32{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px} .report-kpi-v32{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px} .report-kpi-v32 article{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;min-height:118px} .report-kpi-v32 small{display:block;color:#7b8ca0;font-size:11px;text-transform:uppercase;font-weight:850}.report-kpi-v32 strong{font-size:31px;line-height:1.1;display:block;margin-top:2px}.report-kpi-v32 p{font-size:12px;color:#7a899d;margin:4px 0} .kpi-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:950;flex:0 0 34px}.kpi-icon.danger{background:#ffe8ec;color:#bd3950}.kpi-icon.warn{background:#fff1d8;color:#c17a00}.kpi-icon.good{background:#e4f9ed;color:#138757}.kpi-icon.info{background:#e8efff;color:#3e65d6} .score-panel-v32,.issue-panel-v32,.detail-panel-v32{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(20,43,75,.035)} .score-panel-v32,.issue-panel-v32{margin-bottom:18px} .section-title-v32{display:flex;justify-content:space-between;gap:35px;align-items:flex-start;margin-bottom:18px}.section-title-v32.compact{align-items:center}.section-title-v32 h2{font-size:25px;line-height:1.15;margin:4px 0}.section-title-v32>p{max-width:520px;color:#74859a;font-size:13px;margin:7px 0} .score-cards-v32{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.score-cards-v32 article{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fbfcfe}.score-card-top{display:flex;justify-content:space-between;gap:10px}.score-card-top span{font-size:12px;font-weight:800;color:#40536c}.score-card-top strong{font-size:24px}.score-track-v32{height:6px;background:#e6ecf3;border-radius:99px;overflow:hidden;margin:10px 0 7px}.score-track-v32 i{display:block;height:100%;background:linear-gradient(90deg,#587cff,#79f217);border-radius:99px}.score-cards-v32 small{font-size:10px;color:#8392a5} .critical-panel-v32{border-color:#ffd9df;background:#fffbfc}.checks-v32{border-top:1px solid var(--line)}.check-v32{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(250px,36%);gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.check-v32:last-child{border-bottom:0}.check-icon-v32{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:950;margin-top:1px}.check-v32.passed .check-icon-v32{background:#e3f9ec;color:#128454}.check-v32.failed .check-icon-v32{background:#ffe4e9;color:#bd3650}.check-main-v32 h3{font-size:14px;margin:0 0 3px}.check-main-v32 p,.check-action-v32 p{font-size:12px;color:#6e7f93;margin:0;line-height:1.55;overflow-wrap:anywhere}.check-action-v32{background:#f8fafc;border-radius:10px;padding:10px 12px}.check-v32.passed .check-action-v32{background:#f4fbf7}.check-action-v32 small{display:block;font-size:9px;text-transform:uppercase;color:#8a98aa;font-weight:900;margin-bottom:3px} .count-badge{font-size:11px;font-weight:850;background:#edf3f8;color:#53667f;padding:6px 9px;border-radius:999px;white-space:nowrap}.danger-badge{background:#ffe7eb;color:#b93449}.danger-text{color:#bf3b50} .report-bottom-grid-v32{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.signal-list-v32{margin:0}.signal-list-v32>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.signal-list-v32>div:last-child{border-bottom:0}.signal-list-v32 dt{font-size:12px;font-weight:850;color:#384b65}.signal-list-v32 dd{margin:0;color:#6d7d91;font-size:12px;overflow-wrap:anywhere} .trace-list-v32>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:11px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)}.trace-list-v32>div:last-child{border-bottom:0}.trace-status{background:#0b1a2f;color:#fff;border-radius:8px;text-align:center;padding:5px;font-weight:900;font-size:11px}.trace-list-v32 strong{display:block;font-size:12px;overflow-wrap:anywhere}.trace-list-v32 small{display:block;color:#8494a8;margin-top:3px} @media(max-width:900px){.report-hero-v32-grid{grid-template-columns:1fr}.overall-card-v32{max-width:210px}.report-kpi-v32{grid-template-columns:1fr 1fr}.score-cards-v32{grid-template-columns:1fr 1fr}.report-bottom-grid-v32{grid-template-columns:1fr}.check-v32{grid-template-columns:34px minmax(0,1fr)}.check-action-v32{grid-column:2}.section-title-v32{flex-direction:column;gap:4px}} @media(max-width:560px){.report-kpi-v32,.score-cards-v32{grid-template-columns:1fr}.signal-list-v32>div{grid-template-columns:1fr}.report-actions-v32 .btn{width:100%}} /* RUTSS V3.3 — persistent website across all tools */ .active-target{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#f1f6ff;border:1px solid #dce7f6;border-radius:13px;padding:12px 14px;margin:22px 0 10px} .active-target small{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;color:#6f82a0} .active-target strong{display:inline-block;font-size:14px;color:#10213a;margin-right:9px} .active-target span{font-size:11px;color:#75869c} .active-target a{font-size:11px;font-weight:850;text-decoration:none;color:#365cc9;white-space:nowrap} .persistent-run-form{align-items:end;margin-top:10px} .target-input-wrap{min-width:0} .target-input-wrap label{display:block;font-size:11px;font-weight:850;color:#42546d;margin:0 0 6px} .target-input-wrap small{display:block;font-size:10px;color:#8493a6;margin:6px 2px 0} @media(max-width:700px){.active-target{align-items:flex-start;flex-direction:column}.persistent-run-form{grid-template-columns:1fr}.persistent-run-form .btn{width:100%}} /* RUTSS V3.4 — polished tool results */ .active-target{ background:#f7f9fc; border:1px solid #e1e8f1; padding:10px 12px; margin:18px 0 10px; } .active-target div{display:flex;align-items:center;gap:9px;min-width:0} .active-target small{font-size:9px} .active-target strong{ font-size:13px; max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .active-target span{display:none} .active-target a{ background:#fff; border:1px solid #dfe6ef; border-radius:8px; padding:6px 9px; color:#4a5f78; } .target-input-wrap small{display:none} .summary-grid{ margin-top:16px; margin-bottom:18px; gap:12px; } .summary-grid div{ min-height:72px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(180deg,#fbfdff,#f7f9fc); border:1px solid #e0e7f0; box-shadow:0 5px 18px rgba(20,43,75,.025); } .summary-grid small{ letter-spacing:.08em; font-weight:850; } .summary-grid strong{ margin-top:3px; font-size:20px; } .tool-result-modern{ margin-top:22px; background:#fff; border:1px solid #dfe7f0; border-radius:16px; overflow:hidden; box-shadow:0 12px 36px rgba(20,43,75,.05); } .tool-result-head{ display:flex; justify-content:space-between; gap:20px; align-items:center; padding:17px 19px; border-bottom:1px solid #e7edf4; background:linear-gradient(180deg,#fff,#fbfcfe); } .tool-result-head h3{ margin:3px 0 0; font-size:18px; color:#10213a; } .result-copy-btn{ border:1px solid #dce4ee; background:#f4f7fb; color:#2d405b; border-radius:9px; padding:8px 11px; font-size:11px; font-weight:850; cursor:pointer; } .result-copy-btn:hover{ background:#eaf0f7; } .tool-result-body{ padding:0; background:#fbfcfe; max-height:520px; overflow:auto; } .tool-result-body pre{ margin:0; padding:20px 22px; background:transparent; color:#20324a; border-radius:0; max-height:none; white-space:pre-wrap; overflow:visible; word-break:break-word; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; font-size:12px; line-height:1.7; tab-size:2; } .tool-result-body pre::selection{ background:#dce8ff; } .tool-result-body::-webkit-scrollbar{ width:10px; height:10px; } .tool-result-body::-webkit-scrollbar-track{ background:#f1f4f8; } .tool-result-body::-webkit-scrollbar-thumb{ background:#c4cfdd; border-radius:10px; border:2px solid #f1f4f8; } .tool-result-body::-webkit-scrollbar-thumb:hover{ background:#aebccd; } .tool-workspace{ min-height:0; } .run-form{ margin-bottom:8px; } @media(max-width:700px){ .active-target div{display:block} .active-target strong{display:block;margin-top:2px} .tool-result-head{align-items:flex-start} .tool-result-body pre{font-size:11px;padding:16px} } /* RUTSS V3.5 — no repeated input, auto-run tools, rich tool education */ .compact-target{ margin:18px 0 16px; min-height:54px; } .compact-target div{display:flex;align-items:center;gap:10px} .compact-target small{margin:0} .compact-target strong{font-size:14px} .compact-target a{ padding:7px 10px; background:#fff; border:1px solid #dce4ee; border-radius:8px; color:#415672; font-size:10px; font-weight:850; text-decoration:none; } .first-target-card{ margin:22px 0; padding:22px; border:1px solid #dfe7f0; border-radius:16px; background:linear-gradient(135deg,#fbfdff,#f3f7fd); } .first-target-card h3{font-size:24px;margin:5px 0 6px} .first-target-card p{color:#71839a;margin:0;max-width:690px} .first-target-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:17px} .first-target-form input{ width:100%; border:1px solid #d9e2ee; border-radius:11px; padding:13px 14px; font:inherit; } .tool-rich-info{ margin:18px 0; border:1px solid #e0e7f0; border-radius:16px; background:#fff; overflow:hidden; } .tool-info-intro{ display:grid; grid-template-columns:1.2fr .8fr; gap:0; } .tool-info-intro>div:first-child{padding:20px 22px} .tool-info-intro h3{font-size:22px;margin:4px 0} .tool-info-intro p{color:#6b7c91;margin:0;line-height:1.65} .why-card{ padding:20px 22px; background:linear-gradient(135deg,#0d1d35,#122849); color:#fff; } .why-card small,.tool-info-grid article>small{ font-size:9px; letter-spacing:.1em; font-weight:900; } .why-card small{color:#9eb1c9} .why-card p{color:#d9e4f1;margin:7px 0 0;line-height:1.65} .tool-info-grid{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #e7edf4; } .tool-info-grid article{padding:18px 22px} .tool-info-grid article+article{border-left:1px solid #e7edf4} .tool-info-grid article>small{color:#71839b} .tool-info-grid ul{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px} .tool-info-grid li{ font-size:12px; color:#4d617a; position:relative; padding-left:15px; } .tool-info-grid li:before{ content:""; position:absolute; left:0; top:.62em; width:6px;height:6px;border-radius:50%; background:#79f217; } .tool-info-grid p{font-size:12px;color:#4f6279;line-height:1.7;margin:9px 0 0} .tool-workspace>.tool-head{margin-bottom:0} @media(max-width:800px){ .tool-info-intro,.tool-info-grid{grid-template-columns:1fr} .tool-info-grid article+article{border-left:0;border-top:1px solid #e7edf4} .first-target-form{grid-template-columns:1fr} .tool-info-grid ul{grid-template-columns:1fr} } /* RUTSS V3.6 — clean tool workspace, no domain controls, richer modern information */ .active-target, .compact-target, .first-target-card, .first-target-form, .persistent-run-form, .target-input-wrap{ display:none!important; } .no-site-state{ display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:16px; align-items:center; margin:20px 0; padding:18px; background:linear-gradient(135deg,#f7fbff,#eef4ff); border:1px solid #dce6f3; border-radius:16px; } .no-site-icon{ width:48px;height:48px;border-radius:14px; display:grid;place-items:center; background:linear-gradient(135deg,#6f8cff,#7ef321); color:#fff;font-size:24px;font-weight:900; box-shadow:0 10px 28px rgba(84,112,220,.18); } .no-site-state h3{margin:3px 0 3px;font-size:20px} .no-site-state p{margin:0;color:#6d7f96;font-size:13px} .tool-rich-info{ position:relative; margin:20px 0 18px; border:1px solid #dde6f0; border-radius:20px; overflow:hidden; background: radial-gradient(circle at 88% 12%,rgba(105,126,255,.10),transparent 28%), linear-gradient(180deg,#ffffff,#fbfcff); box-shadow:0 14px 40px rgba(18,40,72,.055); } .tool-rich-info:before{ content:""; position:absolute; inset:0 auto auto 0; width:100%; height:3px; background:linear-gradient(90deg,#79f217,#6d8cff,#8d64ff); } .tool-info-intro{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr); gap:14px; padding:20px; } .tool-info-intro>div:first-child{ padding:22px; border:1px solid #e5ebf3; border-radius:16px; background:rgba(255,255,255,.88); } .tool-info-intro h3{ font-size:28px; letter-spacing:-.025em; margin:5px 0 8px; } .tool-info-intro p{ color:#65778f; font-size:14px; line-height:1.75; } .why-card{ position:relative; padding:22px; border-radius:16px; background:linear-gradient(145deg,#f4f7ff,#edf5ff); border:1px solid #dfe7f4; color:#20324b; } .why-card:after{ content:""; position:absolute; right:-34px; top:-34px; width:110px; height:110px; border-radius:50%; background:radial-gradient(circle,rgba(116,143,255,.18),rgba(116,143,255,0) 68%); } .why-icon{ width:38px;height:38px;border-radius:12px; display:grid;place-items:center; background:#fff; border:1px solid #dce5f2; color:#5577e8; font-weight:950; margin-bottom:16px; box-shadow:0 8px 20px rgba(67,94,169,.08); } .why-card small{ color:#617695; font-size:9px; letter-spacing:.12em; font-weight:900; } .why-card p{ color:#334a68; font-size:14px; line-height:1.75; } .tool-info-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:14px; padding:0 20px 20px; border-top:0; } .tool-info-grid article{ position:relative; padding:20px; border-radius:15px; background:#fff; border:1px solid #e3eaf2; } .tool-info-grid article+article{ border-left:1px solid #e3eaf2; } .tool-info-grid article:first-child{ background:linear-gradient(180deg,#fff,#f9fcff); } .tool-info-grid article:last-child{ background:linear-gradient(180deg,#fbfff7,#f5faef); border-color:#dfead7; } .tool-info-grid article>small{ color:#6a7d96; letter-spacing:.1em; } .tool-info-grid ul{ margin-top:14px; gap:10px 18px; } .tool-info-grid li{ padding:9px 10px 9px 28px; background:#f7f9fc; border-radius:10px; color:#42566f; } .tool-info-grid li:before{ left:11px; top:50%; transform:translateY(-50%); width:7px;height:7px; box-shadow:0 0 0 4px rgba(121,242,23,.12); } .tool-info-grid p{ font-size:13px; line-height:1.75; color:#42566d; } .tool-result-modern{ border-radius:18px; border-color:#dfe7f0; box-shadow:0 14px 42px rgba(18,40,72,.06); } .tool-result-head{ padding:18px 20px; background:linear-gradient(180deg,#ffffff,#f7f9fc); } .tool-result-body{ background:linear-gradient(180deg,#fcfdff,#f8fafc); } .tool-result-body pre{ color:#263950; font-size:12.5px; line-height:1.8; padding:22px 24px; } .summary-grid div{ border-radius:14px; background:linear-gradient(180deg,#ffffff,#f8fbfe); } @media(max-width:800px){ .tool-info-intro,.tool-info-grid{grid-template-columns:1fr} .tool-info-grid article+article{border-left:1px solid #e3eaf2} .no-site-state{grid-template-columns:48px 1fr} .no-site-state .btn{grid-column:1/-1;width:100%} } /* V3.7 expanded tools */ .tools-layout{grid-template-columns:340px minmax(0,1fr)} .tool-workspace{padding:30px} .tool-head h2{font-size:34px} .tool-sidebar{max-height:calc(100vh - 95px)} .tool-list a{padding:11px 10px} .tool-list a b{font-size:13px} .tool-list a small{font-size:9px;text-transform:uppercase;letter-spacing:.06em} @media(max-width:900px){.tools-layout{grid-template-columns:1fr}.tool-sidebar{max-height:none}.tool-list{grid-template-columns:1fr 1fr}} @media(max-width:560px){.tool-list{grid-template-columns:1fr}} /* RUTSS V3.8 — richer security explanations */ .check-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .check-title-line h3{margin:0} .risk-chip{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:999px} .risk-high{background:#ffe5e9;color:#b92f47} .risk-medium{background:#fff0d3;color:#a86500} .risk-low{background:#e8f2ff;color:#3e66c7} .rich-check-v38{padding-top:18px;padding-bottom:18px} .rich-check-v38 .check-main-v32>p{margin-top:4px} .security-explain-v38{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px} .security-explain-v38>div{padding:10px 11px;background:#f7f9fc;border:1px solid #e5ebf2;border-radius:10px} .security-explain-v38 small{display:block;font-size:8px;font-weight:900;letter-spacing:.08em;color:#7b8da4;margin-bottom:4px} .security-explain-v38 p{font-size:11px!important;color:#52667f!important;line-height:1.55!important} .mini-status-v38{display:inline-flex;margin-top:8px;font-size:9px;font-weight:850;padding:4px 7px;border-radius:999px;background:#edf2f7;color:#5a6e87} .check-v32.passed .mini-status-v38{background:#e7f8ee;color:#177a50} @media(max-width:900px){.security-explain-v38{grid-template-columns:1fr}} /* RUTSS V4 Guides */ .guides-hero .btn{margin-top:18px}.guide-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-category-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 35px rgba(20,43,75,.04)}.guide-category-card h2{font-size:26px;margin:7px 0}.guide-category-card p{color:#73849a}.category-links{display:grid;gap:8px;margin:18px 0}.category-links a,.category-more{color:#264fc4;text-decoration:none;font-weight:760;font-size:13px}.category-more{display:inline-block;margin-top:8px}.guide-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.guide-filter a{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:#42556e;font-size:12px;font-weight:800}.guide-filter a.active{background:#0c1d35;color:#fff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 36px rgba(20,43,75,.045)}.guide-cover{display:block;aspect-ratio:16/9;background:#0b1b30;overflow:hidden}.guide-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.guide-card:hover .guide-cover img{transform:scale(1.025)}.guide-card-body{padding:21px}.guide-card-body h2{font-size:23px;line-height:1.2;margin:7px 0}.guide-card-body h2 a{color:#102139;text-decoration:none}.guide-card-body p{color:#667890;font-size:14px}.guide-meta{display:flex;justify-content:space-between;color:#8292a6;font-size:10px;margin:14px 0}.guide-read{font-weight:850;color:#274fc4;text-decoration:none;font-size:13px} .guide-article-hero{background:linear-gradient(135deg,#071323,#102748);color:#fff;padding:58px 0}.guide-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.guide-hero-grid h1{font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:14px 0}.guide-hero-grid p{font-size:18px;color:#b5c4d6;max-width:750px}.guide-hero-grid>img{width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.28)}.guide-back{display:inline-block;color:#a9bad0;text-decoration:none;font-size:12px;margin-bottom:18px}.article-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.article-meta span{font-size:11px;background:rgba(255,255,255,.07);padding:6px 9px;border-radius:8px;color:#c1cddd}.guide-article{padding:58px 0 90px}.article-layout{display:grid;grid-template-columns:260px minmax(0,820px);gap:54px;align-items:start;justify-content:center}.article-toc{position:sticky;top:95px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:8px}.article-toc strong{font-size:13px;margin-bottom:4px}.article-toc a{text-decoration:none;color:#667a92;font-size:11px;line-height:1.4}.article-toc a:hover{color:#284fc2}.article-body{background:#fff;border:1px solid var(--line);border-radius:20px;padding:44px;box-shadow:0 14px 40px rgba(20,43,75,.04)}.article-body p{font-size:16px;line-height:1.9;color:#40536a}.article-lead{font-size:21px!important;line-height:1.75!important;color:#172a43!important}.article-callout{background:#eef5ff;border:1px solid #d9e7fb;border-radius:16px;padding:20px 22px;margin:26px 0}.article-callout.success{background:#f3faef;border-color:#dcebd4}.article-callout strong{display:block;font-size:14px}.article-callout p{margin:7px 0 0}.article-callout ul{margin:10px 0 0}.article-section{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:100px}.section-number{font-size:10px;font-weight:900;color:#6980a0}.article-section h2{font-size:31px;line-height:1.18;margin:6px 0 12px}.article-points{display:grid;gap:8px;padding:0;list-style:none}.article-points li{padding:10px 12px 10px 31px;background:#f8fafc;border-radius:10px;color:#465b73;position:relative}.article-points li:before{content:"✓";position:absolute;left:11px;color:#37a566;font-weight:900}.article-image{margin:28px 0}.article-image img{width:100%;border-radius:16px;display:block}.article-image figcaption{color:#8796a9;font-size:10px;margin-top:7px}.related-tools-box,.article-sources{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.related-tools-box h2,.article-sources h2{font-size:23px}.related-tools-box>div{display:flex;gap:8px;flex-wrap:wrap}.related-tools-box a{background:#f0f5fb;padding:8px 10px;border-radius:9px;text-decoration:none;color:#3155b7;font-size:11px;font-weight:800}.article-sources{display:grid;gap:7px}.article-sources a{color:#3155b7;text-decoration:none;font-size:12px} body[dir=rtl] .article-points li{padding:10px 31px 10px 12px}body[dir=rtl] .article-points li:before{left:auto;right:11px} @media(max-width:1000px){.guide-category-grid,.guide-grid{grid-template-columns:1fr 1fr}.guide-hero-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-toc{position:static}} @media(max-width:640px){.guide-category-grid,.guide-grid{grid-template-columns:1fr}.article-body{padding:24px}.article-section h2{font-size:26px}.guide-article-hero{padding:42px 0}} /* RUTSS V4.1 category heroes + proportionate article imagery */ .guide-category-card{padding:0;overflow:hidden} .category-hero-image{display:block;aspect-ratio:600/260;overflow:hidden;background:#09182c} .category-hero-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease} .guide-category-card:hover .category-hero-image img{transform:scale(1.025)} .category-card-body{padding:22px 24px 24px} .category-feature-hero{padding:34px 0 0} .category-feature-hero .container{display:grid;grid-template-columns:1fr 600px;align-items:center;gap:34px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 38px rgba(20,43,75,.045)} .category-feature-hero h2{font-size:34px;margin:6px 0} .category-feature-hero p{color:#75869b} .category-feature-hero img{width:100%;max-width:600px;height:auto;border-radius:16px;display:block;justify-self:end} .guide-hero-grid>img{width:100%;max-width:600px;height:auto;justify-self:end} .article-image{max-width:600px;margin:28px auto} .article-image img{width:100%;max-width:600px;height:auto;object-fit:contain;border-radius:14px} @media(max-width:1000px){.category-feature-hero .container{grid-template-columns:1fr}.category-feature-hero img,.guide-hero-grid>img{justify-self:start;max-width:600px}} /* RUTSS V4.2 long-form guide system */ .editorial-note{background:#f7f9fc;border:1px solid #e2e9f1;border-radius:14px;padding:16px 18px;margin-bottom:25px}.editorial-note strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.editorial-note p{font-size:13px;margin:6px 0 0!important;color:#65778e!important}.article-section p{font-size:16px;line-height:1.92;margin:13px 0}.section-check{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;background:#f4faef;border:1px solid #dcebd4;border-radius:12px;padding:13px 14px;margin-top:17px}.section-check>span{width:25px;height:25px;border-radius:50%;background:#def4d3;color:#35845b;display:grid;place-items:center;font-weight:900}.section-check p{font-size:12px!important;line-height:1.6!important;margin:2px 0!important}.faq-section{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.faq-section h2{font-size:30px}.faq-section details{border:1px solid #e1e8f0;border-radius:12px;background:#fbfcfe;margin:9px 0;overflow:hidden}.faq-section summary{cursor:pointer;padding:15px 17px;font-weight:850;color:#263a54}.faq-section details p{padding:0 17px 16px;margin:0!important;font-size:14px!important}.article-sources a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.article-sources a span{color:#8291a4;overflow-wrap:anywhere}.article-image{max-width:600px}.article-image img{width:600px;max-width:100%;height:auto} /* RUTSS V4.3 responsive header */ .rutss-header .nav{min-height:72px}.desktop-nav{margin-inline-start:auto;gap:24px}.desktop-nav a{font-size:13px}.header-actions{display:flex;align-items:center;gap:10px} .language-menu{position:relative}.language-trigger{display:flex;align-items:center;gap:6px;height:36px;border:1px solid rgba(255,255,255,.10);background:#13233a;color:#e7eef7;border-radius:9px;padding:0 9px;cursor:pointer;font:inherit}.language-globe{font-size:14px;line-height:1}.language-code{font-size:10px;font-weight:900;letter-spacing:.05em}.language-chevron{font-size:9px;color:#91a3b8} .language-dropdown{position:absolute;right:0;top:44px;width:176px;padding:7px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 20px 60px rgba(5,16,31,.20);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s ease;z-index:120}.language-menu.open .language-dropdown{opacity:1;visibility:visible;transform:none} .language-dropdown a{display:grid;grid-template-columns:26px 1fr 18px;align-items:center;gap:7px;padding:9px 10px;border-radius:8px;text-decoration:none;color:#243750;font-size:12px}.language-dropdown a:hover{background:#f3f6fa}.language-dropdown a.selected{background:#eef5e8;color:#193c25;font-weight:850}.flag{font-size:17px}.selected-check{color:#2d9d5c;font-weight:950;text-align:right} .mobile-menu-trigger{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#13233a;padding:9px;cursor:pointer}.mobile-menu-trigger span{display:block;height:2px;background:#fff;border-radius:4px;margin:4px 0} .mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(3,10,20,.54);opacity:0;visibility:hidden;transition:.2s;z-index:109}.mobile-drawer{position:fixed;top:0;right:0;width:min(88vw,360px);height:100dvh;background:#071423;color:#fff;transform:translateX(105%);transition:transform .24s ease;z-index:110;padding:18px;box-shadow:-28px 0 70px rgba(0,0,0,.32);display:flex;flex-direction:column} body[dir=rtl] .mobile-drawer{right:auto;left:0;transform:translateX(-105%)}.mobile-drawer.open{transform:none!important}.mobile-drawer-backdrop.open{opacity:1;visibility:visible}.mobile-menu-open{overflow:hidden} .mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.09)}.mobile-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#11223a;color:#fff;font-size:24px;line-height:1;cursor:pointer} .mobile-nav{display:grid;padding:18px 0;gap:5px}.mobile-nav a{display:flex;align-items:center;min-height:46px;padding:0 12px;border-radius:10px;color:#dbe5f1;text-decoration:none;font-size:15px;font-weight:800}.mobile-nav a:hover{background:#10233c;color:#fff}.mobile-scan-cta{margin-top:auto;width:100%} @media(max-width:1050px){.desktop-nav,.desktop-admin,.desktop-scan{display:none}.mobile-menu-trigger{display:block}.rutss-header .nav{min-height:66px;gap:12px}.header-actions{margin-inline-start:auto}.brand small{display:none}} @media(max-width:520px){.rutss-header .container.nav{width:calc(100% - 24px)}.rutss-header .brand b{font-size:20px}.rutss-header .logo-mark{font-size:27px}.language-trigger{height:36px;padding:0 8px}.language-code{display:none}.language-dropdown{right:-50px;top:43px}body[dir=rtl] .language-dropdown{right:auto;left:-50px}.mobile-menu-trigger{width:36px;height:36px}} /* V4.4 flags + stronger category/blog images */ .language-trigger{min-width:52px;justify-content:center;padding:0 10px} .language-globe,.language-code,.flag{display:none} .flag-icon{display:inline-block;width:22px;height:15px;border-radius:4px;border:1px solid rgba(12,24,44,.12);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)} .flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23012169'/%3E%3Cpath d='M0 0 L24 0 L60 24 L60 40 L36 40 L0 16 Z' fill='%23fff'/%3E%3Cpath d='M60 0 L36 0 L0 24 L0 40 L24 40 L60 16 Z' fill='%23fff'/%3E%3Cpath d='M0 0 L20 0 L60 26 L60 40 L40 40 L0 14 Z' fill='%23C8102E'/%3E%3Cpath d='M60 0 L40 0 L0 26 L0 40 L20 40 L60 14 Z' fill='%23C8102E'/%3E%3Crect x='24' width='12' height='40' fill='%23fff'/%3E%3Crect y='14' width='60' height='12' fill='%23fff'/%3E%3Crect x='26' width='8' height='40' fill='%23C8102E'/%3E%3Crect y='16' width='60' height='8' fill='%23C8102E'/%3E%3C/svg%3E")} .flag-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='20' height='40' fill='%230055A4'/%3E%3Crect x='20' width='20' height='40' fill='%23fff'/%3E%3Crect x='40' width='20' height='40' fill='%23EF4135'/%3E%3C/svg%3E")} .flag-tr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23E30A17'/%3E%3Ccircle cx='24' cy='20' r='10' fill='%23fff'/%3E%3Ccircle cx='27' cy='20' r='8' fill='%23E30A17'/%3E%3Cpolygon points='36,20 41,18 39,23 39,17 41,22' fill='%23fff'/%3E%3C/svg%3E")} .flag-ar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23006633'/%3E%3Crect x='12' y='18' width='36' height='4' rx='2' fill='%23fff' opacity='.9'/%3E%3Ccircle cx='18' cy='20' r='2.4' fill='%23fff'/%3E%3C/svg%3E")} .language-dropdown a{grid-template-columns:24px 1fr 18px} .image-card{overflow:hidden} .blog-cover{display:block;position:relative;aspect-ratio:600/320;overflow:hidden;background:#0a1830} .blog-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease} .blog-card:hover .blog-cover img,.guide-category-card:hover .category-hero-image img{transform:scale(1.03)} .blog-cover:after,.category-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,17,31,.02),rgba(6,17,31,.14) 60%,rgba(6,17,31,.44));pointer-events:none} .blog-cover-label,.category-hero-badge{position:absolute;left:18px;bottom:16px;z-index:1;display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#10233b;font-size:12px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 25px rgba(0,0,0,.15)} body[dir=rtl] .blog-cover-label,body[dir=rtl] .category-hero-badge{left:auto;right:18px} .blog-body h2{line-height:1.15} .blog-body p{min-height:64px} .enhanced-category-card{padding:0;overflow:hidden;border-radius:22px} .enhanced-category-card .category-card-body{padding:22px} .category-desc{font-size:14px;color:#5f728a;line-height:1.65;margin:0 0 8px} .category-hero-image{display:block;position:relative;aspect-ratio:600/320;overflow:hidden;background:#09182c} .category-hero-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease} .guide-category-grid{align-items:stretch} .guide-category-card,.blog-card{box-shadow:0 16px 40px rgba(18,40,72,.06)} .category-feature-hero .container{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f7fbff)} .category-feature-hero .container:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(116,143,255,.18),rgba(116,143,255,0) 70%)} .category-feature-hero img{box-shadow:0 20px 50px rgba(16,34,58,.12)} .category-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;max-width:560px} .category-hero-stats div{background:#fff;border:1px solid #e3eaf2;border-radius:14px;padding:12px 14px;box-shadow:0 10px 24px rgba(20,43,75,.04)} .category-hero-stats strong{display:block;font-size:22px;line-height:1;color:#10223a} .category-hero-stats span{display:block;color:#6b7e96;font-size:11px;margin-top:5px} @media(max-width:800px){ .guide-category-grid,.blog-grid{grid-template-columns:1fr} .category-hero-image,.blog-cover{aspect-ratio:600/280} .blog-body p{min-height:0} .category-hero-stats{grid-template-columns:1fr 1fr} } @media(max-width:520px){ .language-dropdown{width:190px;right:-10px} body[dir=rtl] .language-dropdown{left:-10px;right:auto} .flag-icon{width:20px;height:14px} .category-hero-image,.blog-cover{aspect-ratio:600/300} .category-hero-badge,.blog-cover-label{left:12px;bottom:12px;font-size:11px;padding:6px 10px} body[dir=rtl] .category-hero-badge,body[dir=rtl] .blog-cover-label{left:auto;right:12px} .category-hero-stats{grid-template-columns:1fr} } /* RUTSS V4.5 — refined H1 scale + homepage hero balance */ .hero h1{font-size:clamp(38px,4.7vw,62px);line-height:1.04;letter-spacing:-.042em;max-width:760px} .page-hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.06;letter-spacing:-.038em} .guide-hero-grid h1{font-size:clamp(36px,4.4vw,56px);line-height:1.05;letter-spacing:-.04em} .report-title-area h1{font-size:clamp(34px,4.2vw,54px)} .hero-inner{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:42px} .hero-panel{max-width:430px;width:100%;justify-self:end;padding:20px} .hero-panel .big-score{font-size:58px} .hero-panel .metric-demo{gap:10px} .hero-panel .metric-demo div{padding:10px} .hero-panel .metric-demo b{font-size:20px} @media(max-width:1050px){.hero-inner{grid-template-columns:1fr}.hero-panel{justify-self:start;max-width:560px}} @media(max-width:520px){ .hero{padding:48px 0 56px} .hero h1{font-size:36px;line-height:1.08;letter-spacing:-.035em} .page-hero h1{font-size:34px;line-height:1.08} .guide-hero-grid h1{font-size:34px;line-height:1.08} .hero-panel{max-width:100%;padding:16px} } /* RUTSS V4.6 — real flag images + PageSpeed-style Speed Lab */ .flag-icon{display:none!important} .flag-image{display:block;width:24px;height:16px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.18);box-shadow:0 1px 4px rgba(0,0,0,.18)} .language-trigger .current-flag{width:25px;height:17px}.language-trigger{min-width:54px;padding:0 9px}.language-dropdown a{grid-template-columns:28px 1fr 18px}.language-dropdown .flag-image{border-color:#d7dfea;box-shadow:none} .speed-lab{margin-top:20px;background:#fff;border:1px solid #dde6f0;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px rgba(20,43,75,.06)} .speed-lab-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid #e6ecf3;background:linear-gradient(180deg,#fff,#fbfcfe)} .speed-lab-head h3{font-size:24px;margin:4px 0 5px}.speed-lab-head p{max-width:650px;margin:0;color:#6f8197;font-size:12px}.speed-device{background:#eef3f8;color:#53677f;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap} .speed-score-row{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;padding:28px 24px;border-bottom:1px solid #e6ecf3} .speed-score-ring{--score:0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0cbe67 calc(var(--score)*1%),#e9eef3 0);position:relative;margin:auto} .speed-score-ring:before{content:"";position:absolute;inset:10px;background:#f8fff9;border-radius:50%}.speed-score-ring>div{position:relative;text-align:center;z-index:1}.speed-score-ring strong{display:block;font-size:45px;line-height:1;color:#0bba64}.speed-score-ring span{font-size:11px;color:#708199} .speed-grade{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.speed-good{background:#e3f8eb;color:#157d50}.speed-warn{background:#fff2d8;color:#a56a00}.speed-bad{background:#ffe4e9;color:#b7354b}.speed-score-copy h4{font-size:26px;margin:8px 0 4px}.speed-score-copy p{margin:0;color:#718299;font-size:13px;overflow-wrap:anywhere} .speed-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 24px;background:#fbfcfe}.speed-metric{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;min-height:145px}.speed-metric .metric-dot{position:absolute;right:13px;top:13px;width:9px;height:9px;border-radius:50%}.metric-good .metric-dot{background:#11be68}.metric-warn .metric-dot{background:#ffad27}.metric-bad .metric-dot{background:#eb4c65}.speed-metric small{display:block;color:#71839a;font-size:10px;text-transform:uppercase;font-weight:850}.speed-metric strong{display:block;font-size:22px;margin:5px 0 8px;overflow-wrap:anywhere}.speed-metric p{margin:0;color:#74849a;font-size:11px;line-height:1.55} .speed-opportunities{padding:22px 24px}.speed-opportunities h4{font-size:20px;margin:4px 0 13px}.speed-opportunities ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.speed-opportunities li{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:12px 14px;background:#fff8eb;border:1px solid #f6e4bd;border-radius:11px}.speed-opportunities li b{font-size:12px;color:#6f4a00}.speed-opportunities li span{font-size:12px;color:#6b7c91}.speed-opportunities .opportunity-pass{background:#effaf4;border-color:#d7efdf}.speed-opportunities .opportunity-pass b{color:#16784d} @media(max-width:850px){.speed-score-row{grid-template-columns:1fr;text-align:center}.speed-score-copy{text-align:center}.speed-metrics-grid{grid-template-columns:1fr 1fr}.speed-opportunities li{grid-template-columns:1fr;gap:4px}} @media(max-width:520px){.flag-image{width:22px;height:15px}.language-trigger .current-flag{width:23px;height:16px}.speed-lab-head{flex-direction:column}.speed-metrics-grid{grid-template-columns:1fr}.speed-score-ring{width:132px;height:132px}.speed-score-ring strong{font-size:40px}.speed-opportunities{padding:18px}.speed-lab-head,.speed-score-row,.speed-metrics-grid{padding-left:18px;padding-right:18px}} /* RUTSS V4.8 Admin Control Center */ .admin-v48{padding:26px 0 70px}.admin-v48>.container{width:min(1500px,calc(100% - 28px))} .admin-app{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:780px;background:#f5f8fb;border:1px solid #dce5ef;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(18,40,72,.08)} .admin-sidebar{background:#071525;color:#fff;padding:22px 14px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:3px 10px 23px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-brand b{display:block;font-size:19px}.admin-brand small{display:block;color:#7f93ac;font-size:9px;margin-top:3px}.admin-sidebar nav{display:grid;gap:5px;padding:18px 0}.admin-sidebar nav a{display:flex;align-items:center;gap:11px;color:#aebed1;text-decoration:none;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:800}.admin-sidebar nav a>span{width:20px;text-align:center;color:#7e94b0}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#10243e;color:#fff}.admin-sidebar nav a.active>span{color:#79f217}.admin-sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;display:grid;gap:4px}.admin-sidebar-bottom a{color:#91a5bd;text-decoration:none;font-size:12px;padding:8px 12px} .admin-main{padding:30px;min-width:0}.admin-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.admin-topline h1{font-size:32px!important;margin:3px 0}.admin-top-actions{display:flex;align-items:center;gap:10px}.admin-live-dot{font-size:11px;color:#1e9d64;font-weight:900}.admin-notice{padding:12px 14px;background:#eaf8ef;color:#20724d;border:1px solid #d0ecd9;border-radius:11px;margin-bottom:18px} .admin-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.admin-kpis.compact{grid-template-columns:repeat(3,1fr)}.admin-kpis article{background:#fff;border:1px solid #dfe7f0;border-radius:15px;padding:16px;box-shadow:0 8px 22px rgba(20,43,75,.03)}.admin-kpis small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#75879d;text-transform:uppercase}.admin-kpis strong{display:block;font-size:30px;line-height:1.1;margin:5px 0;color:#10223b}.admin-kpis span{display:block;color:#8796a8;font-size:10px} .admin-panel{background:#fff;border:1px solid #dfe7f0;border-radius:17px;padding:20px;box-shadow:0 10px 28px rgba(20,43,75,.035);min-width:0}.admin-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.admin-panel-head small{font-size:9px;letter-spacing:.11em;font-weight:900;color:#7a8ca3}.admin-panel-head h2{font-size:22px;margin:3px 0}.admin-panel-head p{color:#74869c;font-size:12px;margin:6px 0}.admin-panel-head>a{font-size:11px;font-weight:850;color:#365cc9;text-decoration:none} .admin-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{display:block;background:#f7f9fc;border:1px solid #e3eaf2;border-radius:13px;padding:15px;text-decoration:none}.quick-grid b{display:block;color:#142842}.quick-grid span{display:block;color:#76879c;font-size:11px;margin-top:4px}.health-list,.system-list{display:grid}.health-list>div,.system-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf1f5;font-size:12px}.health-list>div:last-child,.system-list>div:last-child{border-bottom:0}.ok{color:#198654!important}.bad{color:#c64054!important} .activity-table{display:grid;overflow:auto}.activity-table>div{display:grid;grid-template-columns:190px 150px minmax(180px,1fr) 90px;gap:14px;padding:10px 8px;border-bottom:1px solid #edf1f5;align-items:center;font-size:11px}.activity-table .thead{font-size:9px;font-weight:900;color:#7a8ba1;text-transform:uppercase;background:#f7f9fc;border-radius:9px}.activity-table em{font-style:normal;font-weight:900}.activity-table.full{max-height:650px} .admin-split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.admin-form{display:grid;gap:13px}.admin-form label{font-size:11px;font-weight:850;color:#40536d}.admin-form input,.admin-form textarea,.admin-form select,.inline-add input,.test-mail-form input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #dbe4ee;border-radius:9px;background:#fff;font:inherit}.admin-form textarea{resize:vertical;line-height:1.55}.article-editor{min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row.three{grid-template-columns:1.3fr .55fr .75fr}.form-actions{display:flex;gap:8px;flex-wrap:wrap} .content-list{display:grid;gap:9px;max-height:800px;overflow:auto}.content-list article{border:1px solid #e2e9f1;border-radius:12px;padding:13px}.content-list small{display:inline-block;color:#7f90a3;font-size:9px;margin-left:7px}.content-list h3{font-size:15px;margin:7px 0 3px}.content-list p{color:#73859a;font-size:11px;margin:0}.status-pill{font-size:8px;font-weight:900;text-transform:uppercase;padding:4px 6px;border-radius:999px;background:#eef2f7;color:#66778e}.status-pill.published{background:#e3f8eb;color:#197b4e}.row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}.row-actions a,.row-actions button{border:0;background:none;padding:0;color:#375dc3;font:inherit;font-size:10px;font-weight:850;text-decoration:none;cursor:pointer}.row-actions button{color:#ba4254} .guide-admin{grid-template-columns:.75fr 1.25fr}.guide-admin-list{display:grid;max-height:720px;overflow:auto}.guide-admin-list a{padding:10px;border-bottom:1px solid #edf1f5;text-decoration:none;color:#263b54}.guide-admin-list a.active{background:#eef4fb;border-radius:9px}.guide-admin-list span{display:block;font-size:11px;font-weight:800}.guide-admin-list small{display:block;color:#8292a4;font-size:9px}.lang-tabs{display:flex;gap:5px;margin-bottom:17px}.lang-tabs a{padding:7px 9px;border-radius:7px;background:#f1f4f8;color:#62758d;text-decoration:none;font-size:9px;font-weight:900}.lang-tabs a.active{background:#10223b;color:#fff}.guide-meta-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.guide-meta-admin>div{background:#f7f9fc;border-radius:9px;padding:10px}.guide-meta-admin small{display:block;font-size:8px;color:#7f90a4}.guide-meta-admin b{display:block;font-size:11px;margin-top:4px;overflow-wrap:anywhere} .email-grid{grid-template-columns:1.2fr .8fr}.message-list{display:grid;gap:10px;max-height:650px;overflow:auto}.message-list article{border:1px solid #e3eaf2;border-radius:12px;padding:13px;background:#fbfcfe}.message-head{display:flex;justify-content:space-between;gap:10px}.message-head b,.message-head a{display:block}.message-head a{font-size:10px;color:#365dc5;text-decoration:none}.message-head small{font-size:9px;color:#8291a4}.message-list p{font-size:11px;color:#4e627a}.inline-add,.test-mail-form{display:flex;gap:8px;align-items:end;margin-bottom:13px}.inline-add input,.test-mail-form input{margin:0}.subscriber-list{display:grid;max-height:470px;overflow:auto}.subscriber-list>div{display:flex;justify-content:space-between;align-items:center;padding:9px 4px;border-bottom:1px solid #edf1f5}.subscriber-list b{display:block;font-size:11px}.subscriber-list small{display:block;font-size:8px;color:#8393a6}.subscriber-list button{border:0;background:#f8e9eb;color:#b74052;border-radius:7px;width:26px;height:26px;cursor:pointer}.smtp-panel{margin-top:16px} .report-admin-list{display:grid;gap:9px}.report-admin-list article{display:grid;grid-template-columns:minmax(0,1fr) 80px auto;gap:16px;align-items:center;padding:13px;border:1px solid #e2e9f1;border-radius:12px}.report-admin-list b,.report-admin-list span,.report-admin-list small{display:block}.report-admin-list span{color:#687a91;font-size:10px;overflow-wrap:anywhere}.report-admin-list small{color:#8a98aa;font-size:9px}.report-admin-list>article>strong{font-size:25px} .article-standalone{max-width:900px;margin:auto} @media(max-width:1200px){.admin-kpis{grid-template-columns:repeat(3,1fr)}.admin-dashboard-grid,.admin-split,.guide-admin,.email-grid{grid-template-columns:1fr}} @media(max-width:820px){.admin-app{grid-template-columns:1fr}.admin-sidebar{position:relative;padding:12px}.admin-sidebar nav{grid-template-columns:repeat(4,1fr);overflow:auto;padding:10px 0}.admin-sidebar nav a{justify-content:center;white-space:nowrap}.admin-sidebar-bottom{display:none}.admin-main{padding:18px}.admin-topline{align-items:flex-start}.admin-kpis,.admin-kpis.compact{grid-template-columns:1fr 1fr}.activity-table>div{grid-template-columns:120px 100px minmax(160px,1fr) 70px}.quick-grid{grid-template-columns:1fr}.form-row,.form-row.three{grid-template-columns:1fr}.report-admin-list article{grid-template-columns:1fr 60px}.report-admin-list .row-actions{grid-column:1/-1}} @media(max-width:520px){.admin-v48{padding:12px 0 40px}.admin-v48>.container{width:calc(100% - 16px)}.admin-sidebar nav{grid-template-columns:repeat(7,auto)}.admin-sidebar nav a{font-size:11px;padding:9px}.admin-main{padding:14px}.admin-topline h1{font-size:25px!important}.admin-top-actions .btn{display:none}.admin-kpis,.admin-kpis.compact{grid-template-columns:1fr 1fr}.admin-kpis strong{font-size:24px}.guide-meta-admin{grid-template-columns:1fr 1fr}.activity-table{font-size:10px}.activity-table>div{min-width:560px}.report-admin-list article{grid-template-columns:1fr}.report-admin-list>article>strong{font-size:22px}} /* RUTSS V4.9 — Full Site Health, Projects, Profiles, user workspace */ .account-link{display:inline-flex;align-items:center;gap:5px;color:#d6e0ec;text-decoration:none;font-size:11px;font-weight:850;padding:7px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.08)} .final-health-square{width:300px;min-height:300px;border-radius:24px;background:linear-gradient(145deg,#ffffff,#f5f9ff);border:1px solid #dce5ef;padding:26px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 22px 60px rgba(17,39,70,.10)} .final-health-square small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#72849b}.final-health-number{font-size:88px;line-height:.95;font-weight:950;color:#10213a;letter-spacing:-.06em;margin:14px 0 7px}.final-health-number span{font-size:27px;color:#7a8da5;margin-left:4px}.final-health-square>strong{font-size:20px}.final-health-square>p{font-size:12px;color:#708199;line-height:1.6}.final-health-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.final-health-meta span{font-size:9px;background:#edf3f8;padding:5px 7px;border-radius:7px;color:#596d86} .sitewide-summary{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 14px 40px rgba(20,43,75,.045)}.sitewide-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.sitewide-head h2{margin:3px 0}.sitewide-head p{max-width:520px;color:#75869b;font-size:11px}.sitewide-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.sitewide-kpis article{background:#f7f9fc;border:1px solid #e4eaf2;border-radius:13px;padding:14px}.sitewide-kpis small{display:block;color:#7b8da2;font-size:8px;font-weight:900;text-transform:uppercase}.sitewide-kpis strong{font-size:27px}.sitewide-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sitewide-issues,.sitewide-pages{border:1px solid #e2e9f1;border-radius:14px;padding:15px}.sitewide-issues h3,.sitewide-pages h3{font-size:15px}.sitewide-issues>div,.sitewide-pages>div{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eef2f6;font-size:10px}.sitewide-issues>div:last-child,.sitewide-pages>div:last-child{border-bottom:0}.sitewide-issues>div b,.sitewide-pages>div span{flex:1}.issue-dot{width:8px;height:8px;border-radius:50%;background:#f0b04c}.issue-dot.error{background:#e5576b}.sitewide-pages small{display:block;color:#8393a6}.sitewide-pages strong{font-size:12px} .project-admin-list,.audit-admin-list{display:grid;gap:10px}.project-admin-list article,.audit-admin-list article{display:grid;grid-template-columns:52px minmax(0,1fr) 110px auto;gap:14px;align-items:center;border:1px solid #e2e9f1;border-radius:14px;padding:13px}.project-logo{width:44px;height:44px;border-radius:13px;background:#10223b;color:#79f217;display:grid;place-items:center;font-weight:950}.project-admin-list h3,.audit-admin-list h3{font-size:14px;margin:0}.project-admin-list span,.audit-admin-list span{font-size:10px;color:#6f8197}.project-admin-list small,.audit-admin-list small{display:block;font-size:8px;color:#8b99aa}.project-health strong{font-size:20px;display:block}.project-health span{font-size:8px}.audit-score{width:64px;height:64px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f4f8}.audit-score.excellent{background:#e6f8ed;color:#157c4c}.audit-score.good{background:#edf7e3;color:#4d7a1d}.audit-score.fair{background:#fff3d9;color:#a46b00}.audit-score.weak{background:#ffe7eb;color:#b63750}.audit-score strong{font-size:18px}.audit-score span{font-size:7px}.owner-profile-grid{display:grid;grid-template-columns:320px 1fr;gap:16px}.owner-card{text-align:center}.owner-avatar{width:92px;height:92px;border-radius:24px;margin:8px auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#0e2745,#284d79);color:#79f217;font-size:38px;font-weight:950}.owner-card h2{margin:5px 0}.owner-card p,.owner-card>a{font-size:11px;color:#75879d}.owner-badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:16px}.owner-badges span{background:#eef3f8;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:850} .account-shell{padding:70px 0 90px}.account-grid{display:grid;grid-template-columns:1fr 480px;gap:70px;align-items:center}.account-copy h1{font-size:52px;max-width:680px}.account-copy p{font-size:18px;color:#65778e}.account-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.account-benefits span{background:#f5f8fb;border:1px solid #e2e9f1;border-radius:10px;padding:11px;font-size:12px}.account-card{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(18,40,72,.08)}.account-tabs{display:flex;background:#f1f5f8;padding:4px;border-radius:10px;margin-bottom:18px}.account-tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:8px;font-weight:850;cursor:pointer}.account-tabs button.active{background:#fff;box-shadow:0 4px 14px rgba(18,40,72,.07)}.account-card form{display:grid;gap:12px}.account-card label,.profile-form label{font-size:11px;font-weight:850}.account-card input,.profile-form input,.inline-project input{width:100%;margin-top:5px;padding:11px 12px;border:1px solid #dbe4ee;border-radius:9px} .profile-shell{padding:40px 0 80px}.profile-layout{display:grid;grid-template-columns:240px 1fr;gap:18px}.profile-side{background:#071525;color:#fff;border-radius:20px;padding:24px;text-align:center;height:max-content}.profile-avatar{width:74px;height:74px;border-radius:20px;background:#102d4f;color:#79f217;display:grid;place-items:center;font-size:30px;font-weight:950;margin:0 auto 12px}.profile-side h2{margin:6px 0}.profile-side p{color:#8fa2b8;font-size:10px;word-break:break-word}.profile-side>span{display:inline-block;background:#102a47;padding:6px 9px;border-radius:999px;font-size:8px}.profile-side>a{display:block;color:#9eb0c4;font-size:10px;margin-top:20px}.profile-main{min-width:0}.profile-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.profile-top h1{font-size:32px!important}.profile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.profile-kpis article,.profile-panel{background:#fff;border:1px solid #dfe7f0;border-radius:15px;padding:16px}.profile-kpis small{display:block;color:#7c8da2;font-size:8px;font-weight:900;text-transform:uppercase}.profile-kpis strong{font-size:27px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-panel h2{font-size:18px}.inline-project{display:flex;gap:7px}.project-list,.profile-report-list{display:grid;margin-top:10px}.project-list>div,.profile-report-list>a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f5;text-decoration:none;color:#22364f}.project-list b,.profile-report-list b{display:block;font-size:11px}.project-list small,.profile-report-list small{display:block;color:#8594a5;font-size:8px}.project-list a{font-size:10px;color:#365dc5}.profile-form{display:grid;gap:9px}.reports-panel{margin-top:14px}.panel-head{display:flex;justify-content:space-between}.profile-report-list strong{font-size:18px} @media(max-width:1000px){.final-health-square{width:250px;min-height:250px}.final-health-number{font-size:70px}.sitewide-grid,.owner-profile-grid,.account-grid,.profile-layout,.profile-grid{grid-template-columns:1fr}.account-copy h1{font-size:40px}.profile-side{display:grid;grid-template-columns:70px 1fr auto;text-align:left;align-items:center}.profile-avatar{margin:0}} @media(max-width:700px){.sitewide-kpis{grid-template-columns:1fr 1fr}.sitewide-grid{grid-template-columns:1fr}.project-admin-list article,.audit-admin-list article{grid-template-columns:48px 1fr}.project-health,.project-admin-list .row-actions,.audit-admin-list .row-actions{grid-column:2}.account-benefits,.profile-kpis{grid-template-columns:1fr}.profile-top{align-items:flex-start;flex-direction:column}.account-copy h1{font-size:34px}.account-shell{padding:35px 0}} /* V5.0 Editorial */ .editorial-blog-hero{background:radial-gradient(circle at 70% 18%,rgba(76,96,190,.32),transparent 28%),linear-gradient(135deg,#071526,#10294f)}.blog-topic-bar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.blog-topic-bar span{background:#fff;border:1px solid #dfe7f0;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;color:#536980}.deep-blog-grid .blog-card{display:flex;flex-direction:column}.deep-blog-grid .blog-body{display:flex;flex-direction:column;flex:1}.deep-blog-grid .blog-body h2 a{text-decoration:none;color:#10223b}.deep-blog-grid .blog-body>a{margin-top:auto}.editorial-article-hero{background:linear-gradient(135deg,#071423,#112d53);color:#fff;padding:54px 0}.editorial-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:42px;align-items:center}.editorial-hero-grid h1{font-size:clamp(38px,4.8vw,62px);line-height:1.04;letter-spacing:-.045em;margin:12px 0}.editorial-hero-grid>div>p{font-size:17px;line-height:1.7;color:#b8c7d9}.editorial-hero-grid>img{width:100%;max-width:600px;height:auto;border-radius:20px;box-shadow:0 26px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10)}.editorial-longform .article-body{max-width:850px}.editorial-longform .article-section p{font-size:16px;line-height:1.92}@media(max-width:980px){.editorial-hero-grid{grid-template-columns:1fr}.deep-blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.deep-blog-grid{grid-template-columns:1fr}.editorial-article-hero{padding:38px 0}.editorial-hero-grid h1{font-size:34px}.editorial-longform .article-body{padding:22px}} /* V5.1 — article UI fixes */ .editorial-article-hero{padding:38px 0;background:#f5f8fb;color:#10223b} .editorial-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,600px);gap:36px;align-items:center;background:#fff;border:1px solid #dfe7f0;border-radius:24px;padding:30px;box-shadow:0 18px 48px rgba(18,40,72,.06)} .editorial-hero-copy h1{font-size:clamp(36px,4vw,54px);line-height:1.04;margin:10px 0 15px}.editorial-hero-copy>p{font-size:16px;line-height:1.7;color:#64778f}.editorial-hero-media img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 18px 45px rgba(10,31,55,.15)} .faq-modern{margin-top:44px;padding-top:34px}.faq-heading>p,.sources-heading>p{color:#74869b;font-size:13px;max-width:650px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-modern details{margin:0;border:1px solid #dfe7f0;border-radius:14px;background:#fff}.faq-modern summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 17px;font-size:13px}.faq-modern summary b{font-size:19px;color:#72849a}.faq-modern details[open] summary b{transform:rotate(45deg)}.faq-modern details p{padding:0 17px 17px!important;font-size:13px!important;line-height:1.7!important} .sources-modern{margin-top:44px;padding-top:34px;border-top:1px solid #dfe7f0}.source-list{display:grid;gap:9px}.source-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dfe7f0;border-radius:13px;padding:13px 15px;text-decoration:none;background:#fff}.source-icon{width:34px;height:34px;border-radius:9px;background:#eef4fb;display:grid;place-items:center;color:#345ec7;font-weight:900}.source-copy strong{display:block;color:#17304e;font-size:12px}.source-copy small{display:block;color:#8292a4;margin-top:3px;font-size:9px}.source-open{font-size:10px;font-weight:900;color:#345ec7;white-space:nowrap} /* V5.1 — explain every tool result */ .result-explain-card{margin-top:14px;border:1px solid #cae7d5;border-radius:16px;background:#fff;overflow:hidden}.result-explain-card.severity-error{border-color:#efc5ce}.result-explain-card.severity-warning{border-color:#efdbae} .result-explain-top{display:flex;justify-content:space-between;gap:15px;padding:17px}.result-explain-top>div{position:relative;padding-left:17px}.result-status-dot{position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#28a86b}.severity-warning .result-status-dot{background:#dfa22f}.severity-error .result-status-dot{background:#dc5065}.result-explain-top h3{font-size:17px;margin:4px 0}.why-result-btn{border:1px solid #dce5ee;background:#f7f9fc;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer} .result-explain-summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e9eef4}.result-explain-summary article{padding:15px 17px}.result-explain-summary article+article{border-left:1px solid #e9eef4}.result-explain-summary small{font-size:8px;letter-spacing:.09em;font-weight:900;color:#7d8fa5}.result-explain-summary p{font-size:11px;line-height:1.65;color:#5f7289;margin:6px 0 0}.result-help-body{border-top:1px solid #e9eef4;padding:14px 17px;background:#f9fbfd}.fix-step{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0}.fix-step>span{width:26px;height:26px;border-radius:8px;background:#10223b;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.fix-step b{font-size:11px}.fix-step p{font-size:11px;line-height:1.65;color:#62758c;margin:3px 0} @media(max-width:900px){.editorial-hero-card{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}} @media(max-width:560px){.editorial-hero-card{padding:18px}.editorial-hero-copy h1{font-size:32px}.source-list>a{grid-template-columns:34px 1fr}.source-open{grid-column:2}.result-explain-summary{grid-template-columns:1fr}.result-explain-summary article+article{border-left:0;border-top:1px solid #e9eef4}} /* RUTSS V5.1.1 — FAQ typography refinement */ .faq-modern summary{ font-size:15px; font-weight:600; line-height:1.45; letter-spacing:0; color:#263b54; } .faq-modern summary span{ font-weight:600; } .faq-modern summary b{ font-size:18px; font-weight:500; color:#718399; } .faq-modern details p{ font-size:15px!important; font-weight:400!important; line-height:1.75!important; color:#5f7289!important; } @media(max-width:560px){ .faq-modern summary{ font-size:14px; font-weight:600; } .faq-modern details p{ font-size:14px!important; } } /* RUTSS V5.2 — Real article/guide heading hierarchy */ .article-body .article-section{ padding-top:38px; margin-top:34px; border-top:1px solid #e3e9f0; } .article-body .article-section:first-of-type{margin-top:22px} .chapter-label{ display:inline-flex; align-items:center; gap:7px; margin-bottom:8px; color:#6d819a; font-size:10px; line-height:1; font-weight:800; letter-spacing:.13em; text-transform:uppercase; } .article-body .article-section>h2{ margin:4px 0 18px; color:#10223b; font-size:clamp(28px,3vw,36px); line-height:1.15; font-weight:780; letter-spacing:-.025em; } .article-body .article-h3{ position:relative; margin:30px 0 11px; padding-left:14px; color:#1b3555; font-size:22px; line-height:1.3; font-weight:650; letter-spacing:-.012em; } .article-body .article-h3:before{ content:""; position:absolute; left:0; top:.22em; width:4px; height:1.05em; border-radius:4px; background:#79f217; } body[dir=rtl] .article-body .article-h3{ padding-left:0; padding-right:14px; } body[dir=rtl] .article-body .article-h3:before{ left:auto; right:0; } .article-body .article-h4{ margin:25px 0 9px; color:#40566f; font-size:17px; line-height:1.4; font-weight:600; letter-spacing:0; } .article-body .article-section>p{ margin:13px 0; color:#536981; font-size:16px; line-height:1.88; font-weight:400; } .article-body .article-lead{ color:#263d57!important; font-size:18px!important; line-height:1.85!important; } .article-toc a{ line-height:1.45; } @media(max-width:650px){ .article-body .article-section{padding-top:30px;margin-top:28px} .article-body .article-section>h2{font-size:27px} .article-body .article-h3{font-size:20px} .article-body .article-h4{font-size:16px} .article-body .article-section>p{font-size:15px} } /* RUTSS V5.2.1 — Taller premium TOC for all Articles & Guides */ .article-layout{ grid-template-columns:280px minmax(0,1fr); gap:28px; align-items:start; } .article-toc{ position:sticky; top:92px; min-height:620px; max-height:calc(100vh - 120px); overflow:auto; padding:22px 18px 26px; border:1px solid #dfe7f0; border-radius:18px; background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%); box-shadow:0 16px 40px rgba(18,40,72,.055); scrollbar-width:thin; } .article-toc:before{ content:""; display:block; width:42px; height:4px; margin-bottom:16px; border-radius:999px; background:#79f217; } .article-toc strong{ display:block; margin:0 0 14px; color:#10223b; font-size:14px; font-weight:750; letter-spacing:-.01em; } .article-toc a{ position:relative; display:block; padding:9px 8px 9px 16px; margin:2px 0; border-radius:9px; color:#687c94; font-size:11px; font-weight:500; line-height:1.45; text-decoration:none; transition:.16s ease; } .article-toc a:before{ content:""; position:absolute; left:4px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#b8c5d3; } .article-toc a:hover{ background:#f1f6fb; color:#173452; transform:translateX(2px); } .article-toc a:hover:before{ background:#79f217; } .article-toc a[href="#faq"], .article-toc a[href="#sources"]{ margin-top:9px; padding-top:11px; border-top:1px solid #edf1f5; color:#365dc5; font-weight:650; } body[dir=rtl] .article-toc a{ padding-left:8px; padding-right:16px; } body[dir=rtl] .article-toc a:before{ left:auto; right:4px; } body[dir=rtl] .article-toc a:hover{ transform:translateX(-2px); } @media(max-width:1050px){ .article-layout{ grid-template-columns:240px minmax(0,1fr); gap:20px; } .article-toc{ min-height:560px; padding:18px 14px 22px; } .article-toc a{ font-size:10px; } } @media(max-width:820px){ .article-layout{ grid-template-columns:1fr; } .article-toc{ position:relative; top:auto; min-height:0; max-height:none; overflow:visible; display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:18px; } .article-toc:before, .article-toc strong{ grid-column:1/-1; } .article-toc a[href="#faq"], .article-toc a[href="#sources"]{ margin-top:2px; border-top:0; } } @media(max-width:520px){ .article-toc{ grid-template-columns:1fr; border-radius:15px; } .article-toc a{ font-size:11px; padding-top:8px; padding-bottom:8px; } } /* RUTSS V5.2.2 — stronger, larger TOC typography */ .article-toc{ min-height:690px; padding:24px 20px 30px; border-radius:20px; } .article-toc:before{ width:48px; height:5px; margin-bottom:18px; } .article-toc strong{ margin-bottom:16px; font-size:16px; font-weight:700; line-height:1.25; } .article-toc a{ padding:10px 10px 10px 18px; margin:3px 0; font-size:12.5px; font-weight:500; line-height:1.5; color:#566b84; } .article-toc a:before{ left:5px; width:5px; height:5px; margin-top:-2.5px; } .article-toc a:hover{ background:#eef4f9; color:#173452; } .article-toc a[href="#faq"], .article-toc a[href="#sources"]{ font-size:12px; font-weight:650; padding-top:12px; padding-bottom:12px; } @media(max-width:1050px){ .article-toc{ min-height:620px; } .article-toc strong{ font-size:15px; } .article-toc a{ font-size:12px; } } @media(max-width:820px){ .article-toc{ min-height:0; } } @media(max-width:520px){ .article-toc strong{ font-size:15px; } .article-toc a{ font-size:12.5px; } } /* RUTSS V5.3 — unified 40-tool single-page scan */ html{scroll-behavior:smooth} .unified-report-hero{background:linear-gradient(135deg,#071423,#132e55);color:#fff;padding:42px 0} .unified-report-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px;align-items:center}.unified-report-title h1{font-size:42px;margin:10px 0 5px}.unified-report-title>p{color:#aebed1}.scan-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.scan-meta span{padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.07);font-size:10px} .unified-score-card{background:#fff;color:#10223b;border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.unified-score-card>span{font-size:9px;font-weight:900;letter-spacing:.1em;color:#71849b}.unified-score-card>strong{display:block;font-size:68px;line-height:1;margin:7px 0}.unified-score-card>strong small{font-size:24px;color:#71849b}.unified-score-card>b{font-size:17px}.score-mini-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px}.score-mini-row em{font-style:normal;background:#f1f5f8;padding:5px 7px;border-radius:7px;font-size:9px;color:#60748d}.score-actions{display:flex;gap:8px;align-items:center}.update-scan-form{margin:0}.download-report-menu{position:relative}.download-report-menu summary{list-style:none;cursor:pointer}.download-report-menu summary::-webkit-details-marker{display:none}.download-report-menu>div{position:absolute;right:0;top:46px;width:160px;background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:6px;box-shadow:0 15px 40px rgba(20,40,70,.18);z-index:20}.download-report-menu a{display:block;padding:8px;border-radius:7px;text-decoration:none;color:#29415f;font-size:10px}.download-report-menu a:hover{background:#f2f6fa} .unified-report-shell{background:#f3f7fb;padding:28px 0 70px}.unified-report-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start} .scan-tool-sidebar{position:sticky;top:84px;max-height:calc(100vh - 105px);display:flex;flex-direction:column;background:#fff;border:1px solid #dfe7f0;border-radius:17px;overflow:hidden;box-shadow:0 12px 34px rgba(18,40,72,.055)}.scan-side-head{padding:14px 15px;border-bottom:1px solid #e8eef4;display:flex;justify-content:space-between;align-items:center}.scan-side-head span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#7c8ea3}.scan-side-head strong{font-size:10px}.scan-side-list{overflow:auto;padding:6px}.scan-side-list a{display:grid;grid-template-columns:28px minmax(0,1fr) 8px;gap:7px;align-items:center;padding:8px 7px;border-radius:8px;text-decoration:none;color:#5e7189;font-size:9px}.scan-side-list a>span{color:#91a0b1}.scan-side-list a b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-side-list a.active,.scan-side-list a:hover{background:#edf4fb;color:#142b47}.scan-side-list a.active{box-shadow:inset 3px 0 #79f217}.nav-status{width:7px;height:7px;border-radius:50%;background:#7f93aa}.nav-status.pass{background:#25aa6c}.nav-status.warning{background:#e2a52d}.nav-status.error{background:#de5267}.nav-status.info{background:#6989c5}.back-top-link{padding:12px 14px;border-top:1px solid #e8eef4;color:#345cc4;text-decoration:none;font-size:10px;font-weight:850} .scan-results-stream{min-width:0}.scan-overview-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid #dfe7f0;border-radius:17px;padding:20px;margin-bottom:14px}.scan-overview-card h2{font-size:24px;margin:3px 0}.scan-overview-card p{font-size:11px;color:#6d8097}.overview-stats{display:flex;gap:8px}.overview-stats span{min-width:70px;text-align:center;background:#f5f8fb;padding:9px;border-radius:10px;font-size:8px;color:#76889d}.overview-stats b{display:block;font-size:20px;color:#10223b} .scan-tool-section{position:relative;background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:22px;margin-bottom:14px;scroll-margin-top:92px;box-shadow:0 9px 27px rgba(20,43,75,.035)}.scan-tool-section.tool-status-error{border-left:4px solid #de5267}.scan-tool-section.tool-status-warning{border-left:4px solid #e2a52d}.scan-tool-section.tool-status-pass{border-left:4px solid #25aa6c}.scan-tool-section.tool-status-info{border-left:4px solid #6989c5}.scan-tool-number{position:absolute;right:18px;top:17px;color:#c0cad5;font-size:12px;font-weight:900}.scan-tool-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding-right:38px}.scan-tool-head h2{font-size:25px;margin:4px 0 5px}.scan-tool-head p{font-size:11px;color:#718399;max-width:650px}.tool-score-box{min-width:95px;border:1px solid #e2e9f1;border-radius:13px;padding:11px;text-align:center;background:#f8fafc}.tool-score-box strong{font-size:27px;display:block}.tool-score-box strong small{font-size:11px}.tool-score-box span{font-size:8px;font-weight:850;color:#718399} .tool-inline-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.tool-inline-summary article{background:#f6f9fc;border:1px solid #e5ebf2;border-radius:10px;padding:10px}.tool-inline-summary small{display:block;font-size:8px;color:#7a8ca2;text-transform:uppercase;font-weight:850}.tool-inline-summary b{display:block;font-size:12px;margin-top:3px;overflow-wrap:anywhere}.scan-result-error{background:#fff0f2;border:1px solid #f1cad1;color:#a93c50;border-radius:10px;padding:11px;font-size:10px;margin:12px 0} .tool-teaching-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.tool-teaching-grid article{border:1px solid #e3eaf2;border-radius:11px;padding:12px}.tool-teaching-grid span{display:block;font-size:8px;font-weight:900;letter-spacing:.07em;color:#788aa0}.tool-teaching-grid p{font-size:10.5px;line-height:1.6;color:#5f738a;margin:5px 0}.tool-teaching-grid .fix-card{background:#f9fbfd}.tool-teaching-grid .verify-card{background:#f4faf5;border-color:#dcecdf} .raw-result-details{margin-top:11px;border:1px solid #e3eaf2;border-radius:10px;overflow:hidden}.raw-result-details summary{padding:10px 12px;background:#f7f9fc;cursor:pointer;font-size:9px;font-weight:850;color:#425b77}.raw-result-details pre{margin:0;padding:13px;max-height:360px;overflow:auto;background:#0b1726;color:#d9e6f4;font-size:9px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.section-top-link{display:inline-block;margin-top:10px;color:#4a68b5;text-decoration:none;font-size:9px}.scan-finish-card{text-align:center;background:#10243e;color:#fff;border-radius:18px;padding:35px;margin-top:18px}.scan-finish-card h2{font-size:27px}.scan-finish-card p{color:#aebed0} @media(max-width:1050px){.unified-report-layout{grid-template-columns:220px minmax(0,1fr)}.tool-inline-summary{grid-template-columns:1fr 1fr}} @media(max-width:820px){.unified-report-hero-grid,.unified-report-layout{grid-template-columns:1fr}.scan-tool-sidebar{position:relative;top:auto;max-height:none}.scan-side-list{display:flex;overflow:auto}.scan-side-list a{min-width:170px}.back-top-link{display:none}.scan-overview-card{align-items:flex-start;flex-direction:column}.tool-teaching-grid{grid-template-columns:1fr}} @media(max-width:560px){.unified-report-hero{padding:25px 0}.unified-report-title h1{font-size:31px}.unified-score-card>strong{font-size:56px}.score-actions{flex-wrap:wrap}.scan-tool-section{padding:17px}.scan-tool-head{display:block;padding-right:25px}.tool-score-box{margin-top:10px;width:110px}.tool-inline-summary{grid-template-columns:1fr 1fr}.overview-stats{width:100%;display:grid;grid-template-columns:1fr 1fr}.scan-tool-head h2{font-size:22px}} /* RUTSS V5.3.1 — bigger scan typography + issue-first colored guidance */ .scan-tool-section{ padding:26px; margin-bottom:18px; } .scan-tool-head h2{ font-size:30px; line-height:1.18; margin:5px 0 7px; } .scan-tool-head p{ font-size:14px; line-height:1.65; color:#667a92; } .scan-tool-head .eyebrow{ font-size:10px; } .tool-score-box{ min-width:112px; padding:14px 12px; } .tool-score-box strong{ font-size:34px; } .tool-score-box strong small{ font-size:14px; } .tool-score-box span{ font-size:10px; } .tool-inline-summary{ gap:10px; margin:18px 0; } .tool-inline-summary article{ padding:13px 14px; } .tool-inline-summary small{ font-size:9px; } .tool-inline-summary b{ font-size:15px; line-height:1.45; } .scan-result-error{ font-size:13px; line-height:1.6; } /* passed = clean result; no unnecessary fix panel */ .tool-status-pass{ border-left:4px solid #25aa6c; } .tool-status-pass .tool-score-box{ background:#f5fbf7; border-color:#d8ecdf; } /* expandable issue treatment */ .issue-action-shell{ margin-top:18px; border-radius:15px; overflow:hidden; border:1px solid #f0d49c; background:#fff9eb; } .issue-action-shell.issue-error{ border-color:#efb8c2; background:#fff0f3; } .issue-action-shell.issue-info{ border-color:#efd6a5; background:#fff8e8; } .issue-action-trigger{ width:100%; border:0; background:transparent; padding:17px 18px; display:grid; grid-template-columns:36px minmax(0,1fr) 28px; align-items:center; gap:12px; text-align:left; cursor:pointer; color:#5d4515; } .issue-error .issue-action-trigger{ color:#8d2f43; } .issue-trigger-icon{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:#f1b84e; color:#fff; font-size:16px; font-weight:900; } .issue-error .issue-trigger-icon{ background:#df566c; } .issue-trigger-copy b{ display:block; font-size:16px; line-height:1.25; font-weight:750; } .issue-trigger-copy small{ display:block; margin-top:4px; font-size:12px; line-height:1.5; font-weight:400; color:#7f6a3d; } .issue-error .issue-trigger-copy small{ color:#9c6470; } .issue-trigger-arrow{ font-size:22px; font-weight:500; text-align:center; } .issue-action-body{ border-top:1px solid rgba(120,90,20,.12); padding:16px; } .issue-error .issue-action-body{ border-top-color:rgba(157,52,74,.14); } .issue-action-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .issue-action-grid article{ border:1px solid rgba(126,102,45,.14); background:rgba(255,255,255,.72); border-radius:12px; padding:14px; } .issue-error .issue-action-grid article{ border-color:rgba(169,68,89,.14); background:rgba(255,255,255,.68); } .issue-action-grid span{ display:block; font-size:9px; line-height:1; font-weight:900; letter-spacing:.09em; color:#8a763f; } .issue-error .issue-action-grid span{ color:#a25f6d; } .issue-action-grid p{ margin:7px 0 0; font-size:14px; line-height:1.7; font-weight:400; color:#4e6075; } /* no SSH-looking black evidence area */ .evidence-light-card{ margin-top:12px; border:1px solid rgba(111,126,145,.18); background:#fff; border-radius:11px; overflow:hidden; } .evidence-light-card summary{ padding:12px 14px; cursor:pointer; font-size:12px; font-weight:650; color:#435a74; background:#f7f9fb; } .evidence-light-body{ padding:14px; max-height:360px; overflow:auto; font-family:inherit; font-size:13px; line-height:1.65; color:#53677f; background:#fff; overflow-wrap:anywhere; } /* status coloring on whole card */ .scan-tool-section.tool-status-error{ border-left:5px solid #df566c; box-shadow:0 10px 30px rgba(196,68,89,.06); } .scan-tool-section.tool-status-warning, .scan-tool-section.tool-status-info{ border-left:5px solid #e2a52d; box-shadow:0 10px 30px rgba(187,134,31,.05); } @media(max-width:700px){ .scan-tool-section{padding:19px} .scan-tool-head h2{font-size:25px} .scan-tool-head p{font-size:13px} .tool-inline-summary b{font-size:14px} .issue-action-grid{grid-template-columns:1fr} .issue-action-trigger{ grid-template-columns:32px minmax(0,1fr) 24px; padding:14px; } .issue-trigger-copy b{font-size:14px} .issue-trigger-copy small{font-size:11px} .issue-action-grid p{font-size:13px} } /* ========================================================= RUTSS V6.20 — clearer learning CTA + professional scan state ========================================================= */ /* Report: make "Read more about this check" immediately visible, but still lighter and more premium than the primary scan CTA. */ .scan-tool-learn{ margin-top:16px; padding-top:15px; border-top:1px solid #e2e9ee; } .scan-tool-learn a{ display:inline-flex; align-items:center; gap:12px; min-height:48px; padding:0 11px 0 16px; border:1px solid #79cfa3; border-radius:11px; background:linear-gradient(180deg,#f4fcf7 0%,#eaf8f0 100%); color:#16784c; text-decoration:none; font-size:13px; font-weight:500; line-height:1.2; box-shadow:0 5px 16px rgba(24,126,79,.08); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; } .scan-tool-learn a::after{ content:"→"; display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; margin-inline-start:2px; border-radius:999px; background:#16935a; color:#fff; font-size:16px; line-height:1; } .scan-tool-learn a:hover{ border-color:#4fba82; background:#e6f7ed; box-shadow:0 8px 21px rgba(24,126,79,.12); transform:translateY(-1px); } .scan-tool-learn a:focus-visible{ outline:3px solid rgba(53,170,108,.2); outline-offset:3px; } /* Individual tool page: keep the same visual language. */ .tool-guide-cta .btn.dark{ border:1px solid #79cfa3 !important; background:linear-gradient(180deg,#f4fcf7 0%,#eaf8f0 100%) !important; color:#16784c !important; box-shadow:0 5px 16px rgba(24,126,79,.08); } .tool-guide-cta .btn.dark:hover{ border-color:#4fba82 !important; background:#e6f7ed !important; } /* Global backend-working / scan overlay. Injected by app.js. */ .rutss-scan-overlay{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:22px; background:rgba(6,20,34,.66); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); opacity:0; visibility:hidden; transition:opacity .18s ease,visibility .18s ease; } .rutss-scan-overlay.is-visible{ opacity:1; visibility:visible; } .rutss-scan-panel{ width:min(520px,100%); padding:28px; border:1px solid rgba(255,255,255,.72); border-radius:22px; background:rgba(255,255,255,.98); box-shadow:0 28px 80px rgba(4,18,31,.26); color:#10243a; text-align:center; } .rutss-scan-visual{ position:relative; width:98px; height:98px; margin:2px auto 18px; } .rutss-scan-ring, .rutss-scan-ring::before, .rutss-scan-ring::after{ position:absolute; inset:0; border-radius:50%; } .rutss-scan-ring{ border:1px solid #cae8d8; background: radial-gradient(circle at center,#f8fdf9 0 27%,transparent 28%), conic-gradient(from 0deg,rgba(78,204,132,0),rgba(78,204,132,.20),rgba(78,204,132,0) 42%); overflow:hidden; } .rutss-scan-ring::before{ content:""; inset:11px; border:1px solid #d7e8df; } .rutss-scan-ring::after{ content:""; width:50%; height:1px; left:50%; top:50%; transform-origin:left center; background:linear-gradient(90deg,#22a969,rgba(34,169,105,0)); box-shadow:0 0 10px rgba(34,169,105,.45); animation:rutssRadar 1.15s linear infinite; } .rutss-scan-core{ position:absolute; inset:34px; z-index:2; display:grid; place-items:center; border-radius:12px; background:#0f2539; color:#69ee25; font-size:18px; box-shadow:0 7px 18px rgba(8,29,46,.18); } .rutss-scan-dot{ position:absolute; width:7px; height:7px; border-radius:50%; background:#45cf86; box-shadow:0 0 0 5px rgba(69,207,134,.12); } .rutss-scan-dot.d1{top:17px;right:22px} .rutss-scan-dot.d2{bottom:20px;left:17px;animation-delay:.25s} .rutss-scan-dot.d3{bottom:13px;right:30px;animation-delay:.5s} .rutss-scan-panel h2{ margin:0; color:#10243a; font-size:25px; font-weight:500; letter-spacing:-.02em; } .rutss-scan-panel>p{ max-width:390px; margin:8px auto 0; color:#6b8093; font-size:13px; line-height:1.6; } .rutss-scan-target{ display:block; max-width:390px; margin:10px auto 0; overflow:hidden; color:#34566f; font-size:11px; text-overflow:ellipsis; white-space:nowrap; } .rutss-scan-progress{ position:relative; height:7px; margin:22px 0 12px; overflow:hidden; border-radius:999px; background:#edf2f4; } .rutss-scan-progress>span{ position:absolute; inset:0 auto 0 0; width:7%; border-radius:inherit; background:linear-gradient(90deg,#64e91d,#22a969); transition:width .5s ease; } .rutss-scan-meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; color:#718698; font-size:10.5px; } .rutss-scan-stage{ color:#31566f; font-weight:500; } .rutss-scan-security{ display:flex; align-items:center; justify-content:center; gap:6px; margin-top:15px; color:#698073; font-size:10.5px; } .rutss-scan-security::before{ content:"✓"; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#eaf8ef; color:#238452; } @keyframes rutssRadar{ to{transform:rotate(360deg)} } @media (prefers-reduced-motion:reduce){ .rutss-scan-ring::after{animation:none;transform:rotate(35deg)} .rutss-scan-overlay,.scan-tool-learn a{transition:none} } @media(max-width:620px){ .rutss-scan-panel{padding:24px 18px;border-radius:18px} .rutss-scan-panel h2{font-size:22px} .scan-tool-learn a{width:100%;justify-content:space-between} } /* RUTSS report interaction hardening — native details + full scrolling */ html, body { overflow-y: auto !important; height: auto !important; min-height: 100% !important; } body.mobile-menu-open { overflow-y: auto !important; } .unified-report-shell, .unified-report-layout, .scan-results-stream { overflow: visible !important; max-height: none !important; height: auto !important; } .scan-tool-sidebar { position: relative !important; top: auto !important; max-height: none !important; height: auto !important; overflow: visible !important; } .scan-side-list { overflow: visible !important; max-height: none !important; height: auto !important; } details.issue-action-shell { display: block !important; overflow: hidden !important; } details.issue-action-shell > summary.issue-action-trigger { list-style: none !important; cursor: pointer !important; user-select: none !important; } details.issue-action-shell > summary.issue-action-trigger::-webkit-details-marker { display: none !important; } details.issue-action-shell .issue-action-body { display: none; } details.issue-action-shell[open] .issue-action-body { display: block !important; } .issue-trigger-arrow { transition: transform .18s ease; } details.issue-action-shell[open] .issue-trigger-arrow { transform: rotate(45deg); } /* RUTSS report sidebar + issue detail repair */ .scan-tool-sidebar{ position:sticky !important; top:88px !important; align-self:flex-start !important; max-height:calc(100vh - 108px) !important; height:auto !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; } .scan-side-list{ height:auto !important; max-height:none !important; overflow:visible !important; } .scan-tool-sidebar::-webkit-scrollbar{width:7px} .scan-tool-sidebar::-webkit-scrollbar-thumb{border-radius:999px;background:#aeb9c7} .scan-tool-sidebar::-webkit-scrollbar-track{background:transparent} details.issue-action-shell{display:block !important;width:100% !important;overflow:hidden !important} details.issue-action-shell>summary.issue-action-trigger{display:flex !important;list-style:none !important;cursor:pointer !important;user-select:none !important} details.issue-action-shell>summary.issue-action-trigger::-webkit-details-marker{display:none !important} details.issue-action-shell .issue-action-body{display:none !important} details.issue-action-shell[open] .issue-action-body{display:block !important} details.issue-action-shell[open] .issue-action-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } details.issue-action-shell[open] .issue-action-grid article{display:block !important;min-height:110px !important} @media (max-width:850px){ .scan-tool-sidebar{position:relative !important;top:auto !important;max-height:none !important;overflow:visible !important} details.issue-action-shell[open] .issue-action-grid{grid-template-columns:1fr !important} } /* === RUTSS FINAL REPORT SIDEBAR RESTORE === */ /* RUTSS exact 40-tool sticky sidebar restore */ .unified-report-layout{ display:grid !important; grid-template-columns:260px minmax(0,1fr) !important; gap:22px !important; align-items:start !important; overflow:visible !important; } .scan-tool-sidebar{ position:sticky !important; top:84px !important; max-height:calc(100vh - 105px) !important; height:auto !important; display:flex !important; flex-direction:column !important; align-self:start !important; background:#fff !important; border:1px solid #dfe7f0 !important; border-radius:17px !important; overflow:hidden !important; box-shadow:0 12px 34px rgba(18,40,72,.055) !important; } .scan-side-head{ flex:0 0 auto !important; } .scan-side-list{ flex:1 1 auto !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; max-height:none !important; height:auto !important; padding:6px !important; } .back-top-link{ flex:0 0 auto !important; } @media(max-width:900px){ .unified-report-layout{grid-template-columns:1fr !important} .scan-tool-sidebar{ position:relative !important; top:auto !important; max-height:none !important; overflow:visible !important; } .scan-side-list{ overflow:visible !important; } } /* === RUTSS FINAL RICH FOOTER RESTORE === */ /* ========================================================= RUTSS V6.26 — RESTORE COMPLETE RICH FOOTER STYLES ========================================================= */ .rutss-footer{background:#061627;color:#dbe7f2;border-top:1px solid #17324d;padding:54px 0 20px} .rutss-footer-inner{max-width:1220px!important} .rutss-footer a{text-decoration:none} .rutss-footer-nav{display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(4,minmax(140px,1fr));gap:42px;padding-bottom:34px} .rutss-footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff}.rutss-footer-logo{font-size:29px;color:#73f319}.rutss-footer-brand b{font-size:25px;letter-spacing:.02em}.rutss-footer-brand small{display:block;color:#6f879f;font-size:7px;margin-top:2px} .rutss-footer-brand-copy{max-width:290px;color:#94a9bd;font-size:10px;line-height:1.7;margin:18px 0 13px} .rutss-footer-trust-badges{display:flex;flex-wrap:wrap;gap:6px}.rutss-footer-trust-badges span{font-size:7.5px;color:#a9d79a;background:#0e2d29;border:1px solid #1e5041;border-radius:999px;padding:5px 8px} .rutss-footer-language-box{margin-top:17px;max-width:315px;padding:13px 14px;background:#091c30;border:1px solid #193752;border-radius:13px}.rutss-footer-language-box strong{display:block;font-size:9px;color:#fff}.rutss-footer-language-box p{font-size:8.5px;line-height:1.5;color:#718aa2;margin:5px 0 10px} .rutss-footer-langs{display:flex;flex-wrap:wrap;gap:5px}.rutss-footer-langs a{font-size:8px;color:#aabed1;border:1px solid #29445f;border-radius:8px;padding:5px 7px}.rutss-footer-langs a.active{background:#173d30;color:#d0ffae;border-color:#3a7754} .rutss-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.rutss-footer-col h3{width:100%;margin:0 0 6px;padding-bottom:10px;color:#fff;font-size:11px;border-bottom:1px solid #1a354f}.rutss-footer-col a{font-size:9.5px;line-height:1.4;color:#9db1c4}.rutss-footer-col a:hover{color:#fff} .rutss-footer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0;border-top:1px solid #17324c} .rutss-footer-action-card{position:relative;display:block;min-height:145px;padding:20px 56px 18px 20px;background:#0b2238;border:1px solid #1c405e;border-radius:16px;color:#fff;transition:.18s ease}.rutss-footer-action-card:hover{transform:translateY(-2px);border-color:#37688d}.rutss-footer-action-card.primary{background:linear-gradient(135deg,#0e2b2b,#123f3d);border-color:#2d6652}.rutss-footer-action-icon{position:absolute;right:16px;top:16px;display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#123d5a;color:#bfe7ff;font-size:13px}.rutss-footer-action-card.primary .rutss-footer-action-icon{background:#176246;color:#d8ffc3}.rutss-footer-action-card small{display:block;color:#72f218;font-size:7.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.rutss-footer-action-card strong{display:block;font-size:14px;line-height:1.35;margin:8px 0}.rutss-footer-action-card p{margin:0;color:#8fa7bb;font-size:8.8px;line-height:1.55} .rutss-footer-community{display:grid;grid-template-columns:1.05fr 1.3fr .65fr;gap:18px;align-items:center;margin-top:4px;padding:20px;background:#0a1d31;border:1px solid #193a56;border-radius:17px} .rutss-footer-news-copy small,.rutss-footer-social small{display:block;color:#70f217;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.rutss-footer-news-copy h3{font-size:18px;color:#fff;margin:5px 0}.rutss-footer-news-copy p{margin:0;color:#8199af;font-size:8.7px;line-height:1.5} .rutss-footer-email-row{display:grid;grid-template-columns:1fr auto;background:#051421;border:1px solid #294760;border-radius:11px;padding:5px}.rutss-footer-email-row input{border:0!important;background:transparent!important;color:#fff!important;height:38px;min-width:0;padding:0 10px;font-size:9.5px}.rutss-footer-email-row input:focus{outline:0}.rutss-footer-email-row button{border:0;border-radius:8px;background:#70f217;color:#071321;padding:0 15px;font-size:9px;font-weight:850;cursor:pointer}.rutss-footer-consent{display:flex;gap:6px;align-items:center;margin-top:7px;color:#688198;font-size:7.5px}.rutss-footer-consent input{accent-color:#70f217} .rutss-footer-social{text-align:center}.rutss-footer-social>div{display:flex;justify-content:center;gap:7px;margin-top:9px}.rutss-footer-social a{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;border:1px solid #2a4b65;color:#c0d0de;font-size:11px}.rutss-footer-social a:hover{background:#12304a;color:#fff} .rutss-footer-security-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 14px;background:#0a1c2d;border:1px solid #193850;border-radius:11px}.rutss-footer-security-note span{font-size:13px}.rutss-footer-security-note p{margin:0;color:#7890a6;font-size:8.3px;line-height:1.55} .rutss-footer-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:18px;margin-top:15px;border-top:1px solid #173149;color:#647d95;font-size:8px}.rutss-footer-meta-links{display:flex;gap:13px;flex-wrap:wrap}.rutss-footer-meta a{color:#849bb0}.rutss-footer-meta a:hover{color:#fff}.rutss-footer-backtop{justify-self:end} body[dir=rtl] .rutss-footer-brand-col{text-align:right}body[dir=rtl] .rutss-footer-col{align-items:flex-end;text-align:right}body[dir=rtl] .rutss-footer-action-card{padding:20px 20px 18px 56px;text-align:right}body[dir=rtl] .rutss-footer-action-icon{right:auto;left:16px}body[dir=rtl] .rutss-footer-news-copy{text-align:right}body[dir=rtl] .rutss-footer-meta-links{justify-content:flex-start}body[dir=rtl] .rutss-footer-backtop{justify-self:start} @media(max-width:1050px){.rutss-footer-nav{grid-template-columns:1.5fr repeat(2,1fr);gap:30px}.rutss-footer-brand-col{grid-row:span 2}.rutss-footer-actions{grid-template-columns:1fr 1fr}.rutss-footer-action-card:last-child{grid-column:1/-1}.rutss-footer-community{grid-template-columns:1fr 1.4fr}.rutss-footer-social{grid-column:1/-1}.rutss-footer-social>div{justify-content:flex-start}} @media(max-width:720px){.rutss-footer{padding-top:36px}.rutss-footer-nav{grid-template-columns:1fr 1fr;gap:28px 20px}.rutss-footer-brand-col{grid-column:1/-1;grid-row:auto}.rutss-footer-brand-copy,.rutss-footer-language-box{max-width:none}.rutss-footer-actions{grid-template-columns:1fr}.rutss-footer-action-card:last-child{grid-column:auto}.rutss-footer-community{grid-template-columns:1fr}.rutss-footer-social{grid-column:auto;text-align:left}.rutss-footer-social>div{justify-content:flex-start}.rutss-footer-meta{grid-template-columns:1fr;justify-items:start}.rutss-footer-meta span{order:3}.rutss-footer-backtop{justify-self:start}} @media(max-width:460px){.rutss-footer-nav{grid-template-columns:1fr}.rutss-footer-actions{padding-top:15px}.rutss-footer-community{padding:16px}.rutss-footer-email-row{grid-template-columns:1fr}.rutss-footer-email-row button{height:38px;margin-top:4px}.rutss-footer-meta-links{gap:9px}} /* V6.0 footer execution fix */ .rutss-footer-network-badges{display:flex;justify-content:center;gap:7px;margin-top:9px} .rutss-footer-network-badges span{display:grid;min-width:34px;height:31px;padding:0 7px;place-items:center;border-radius:9px;border:1px solid #2a4b65;color:#c0d0de;font-size:8px;font-weight:800;background:#0a1d31} @media(max-width:720px){.rutss-footer-network-badges{justify-content:flex-start}} /* RUTSS V6.1 — footer readability + social media */ .rutss-footer{padding-top:64px} .rutss-footer-nav{gap:52px} .rutss-footer-brand b{font-size:30px} .rutss-footer-brand small{font-size:9.5px;line-height:1.45} .rutss-footer-brand-copy{font-size:13px;line-height:1.8;max-width:340px} .rutss-footer-trust-badges span{font-size:9px;padding:6px 9px} .rutss-footer-language-box{padding:16px 17px} .rutss-footer-language-box strong{font-size:12px} .rutss-footer-language-box p{font-size:10.5px;line-height:1.65} .rutss-footer-langs a{font-size:9.5px;padding:6px 8px} .rutss-footer-col{gap:13px} .rutss-footer-col h3{font-size:15px;margin-bottom:8px;padding-bottom:12px} .rutss-footer-col a{font-size:12.5px;line-height:1.55} .rutss-footer-actions{gap:16px;padding:26px 0} .rutss-footer-action-card{min-height:172px;padding-top:25px;padding-bottom:23px} .rutss-footer-action-card small{font-size:9px} .rutss-footer-action-card strong{font-size:18px;line-height:1.45} .rutss-footer-action-card p{font-size:11.5px;line-height:1.7} .rutss-footer-community{padding:27px;gap:26px} .rutss-footer-news-copy small,.rutss-footer-social small{font-size:9px} .rutss-footer-news-copy h3{font-size:24px;margin:7px 0} .rutss-footer-news-copy p{font-size:11.5px;line-height:1.7} .rutss-footer-email-row input{height:46px;font-size:12px} .rutss-footer-email-row button{font-size:11px;padding:0 18px} .rutss-footer-consent{font-size:9px;line-height:1.5} .rutss-footer-social{text-align:center} .rutss-footer-social-links{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:12px} .rutss-footer-social-links a{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;border:1px solid #31536e;background:#0c2237;color:#e5eef6;font-size:15px;font-weight:800;transition:.18s ease} .rutss-footer-social-links a:hover{background:#163c59;border-color:#4f7ea1;transform:translateY(-2px)} .rutss-footer-social-note{font-size:9.5px;color:#7891a8;line-height:1.55;margin:10px auto 0;max-width:230px} .rutss-footer-security-note{padding:15px 17px} .rutss-footer-security-note p{font-size:10.5px;line-height:1.65} .rutss-footer-meta{font-size:10px;padding-top:22px} .rutss-footer-meta-links{gap:16px} .rutss-footer-meta a{font-size:10px} body[dir=rtl] .rutss-footer-social{text-align:right} body[dir=rtl] .rutss-footer-social-links{justify-content:flex-start} body[dir=rtl] .rutss-footer-social-note{margin-right:0;margin-left:auto} @media(max-width:1050px){.rutss-footer-nav{gap:34px}.rutss-footer-col a{font-size:12px}} @media(max-width:720px){.rutss-footer{padding-top:42px}.rutss-footer-col h3{font-size:15px}.rutss-footer-col a{font-size:13px}.rutss-footer-action-card strong{font-size:18px}.rutss-footer-action-card p{font-size:12px}.rutss-footer-social{text-align:left}.rutss-footer-social-links{justify-content:flex-start}} /* RUTSS V6.2 — balanced typography + single-line social/newsletter row */ /* Keep a clear hierarchy: small labels, comfortable body text, strong headings */ .rutss-footer-brand b{font-size:28px} .rutss-footer-brand small{font-size:8px} .rutss-footer-brand-copy{font-size:12px;line-height:1.72} .rutss-footer-trust-badges span{font-size:8px} .rutss-footer-language-box strong{font-size:11px} .rutss-footer-language-box p{font-size:9.5px} .rutss-footer-langs a{font-size:9px} .rutss-footer-col h3{ font-size:14px; font-weight:800; letter-spacing:.01em; } .rutss-footer-col a{ font-size:11px; line-height:1.5; font-weight:500; } .rutss-footer-action-card small{ font-size:8px; font-weight:750; } .rutss-footer-action-card strong{ font-size:17px; font-weight:800; } .rutss-footer-action-card p{ font-size:10.5px; line-height:1.62; } /* Newsletter/social area: keep everything on one horizontal line on desktop */ .rutss-footer-community{ grid-template-columns:minmax(270px,1.05fr) minmax(300px,.9fr) minmax(340px,1.15fr); gap:18px; padding:22px 24px; } .rutss-footer-news-copy small, .rutss-footer-social small{ font-size:8px; } .rutss-footer-news-copy h3{ font-size:21px; line-height:1.25; } .rutss-footer-news-copy p{ font-size:10px; line-height:1.58; max-width:390px; } /* Make subscription field shorter and cleaner */ .rutss-footer-news-form{ max-width:390px; width:100%; } .rutss-footer-email-row{ grid-template-columns:minmax(0,1fr) auto; } .rutss-footer-email-row input{ height:40px; font-size:10.5px; } .rutss-footer-email-row button{ height:40px; font-size:10px; padding:0 14px; } .rutss-footer-consent{ font-size:8px; } /* Social icons: strictly one line on desktop */ .rutss-footer-social{ min-width:0; } .rutss-footer-social-links{ display:flex; flex-wrap:nowrap; gap:7px; justify-content:flex-start; margin-top:10px; white-space:nowrap; } .rutss-footer-social-links a{ flex:0 0 34px; width:34px; height:34px; font-size:13px; border-radius:9px; } .rutss-footer-social-note{ font-size:8.5px; line-height:1.45; margin:8px 0 0; max-width:260px; } /* Keep lower legal text readable but visually secondary */ .rutss-footer-security-note p{font-size:9.5px} .rutss-footer-meta{font-size:9px} .rutss-footer-meta a{font-size:9px} /* Arabic RTL alignment */ body[dir=rtl] .rutss-footer-social-links{justify-content:flex-start} body[dir=rtl] .rutss-footer-news-form{margin-left:auto;margin-right:0} /* Tablet: two-row fallback only when the viewport truly needs it */ @media(max-width:1050px){ .rutss-footer-community{ grid-template-columns:1fr 1fr; } .rutss-footer-social{ grid-column:1/-1; } .rutss-footer-social-links{ flex-wrap:nowrap; } } /* Mobile */ @media(max-width:720px){ .rutss-footer-community{ grid-template-columns:1fr; } .rutss-footer-social{ grid-column:auto; } .rutss-footer-social-links{ overflow-x:auto; padding-bottom:2px; } .rutss-footer-news-form{ max-width:none; } } /* RUTSS V6.3 — enlarge the small footer labels/text highlighted by user */ /* Small green labels above CTA cards */ .rutss-footer-action-card small{ font-size:11px !important; line-height:1.35 !important; font-weight:700 !important; letter-spacing:.01em !important; text-transform:none !important; } /* Newsletter eyebrow / label */ .rutss-footer-news-copy small, .rutss-footer-social small{ font-size:11px !important; line-height:1.35 !important; font-weight:700 !important; letter-spacing:.01em !important; text-transform:none !important; } /* Social follow text under icons */ .rutss-footer-social-note{ font-size:11px !important; line-height:1.6 !important; max-width:300px !important; } /* Consent / helper text under newsletter */ .rutss-footer-consent{ font-size:10.5px !important; line-height:1.55 !important; } /* Security notice */ .rutss-footer-security-note p{ font-size:11.5px !important; line-height:1.65 !important; } /* Bottom footer row */ .rutss-footer-meta{ font-size:11px !important; line-height:1.5 !important; } .rutss-footer-meta a{ font-size:11px !important; line-height:1.5 !important; } .rutss-footer-meta span{ font-size:11px !important; } /* Back to top */ .rutss-footer-backtop{ font-size:11px !important; font-weight:650 !important; } /* Slightly more breathing room so larger text does not feel cramped */ .rutss-footer-community{ padding-top:25px !important; padding-bottom:25px !important; } .rutss-footer-security-note{ padding-top:14px !important; padding-bottom:14px !important; } .rutss-footer-meta{ padding-top:24px !important; padding-bottom:6px !important; } @media(max-width:720px){ .rutss-footer-action-card small, .rutss-footer-news-copy small, .rutss-footer-social small, .rutss-footer-social-note, .rutss-footer-security-note p, .rutss-footer-meta, .rutss-footer-meta a, .rutss-footer-meta span, .rutss-footer-backtop{ font-size:11.5px !important; } } /* RUTSS V6.4 — increase ALL footer typography by ~2–3px for stronger readability */ /* Brand */ .rutss-footer-brand b{ font-size:32px !important; } .rutss-footer-brand small{ font-size:11px !important; } .rutss-footer-brand-copy{ font-size:15px !important; line-height:1.8 !important; } .rutss-footer-trust-badges span{ font-size:11px !important; } /* Language box */ .rutss-footer-language-box strong{ font-size:14px !important; } .rutss-footer-language-box p{ font-size:12.5px !important; line-height:1.65 !important; } .rutss-footer-langs a{ font-size:11.5px !important; } /* Main columns */ .rutss-footer-col h3{ font-size:17px !important; line-height:1.35 !important; } .rutss-footer-col a{ font-size:14px !important; line-height:1.6 !important; } /* CTA cards */ .rutss-footer-action-card small{ font-size:13px !important; } .rutss-footer-action-card strong{ font-size:20px !important; line-height:1.45 !important; } .rutss-footer-action-card p{ font-size:13.5px !important; line-height:1.7 !important; } /* Newsletter + social */ .rutss-footer-news-copy small, .rutss-footer-social small{ font-size:13px !important; } .rutss-footer-news-copy h3{ font-size:26px !important; line-height:1.3 !important; } .rutss-footer-news-copy p{ font-size:13px !important; line-height:1.7 !important; } .rutss-footer-email-row input{ font-size:12.5px !important; } .rutss-footer-email-row button{ font-size:12.5px !important; } .rutss-footer-consent{ font-size:11.5px !important; } .rutss-footer-social-note{ font-size:12.5px !important; line-height:1.6 !important; } .rutss-footer-social-links a{ width:42px !important; height:42px !important; flex-basis:42px !important; font-size:16px !important; } /* Security notice + bottom footer */ .rutss-footer-security-note p{ font-size:13px !important; line-height:1.65 !important; } .rutss-footer-meta, .rutss-footer-meta a, .rutss-footer-meta span, .rutss-footer-backtop{ font-size:12.5px !important; line-height:1.55 !important; } /* Keep spacing comfortable after the font increase */ .rutss-footer-nav{ gap:56px !important; } .rutss-footer-col{ gap:14px !important; } .rutss-footer-actions{ gap:18px !important; } .rutss-footer-action-card{ min-height:185px !important; } .rutss-footer-community{ padding:28px 28px !important; } .rutss-footer-security-note{ padding:16px 18px !important; } .rutss-footer-meta{ padding-top:25px !important; } /* Tablet */ @media(max-width:1050px){ .rutss-footer-col h3{ font-size:16px !important; } .rutss-footer-col a{ font-size:13.5px !important; } } /* Mobile */ @media(max-width:720px){ .rutss-footer-brand b{ font-size:30px !important; } .rutss-footer-col h3{ font-size:17px !important; } .rutss-footer-col a{ font-size:14.5px !important; } .rutss-footer-action-card strong{ font-size:20px !important; } .rutss-footer-action-card p, .rutss-footer-security-note p, .rutss-footer-social-note{ font-size:13.5px !important; } } /* RUTSS V6.5 — softer footer typography weights */ /* Main footer section headings */ .rutss-footer-col h3{ font-weight:500 !important; } /* Regular footer links */ .rutss-footer-col a{ font-weight:400 !important; } /* Brand */ .rutss-footer-brand b{ font-weight:500 !important; } /* CTA labels */ .rutss-footer-action-card small{ font-weight:500 !important; } /* CTA titles — large but not heavy */ .rutss-footer-action-card strong{ font-weight:500 !important; } /* Newsletter label */ .rutss-footer-news-copy small, .rutss-footer-social small{ font-weight:500 !important; } /* Newsletter main title */ .rutss-footer-news-copy h3{ font-weight:500 !important; } /* Language box */ .rutss-footer-language-box strong{ font-weight:500 !important; } /* Subscription button */ .rutss-footer-email-row button{ font-weight:500 !important; } /* Back to top and meta links */ .rutss-footer-backtop, .rutss-footer-meta a{ font-weight:400 !important; } /* Social icons stay readable without heavy weight */ .rutss-footer-social-links a{ font-weight:500 !important; } /* Keep normal descriptive text light */ .rutss-footer-brand-copy, .rutss-footer-action-card p, .rutss-footer-news-copy p, .rutss-footer-social-note, .rutss-footer-security-note p, .rutss-footer-meta, .rutss-footer-consent{ font-weight:400 !important; } /* RUTSS V6.7 — replace footer language box with conversion-focused rescan panel */ .rutss-footer-rescan-box{ margin-top:18px; max-width:340px; min-height:175px; padding:20px 20px 18px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:linear-gradient(145deg,#0b2338 0%,#0d2d3a 100%); border:1px solid #28516b; border-radius:15px; box-sizing:border-box; } .rutss-footer-rescan-kicker{ display:block; color:#70f217; font-size:11px; line-height:1.35; font-weight:500; letter-spacing:.02em; margin-bottom:8px; } .rutss-footer-rescan-box strong{ display:block; color:#fff; font-size:18px; line-height:1.42; font-weight:500; margin:0 0 9px; } .rutss-footer-rescan-box p{ margin:0; color:#9bb0c4; font-size:12px; line-height:1.65; font-weight:400; } .rutss-footer-rescan-box a{ display:inline-flex; align-items:center; justify-content:center; margin-top:15px; min-height:39px; padding:0 14px; border-radius:9px; background:#70f217; color:#071523; font-size:11.5px; line-height:1; font-weight:500; text-decoration:none; } .rutss-footer-rescan-box a:hover{ filter:brightness(1.04); transform:translateY(-1px); } /* Straight alignment with other top footer columns */ .rutss-footer-brand-col{ align-self:start; } .rutss-footer-rescan-box{ width:100%; } body[dir=rtl] .rutss-footer-rescan-box{ align-items:flex-end; text-align:right; } @media(max-width:720px){ .rutss-footer-rescan-box{ max-width:none; min-height:auto; } .rutss-footer-rescan-box strong{ font-size:18px; } .rutss-footer-rescan-box p{ font-size:12.5px; } } /* RUTSS V6.8 — account-first scanning + social sign-in */ .social-auth-stack{display:grid;gap:10px;margin-bottom:17px} .social-auth{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:11px;border:1px solid #d9e2ec;text-decoration:none;font-size:13px;font-weight:600;background:#fff;color:#12243b} .social-auth span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700} .social-auth.google span{color:#4285f4;border:1px solid #dce6f8}.social-auth.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.social-auth.facebook span{background:#fff;color:#1877f2} .auth-divider{display:flex;align-items:center;gap:10px;color:#8998aa;font-size:10px;margin:4px 0 14px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e1e7ee;flex:1} .auth-required-note{padding:11px 13px;margin-bottom:13px;border-radius:10px;background:#fff6e8;border:1px solid #f1d3a2;color:#8a5714;font-size:11px;line-height:1.5} .scan-login-gate{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:21px;padding:13px 14px;border-radius:14px;background:#fff;border:1px solid rgba(255,255,255,.2);color:#10233c} .scan-login-gate div{display:flex;flex-direction:column;gap:3px}.scan-login-gate b{font-size:12px;font-weight:600}.scan-login-gate span{font-size:9.5px;color:#6d8094}.scan-login-gate .btn{white-space:nowrap} @media(max-width:560px){.scan-login-gate{align-items:stretch;flex-direction:column}.scan-login-gate .btn{width:100%}} /* RUTSS V6.6 — comparison winner / loser score hierarchy */ /* Loser / lower overall score */ .compare-overall-grid .compare-overall-card:not(.winner) .compare-big-score strong{ color:#e58a18 !important; } .compare-overall-grid .compare-overall-card:not(.winner){ border-color:#f0d3aa !important; box-shadow:inset 0 4px #f2a640,0 12px 35px rgba(190,117,22,.06) !important; } .compare-overall-grid .compare-overall-card:not(.winner) .compare-site-head .url-letter{ background:#fff3e2 !important; color:#b96500 !important; border-color:#f0d1a5 !important; } /* Winner / higher overall score */ .compare-overall-grid .compare-overall-card.winner .compare-big-score strong{ color:#20a85a !important; } .compare-overall-grid .compare-overall-card.winner{ border-color:#9fddb9 !important; box-shadow:inset 0 4px #35c870,0 14px 38px rgba(32,168,90,.09) !important; } .compare-overall-grid .compare-overall-card.winner .compare-site-head .url-letter{ background:#e9f9ef !important; color:#16854a !important; border-color:#a9dfbe !important; } .compare-overall-grid .compare-overall-card.winner .compare-winner-pill{ background:#eaf9ef !important; color:#177f47 !important; border:1px solid #b7e4c8 !important; } /* Tie: keep both scores neutral instead of orange */ .compare-overall-grid .compare-overall-card:has(.compare-winner-pill.neutral) .compare-big-score strong{ color:#132941 !important; } .compare-overall-grid .compare-overall-card:has(.compare-winner-pill.neutral){ border-color:#dce5ee !important; box-shadow:none !important; } /* Category comparison also gets clearer winner / loser distinction */ .category-site-score.category-winner strong{ color:#188d4d !important; } .category-site-score.category-winner{ background:#eef9f1 !important; } .category-site-score:not(.category-winner) strong{ color:#b96f15; } /* RUTSS V6.9 — compact top footer: all columns stay inside one equal-height row */ /* Keep the whole first footer row compact and aligned */ .rutss-footer-nav{ align-items:stretch !important; padding-bottom:24px !important; } /* Every top footer column gets the same visual height */ .rutss-footer-brand-col, .rutss-footer-col{ min-height:290px !important; height:290px !important; max-height:290px !important; overflow:hidden !important; box-sizing:border-box !important; } /* Prevent the brand column CTA from pushing the row taller */ .rutss-footer-brand-col{ display:flex !important; flex-direction:column !important; } /* Compact brand copy so CTA fits inside the same red-box height */ .rutss-footer-brand-copy{ margin-top:12px !important; margin-bottom:10px !important; line-height:1.55 !important; } /* Trust badges slightly tighter */ .rutss-footer-trust-badges{ gap:5px !important; } .rutss-footer-trust-badges span{ padding:5px 8px !important; } /* Rescan CTA must stay fully inside the first-row height */ .rutss-footer-rescan-box{ margin-top:12px !important; min-height:0 !important; height:auto !important; max-height:152px !important; padding:14px 15px !important; border-radius:13px !important; overflow:hidden !important; } .rutss-footer-rescan-kicker{ margin-bottom:5px !important; font-size:10px !important; } .rutss-footer-rescan-box strong{ margin-bottom:5px !important; font-size:15px !important; line-height:1.28 !important; } .rutss-footer-rescan-box p{ font-size:10.5px !important; line-height:1.45 !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .rutss-footer-rescan-box a{ margin-top:9px !important; min-height:34px !important; padding:0 11px !important; font-size:10.5px !important; } /* Top link columns: consistent spacing, no column visually taller than another */ .rutss-footer-col{ gap:10px !important; } .rutss-footer-col h3{ margin-bottom:4px !important; padding-bottom:10px !important; } .rutss-footer-col a{ line-height:1.45 !important; } /* On smaller widths, remove fixed height so responsive layout remains safe */ @media(max-width:1050px){ .rutss-footer-brand-col, .rutss-footer-col{ height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; } .rutss-footer-rescan-box{ max-height:none !important; } } /* RUTSS V6.10 — remove boxed CTA under brand; replace with compact information */ .rutss-footer-rescan-box{display:none!important} .rutss-footer-brand-extra{margin-top:13px;display:flex;flex-direction:column;gap:5px;max-width:335px} .rutss-footer-brand-extra p{margin:0;color:#91a8bc;font-size:11.5px;line-height:1.5;font-weight:400} .rutss-footer-brand-chips{display:flex;gap:7px;flex-wrap:nowrap;margin-top:6px} .rutss-footer-brand-chips a{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 9px;border-radius:999px;border:1px solid #294a64;background:#0a2034;color:#c1d1df;font-size:9.5px;font-weight:500;text-decoration:none;white-space:nowrap} .rutss-footer-brand-chips a:hover{color:#fff;border-color:#557791;background:#102b43} .rutss-footer-brand-col{justify-content:flex-start!important} body[dir=rtl] .rutss-footer-brand-extra{text-align:right;align-items:flex-end} body[dir=rtl] .rutss-footer-brand-chips{justify-content:flex-start} @media(max-width:1050px){.rutss-footer-brand-chips{flex-wrap:wrap}} /* === FINAL EXACT PROFILE V6.17 RESTORE === */ /* RUTSS V6.17 — modern profile workspace, soft typography */ .profile-v617{ padding:44px 0 86px !important; background: radial-gradient(circle at 8% 3%,rgba(112,242,23,.06),transparent 22%), radial-gradient(circle at 92% 6%,rgba(86,126,255,.07),transparent 24%), linear-gradient(180deg,#f8fafc 0%,#f3f7fa 100%); } .profile-v617, .profile-v617 *{ font-weight:400 !important; } .profile-v617 h1, .profile-v617 h2, .profile-v617 h3{ font-weight:500 !important; letter-spacing:-.025em; } .profile-v617 b, .profile-v617 strong{ font-weight:500 !important; } .profile-hero{ display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:24px; padding:28px 30px; background:#fff; border:1px solid #dce5ed; border-radius:22px; box-shadow:0 18px 45px rgba(20,48,72,.055); } .profile-hero-copy{ max-width:700px; } .profile-hero-copy .eyebrow{ display:inline-block; color:#5b748b; font-size:12px !important; letter-spacing:.08em; margin-bottom:9px; } .profile-hero-copy h1{ margin:0 !important; color:#10243a; font-size:34px !important; line-height:1.18; } .profile-hero-copy p{ margin:10px 0 0; color:#64798c; font-size:14px; line-height:1.65; } .profile-hero-actions{ display:flex; gap:9px; align-items:center; flex-wrap:wrap; justify-content:flex-end; } .profile-soft-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; border:1px solid #d9e3eb; background:#fff; color:#365069; border-radius:10px; font-size:12.5px; text-decoration:none; transition:.18s ease; } .profile-soft-btn:hover{ background:#f5f8fa; border-color:#c6d4df; } .profile-primary-action{ min-height:42px !important; padding:0 16px !important; font-size:12.5px !important; font-weight:500 !important; } .profile-layout-modern{ grid-template-columns:285px minmax(0,1fr) !important; gap:20px !important; align-items:start; } .profile-side-modern{ position:sticky; top:92px; text-align:left !important; padding:22px !important; border-radius:20px !important; background:#fff !important; border:1px solid #dce5ed; color:#10243a !important; box-shadow:0 14px 38px rgba(20,48,72,.05); } .profile-user-top{ display:flex; align-items:center; gap:13px; padding-bottom:18px; border-bottom:1px solid #edf1f4; } .profile-avatar{ width:60px !important; height:60px !important; min-width:60px; border-radius:16px !important; background:linear-gradient(135deg,#e8f7df,#d9ebfb) !important; color:#3c7b1c !important; font-size:23px !important; margin:0 !important; overflow:hidden; } .profile-avatar-photo{ display:block; object-fit:cover; border:1px solid #d8e3eb; } .profile-user-meta{ min-width:0; } .profile-user-meta h2{ margin:0 0 4px !important; color:#12263b !important; font-size:19px !important; line-height:1.2; } .profile-user-meta p{ margin:0 0 7px !important; color:#71859a !important; font-size:11.5px !important; line-height:1.4; } .profile-role{ display:inline-flex !important; padding:4px 8px !important; background:#edf7e9 !important; color:#3b7423 !important; border:1px solid #cfe6c4; border-radius:999px; font-size:10px !important; } .profile-side-stats{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:16px 0; } .profile-side-stats>div{ padding:12px; border-radius:12px; background:#f6f9fb; border:1px solid #e5ebf0; } .profile-side-stats span{ display:block; color:#72869a; font-size:10.5px; } .profile-side-stats strong{ display:block; margin-top:4px; color:#10243a; font-size:21px; } .profile-side-links{ display:grid; gap:4px; padding:4px 0 14px; } .profile-side-links a{ display:flex; align-items:center; gap:9px; min-height:38px; padding:0 10px; border-radius:9px; color:#526b82; font-size:12px; text-decoration:none; } .profile-side-links a:hover{ background:#f3f7f9; color:#18334d; } .profile-side-links a span{ color:#6ed91a; } .profile-logout{ display:flex !important; align-items:center; justify-content:center; min-height:38px; margin-top:2px !important; border-radius:9px; border:1px solid #e3e9ee; color:#8b5a5f !important; background:#fff; font-size:11.5px !important; text-decoration:none; } .profile-kpis-modern{ gap:12px !important; margin-bottom:14px !important; } .profile-kpis-modern article{ display:flex; align-items:center; gap:13px; min-height:94px; padding:17px 18px !important; border-radius:16px !important; background:#fff; border:1px solid #dce5ed; box-shadow:0 10px 26px rgba(20,48,72,.035); } .profile-kpi-icon{ display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#eef8e9; color:#4e8b2b; font-size:18px; } .profile-kpis-modern small{ color:#708397 !important; font-size:10.5px !important; text-transform:none !important; letter-spacing:0 !important; } .profile-kpis-modern strong{ margin-top:4px; display:block; color:#10243a; font-size:28px !important; line-height:1; } .profile-grid-modern{ gap:14px !important; } .profile-panel-modern{ padding:20px !important; border-radius:17px !important; border:1px solid #dce5ed !important; box-shadow:0 10px 28px rgba(20,48,72,.035); } .profile-panel-head{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; } .profile-panel-kicker{ display:block; color:#7890a5; font-size:10px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:5px; } .profile-panel-modern h2{ margin:0 !important; color:#12263b; font-size:20px !important; } .profile-count{ display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:0 10px; border-radius:999px; background:#f3f7f9; border:1px solid #e0e8ee; color:#60788e; font-size:10.5px; } .profile-status-dot{ display:inline-flex; align-items:center; gap:6px; color:#688098; font-size:10.5px; } .profile-status-dot i{ width:7px; height:7px; border-radius:50%; background:#64d719; box-shadow:0 0 0 4px rgba(100,215,25,.11); } .modern-project-form{ display:grid !important; grid-template-columns:1fr auto; gap:8px !important; } .modern-project-form input, .profile-form-modern input{ margin-top:6px !important; min-height:44px; padding:0 13px !important; background:#f9fbfc; border:1px solid #d9e3eb !important; border-radius:10px !important; color:#16304a; font-size:13px !important; outline:none; } .modern-project-form input:focus, .profile-form-modern input:focus{ background:#fff; border-color:#9fc0db !important; box-shadow:0 0 0 3px rgba(77,133,183,.08); } .modern-project-form .btn{ min-height:44px; padding:0 15px; border-radius:10px; font-size:12px; } .modern-project-list{ margin-top:14px !important; } .modern-project-row{ display:grid !important; grid-template-columns:40px minmax(0,1fr) auto; gap:10px !important; align-items:center !important; padding:11px 0 !important; } .project-favicon, .report-site-icon{ display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#eef4f8; color:#3c5f7b; font-size:13px; } .project-info b, .report-info b{ color:#20384f; font-size:12.5px !important; } .project-info small, .report-info small{ margin-top:3px; color:#8293a4 !important; font-size:10.5px !important; } .modern-project-row>a{ color:#3f66a1 !important; font-size:10.5px !important; text-decoration:none; } .profile-form-modern{ gap:12px !important; } .profile-form-modern label{ color:#536b80; font-size:11.5px !important; } .profile-field-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .profile-form-modern .btn{ min-height:44px; margin-top:2px; border-radius:10px; font-size:12.5px; } .reports-panel{ margin-top:14px !important; } .profile-reports-head{ margin-bottom:4px; } .modern-report-list{ margin-top:0 !important; } .modern-report-row{ display:grid !important; grid-template-columns:40px minmax(0,1fr) auto 24px; gap:11px !important; min-height:62px; padding:10px 0 !important; align-items:center; } .report-score{ display:inline-flex; align-items:center; justify-content:center; min-width:54px; min-height:30px; border-radius:9px; font-size:12px !important; } .report-score.excellent{background:#eaf8ef;color:#247445} .report-score.good{background:#eff7e7;color:#5a7f29} .report-score.fair{background:#fff4dc;color:#9a6a10} .report-score.weak{background:#fdebee;color:#a84555} .report-open{ color:#8192a3; font-size:16px; } .profile-empty-state{ display:flex !important; flex-direction:column; align-items:center; justify-content:center !important; min-height:180px; padding:24px !important; border:1px dashed #d8e2e9 !important; border-radius:13px; text-align:center; background:#fbfcfd; } .profile-empty-state>span{ display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#eef8e9; color:#4c8c28; font-size:20px; } .profile-empty-state p{ margin:10px 0 3px; color:#304960; font-size:13px; } .profile-empty-state small{ max-width:370px; color:#7b8e9f !important; font-size:10.5px !important; line-height:1.55; } .profile-empty-state .profile-soft-btn{ margin-top:12px; } @media(max-width:1050px){ .profile-layout-modern{ grid-template-columns:1fr !important; } .profile-side-modern{ position:static; } .profile-side-modern{ display:block !important; } .profile-user-top{ justify-content:flex-start; } } @media(max-width:760px){ .profile-hero{ align-items:flex-start; flex-direction:column; padding:22px; } .profile-hero-copy h1{ font-size:29px !important; } .profile-hero-actions{ width:100%; justify-content:flex-start; } .profile-kpis-modern, .profile-grid-modern{ grid-template-columns:1fr !important; } .profile-field-grid{ grid-template-columns:1fr; } } @media(max-width:520px){ .profile-v617{ padding-top:22px !important; } .profile-hero-actions{ display:grid; grid-template-columns:1fr; } .profile-hero-actions a{ width:100%; } .modern-project-form{ grid-template-columns:1fr; } .modern-report-row{ grid-template-columns:38px 1fr auto; } .report-open{ display:none; } } /* === FINAL AUTHORITATIVE REPORT SIDEBAR === */ /* RUTSS authoritative report sidebar fix */ .unified-report-shell{ overflow:visible !important; } .unified-report-shell > .container, .unified-report-layout{ overflow:visible !important; } .unified-report-layout{ display:grid !important; grid-template-columns:260px minmax(0,1fr) !important; gap:22px !important; align-items:start !important; } .scan-tool-sidebar{ position:sticky !important; top:84px !important; align-self:start !important; max-height:calc(100vh - 105px) !important; height:auto !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; background:#fff !important; border:1px solid #dfe7f0 !important; border-radius:17px !important; box-shadow:0 12px 34px rgba(18,40,72,.055) !important; z-index:4 !important; } .scan-side-head, .back-top-link{ flex:0 0 auto !important; } .scan-side-list{ flex:1 1 auto !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; height:auto !important; max-height:none !important; padding:6px !important; } @media (max-width:900px){ .unified-report-layout{ grid-template-columns:1fr !important; } .scan-tool-sidebar{ position:relative !important; top:auto !important; max-height:none !important; } .scan-side-list{ overflow:visible !important; } } /* RUTSS FINAL PROPER STICKY REPORT SIDEBAR - stays inside report - never overlaps header/footer - keeps all 40 tools reachable */ @media (min-width: 901px) { .unified-report-shell, .unified-report-shell > .container, .unified-report-layout { overflow: visible !important; transform: none !important; filter: none !important; contain: none !important; } .unified-report-layout { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; gap: 22px !important; align-items: start !important; } .scan-tool-sidebar { position: sticky !important; position: -webkit-sticky !important; top: 88px !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-height: calc(100vh - 110px) !important; height: auto !important; align-self: start !important; z-index: 5 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; background: #fff !important; border: 1px solid #dfe7f0 !important; border-radius: 17px !important; box-shadow: 0 12px 34px rgba(18,40,72,.055) !important; } .scan-side-head, .back-top-link { flex: 0 0 auto !important; } .scan-side-list { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; scrollbar-gutter: stable !important; padding: 6px !important; } .scan-results-stream { grid-column: 2 !important; min-width: 0 !important; } } @media (max-width: 900px) { .unified-report-layout { display: block !important; } .scan-tool-sidebar { position: relative !important; inset: auto !important; width: auto !important; max-height: none !important; overflow: visible !important; } .scan-side-list { overflow: visible !important; max-height: none !important; } .scan-results-stream { grid-column: auto !important; } } /* RUTSS — compact sticky sidebar: show all 40 tools at once on desktop */ @media (min-width: 901px) { .unified-report-shell, .unified-report-shell > .container, .unified-report-layout { overflow: visible !important; } .unified-report-layout { display: grid !important; grid-template-columns: 240px minmax(0, 1fr) !important; gap: 22px !important; align-items: start !important; } .scan-tool-sidebar { position: sticky !important; top: 76px !important; width: 240px !important; height: auto !important; max-height: none !important; overflow: visible !important; align-self: start !important; z-index: 5 !important; } .scan-side-head { padding: 8px 10px !important; min-height: 34px !important; } .scan-side-list { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 4px 6px !important; } .scan-side-list a, .scan-side-list > a, .scan-side-list li, .scan-side-list .scan-side-item { min-height: 16px !important; height: 16px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; line-height: 16px !important; font-size: 9px !important; } .scan-side-list a { padding-left: 4px !important; padding-right: 4px !important; } .scan-side-list a span, .scan-side-list a b, .scan-side-list a small { line-height: 16px !important; font-size: 9px !important; } .back-top-link { min-height: 26px !important; padding: 5px 9px !important; font-size: 9px !important; line-height: 16px !important; } .scan-results-stream { grid-column: 2 !important; min-width: 0 !important; } } @media (max-width: 900px) { .scan-tool-sidebar { position: relative !important; top: auto !important; width: auto !important; } .scan-side-list { overflow: visible !important; } } /* ============================================================ RUTSS MOBILE FINAL CLEANUP 1. Remember me + Forgot password = ONE LINE 2. Remove mobile outer shadows / borders / rounded frames ============================================================ */ @media (max-width: 600px) { /* -------------------------------------------------------- LOGIN OPTIONS — FORCE ONE SINGLE ROW -------------------------------------------------------- */ form.account-access-form .auth-login-options { display:grid !important; grid-template-columns:max-content max-content !important; align-items:center !important; justify-content:space-between !important; width:100% !important; max-width:100% !important; gap:10px !important; margin:8px 0 14px !important; padding:0 !important; border:0 !important; box-shadow:none !important; } form.account-access-form .auth-login-options .auth-remember { display:grid !important; grid-template-columns:16px max-content !important; align-items:center !important; width:auto !important; max-width:max-content !important; gap:7px !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; white-space:nowrap !important; } form.account-access-form .auth-login-options .auth-remember input[type="checkbox"] { appearance:auto !important; -webkit-appearance:checkbox !important; display:block !important; width:16px !important; height:16px !important; min-width:16px !important; min-height:16px !important; max-width:16px !important; max-height:16px !important; margin:0 !important; padding:0 !important; flex:none !important; border-radius:2px !important; box-shadow:none !important; } form.account-access-form .auth-login-options .auth-remember span { display:block !important; width:auto !important; margin:0 !important; padding:0 !important; font-size:11px !important; line-height:16px !important; white-space:nowrap !important; } form.account-access-form .auth-login-options .auth-forgot { display:block !important; width:auto !important; max-width:max-content !important; margin:0 !important; padding:0 !important; font-size:11px !important; line-height:16px !important; white-space:nowrap !important; word-break:normal !important; text-align:right !important; } /* -------------------------------------------------------- REMOVE MOBILE OUTER WHITE / GRAY SHADOWS -------------------------------------------------------- */ main, .container, .account-shell, .account-shell .container, .account-page, .account-wrap, .auth-page, .auth-shell, .page-shell, .page-wrap, .site-shell, .site-page, .suite-page, .suite-wrap, .tool-page, .tool-shell, .tool-layout, .tools-layout, .intelligence-page, .intelligence-shell, .profile-page, .profile-shell { box-shadow:none !important; filter:none !important; border-left:0 !important; border-right:0 !important; outline:0 !important; background-image:none !important; } /* Remove decorative side shadows / overlays */ .account-shell::before, .account-shell::after, .account-page::before, .account-page::after, .account-wrap::before, .account-wrap::after, .auth-shell::before, .auth-shell::after, .page-shell::before, .page-shell::after, .site-shell::before, .site-shell::after, .suite-page::before, .suite-page::after, .tool-shell::before, .tool-shell::after { display:none !important; content:none !important; box-shadow:none !important; filter:none !important; background:none !important; } /* -------------------------------------------------------- MOBILE CARDS: FLAT, NO HEAVY WHITE FRAME -------------------------------------------------------- */ .account-card, .auth-card, .profile-card, .suite-card, .tool-card, .tool-panel, .content-card, .feature-card, .module-card { box-shadow:none !important; filter:none !important; border-radius:0 !important; border-left:0 !important; border-right:0 !important; } /* Keep the actual form controls usable */ input:not([type="checkbox"]), select, textarea, button { box-shadow:none !important; } /* No horizontal mobile overflow */ html, body { width:100% !important; max-width:100% !important; overflow-x:hidden !important; } } /* ============================================================ RUTSS MOBILE: REMOVE ALL SIDE SHADOWS / BORDER GLOW Entire mobile view only ============================================================ */ @media (max-width: 600px) { html, body { overflow-x: hidden !important; max-width: 100% !important; } /* remove any side glow / white gradient / fake frame */ body::before, body::after, main::before, main::after, .page-shell::before, .page-shell::after, .page-wrap::before, .page-wrap::after, .site-shell::before, .site-shell::after, .tool-shell::before, .tool-shell::after, .tool-page::before, .tool-page::after, .account-shell::before, .account-shell::after, .account-page::before, .account-page::after, .account-wrap::before, .account-wrap::after, .auth-shell::before, .auth-shell::after, .auth-page::before, .auth-page::after, .profile-shell::before, .profile-shell::after, .intelligence-shell::before, .intelligence-shell::after, .suite-page::before, .suite-page::after { content: none !important; display: none !important; background: none !important; background-image: none !important; box-shadow: none !important; filter: none !important; } /* main mobile wrappers */ body, main, .container, .page-shell, .page-wrap, .site-shell, .site-page, .tool-shell, .tool-page, .tool-layout, .tools-layout, .account-shell, .account-page, .account-wrap, .auth-shell, .auth-page, .profile-shell, .profile-page, .intelligence-shell, .intelligence-page, .suite-page, .suite-wrap { background-image: none !important; box-shadow: none !important; filter: none !important; outline: none !important; border-left: 0 !important; border-right: 0 !important; } /* cards / panels */ .account-card, .auth-card, .profile-card, .tool-card, .tool-panel, .content-card, .feature-card, .module-card, .scan-card, .result-card, .report-card, .hero-card, .stats-card { background-image: none !important; box-shadow: none !important; filter: none !important; } /* very common “right-side white glow” source */ [class*="hero"], [class*="shell"], [class*="wrap"], [class*="page"], [class*="layout"] { background-image: none !important; } /* keep mobile full clean */ .account-page, .tool-page, .report-page, .profile-page, .intelligence-page { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* remove shadow from all direct mobile blocks */ .account-page > *, .tool-page > *, .report-page > *, .profile-page > *, .intelligence-page > * { box-shadow: none !important; filter: none !important; } } /* ============================================================ RUTSS MOBILE — ABSOLUTELY NO SHADOW / SIDE GLOW Applies to the ENTIRE website on mobile. ============================================================ */ @media (max-width: 600px) { /* Kill every CSS shadow everywhere on mobile */ *, *::before, *::after { box-shadow: none !important; -webkit-box-shadow: none !important; text-shadow: none !important; filter: none !important; -webkit-filter: none !important; } /* * Remove decorative gradients from structural wrappers. * These are causing the white/gray vertical glow. */ body, main, section, article, aside, footer, .container, [class*="shell"], [class*="wrapper"], [class*="wrap"], [class*="layout"], [class*="page"], [class*="section"], [class*="panel"], [class*="card"] { background-image: none !important; filter: none !important; box-shadow: none !important; } /* * Remove decorative pseudo-element glow layers. * Keep pseudo-elements themselves available for icons/content. */ body::before, body::after, main::before, main::after, section::before, section::after, article::before, article::after, aside::before, aside::after, .container::before, .container::after { background-image: none !important; box-shadow: none !important; filter: none !important; } /* Remove outer right/left frame only */ html, body, main { border-left: 0 !important; border-right: 0 !important; outline: 0 !important; } html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } } /* ============================================================ RUTSS MOBILE — HIDE SCROLLBAR/GUTTER, KEEP SCROLLING ============================================================ */ @media (max-width: 600px) { html, body, main, section, .container, [class*="page"], [class*="shell"], [class*="wrap"], [class*="layout"], [class*="content"], [class*="sidebar"], [class*="drawer"] { scrollbar-width: none !important; -ms-overflow-style: none !important; scrollbar-gutter: auto !important; } html::-webkit-scrollbar, body::-webkit-scrollbar, main::-webkit-scrollbar, section::-webkit-scrollbar, .container::-webkit-scrollbar, [class*="page"]::-webkit-scrollbar, [class*="shell"]::-webkit-scrollbar, [class*="wrap"]::-webkit-scrollbar, [class*="layout"]::-webkit-scrollbar, [class*="content"]::-webkit-scrollbar, [class*="sidebar"]::-webkit-scrollbar, [class*="drawer"]::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; } /* Do NOT reserve a scrollbar column */ html, body { scrollbar-gutter: auto !important; overflow-x: hidden !important; } } /* ============================================================ RUTSS INTELLIGENCE — MOBILE REBUILD Applies ONLY to intelligence.php ============================================================ */ @media (max-width: 600px) { body.intelligence-page, body.rutss-intelligence-page { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } /* MAIN PAGE MUST USE FULL PHONE WIDTH */ body.intelligence-page main, body.rutss-intelligence-page main, body.intelligence-page .container, body.rutss-intelligence-page .container, body.intelligence-page .intelligence-page, body.rutss-intelligence-page .intelligence-page, body.intelligence-page .intelligence-shell, body.rutss-intelligence-page .intelligence-shell, body.intelligence-page .intelligence-wrap, body.rutss-intelligence-page .intelligence-wrap { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 12px !important; padding-right: 12px !important; transform: none !important; left: auto !important; right: auto !important; overflow: visible !important; box-shadow: none !important; filter: none !important; } /* HERO */ body.intelligence-page .intelligence-hero, body.rutss-intelligence-page .intelligence-hero, body.intelligence-page .suite-hero, body.rutss-intelligence-page .suite-hero { display: block !important; width: 100% !important; max-width: 100% !important; margin: 16px 0 !important; padding: 24px 20px !important; border-radius: 18px !important; overflow: hidden !important; } body.intelligence-page .intelligence-hero > *, body.rutss-intelligence-page .intelligence-hero > *, body.intelligence-page .suite-hero > *, body.rutss-intelligence-page .suite-hero > * { width: 100% !important; max-width: 100% !important; } body.intelligence-page .intelligence-hero h1, body.rutss-intelligence-page .intelligence-hero h1, body.intelligence-page .suite-hero h1, body.rutss-intelligence-page .suite-hero h1 { font-size: 30px !important; line-height: 1.12 !important; font-weight: 500 !important; margin-bottom: 12px !important; word-break: normal !important; overflow-wrap: normal !important; } body.intelligence-page .intelligence-hero p, body.rutss-intelligence-page .intelligence-hero p, body.intelligence-page .suite-hero p, body.rutss-intelligence-page .suite-hero p { font-size: 15px !important; line-height: 1.65 !important; } /* THREE PRINCIPLE CARDS: MUST STACK VERTICALLY, NOT 3 NARROW COLUMNS */ body.intelligence-page .principles-grid, body.rutss-intelligence-page .principles-grid, body.intelligence-page .intelligence-principles, body.rutss-intelligence-page .intelligence-principles, body.intelligence-page .intro-grid, body.rutss-intelligence-page .intro-grid, body.intelligence-page .feature-grid, body.rutss-intelligence-page .feature-grid { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; gap: 12px !important; } body.intelligence-page .principles-grid > *, body.rutss-intelligence-page .principles-grid > *, body.intelligence-page .intelligence-principles > *, body.rutss-intelligence-page .intelligence-principles > *, body.intelligence-page .intro-grid > *, body.rutss-intelligence-page .intro-grid > *, body.intelligence-page .feature-grid > *, body.rutss-intelligence-page .feature-grid > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 18px !important; border-radius: 16px !important; word-break: normal !important; overflow-wrap: break-word !important; } /* INTELLIGENCE MODULE SECTIONS */ body.intelligence-page .intelligence-grid, body.rutss-intelligence-page .intelligence-grid, body.intelligence-page .module-grid, body.rutss-intelligence-page .module-grid, body.intelligence-page .suite-grid, body.rutss-intelligence-page .suite-grid { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; gap: 14px !important; } body.intelligence-page .intelligence-grid > *, body.rutss-intelligence-page .intelligence-grid > *, body.intelligence-page .module-grid > *, body.rutss-intelligence-page .module-grid > *, body.intelligence-page .suite-grid > *, body.rutss-intelligence-page .suite-grid > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* NORMAL MOBILE TYPOGRAPHY */ body.intelligence-page h2, body.rutss-intelligence-page h2 { font-size: 24px !important; line-height: 1.2 !important; font-weight: 500 !important; } body.intelligence-page h3, body.rutss-intelligence-page h3 { font-size: 18px !important; line-height: 1.3 !important; font-weight: 500 !important; } body.intelligence-page p, body.rutss-intelligence-page p { font-size: 14px !important; line-height: 1.6 !important; word-break: normal !important; overflow-wrap: break-word !important; } /* ======================================================== MOBILE DRAWER ======================================================== */ body.intelligence-page .mobile-menu, body.rutss-intelligence-page .mobile-menu, body.intelligence-page .mobile-nav, body.rutss-intelligence-page .mobile-nav, body.intelligence-page .nav-drawer, body.rutss-intelligence-page .nav-drawer, body.intelligence-page [class*="drawer"], body.rutss-intelligence-page [class*="drawer"] { position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; width: min(82vw, 295px) !important; max-width: 295px !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; z-index: 99999 !important; box-shadow: none !important; filter: none !important; } /* Drawer MUST NOT resize page */ body.intelligence-page.menu-open main, body.rutss-intelligence-page.menu-open main, body.intelligence-page.nav-open main, body.rutss-intelligence-page.nav-open main { transform: none !important; width: 100% !important; margin: 0 !important; } } /* ============================================================ RUTSS INTELLIGENCE MOBILE — CLEAN REBUILD FROM SCRATCH Desktop untouched ============================================================ */ @media (max-width: 600px) { /* ---------- PAGE BASE ---------- */ body.page-intelligence { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; background: #f3f7fb !important; } body.page-intelligence main { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; } /* ---------- REMOVE OLD DESKTOP LAYOUT BEHAVIOR ---------- */ body.page-intelligence main *, body.page-intelligence main *::before, body.page-intelligence main *::after { box-sizing: border-box !important; } body.page-intelligence main [class*="container"], body.page-intelligence main [class*="wrapper"], body.page-intelligence main [class*="wrap"], body.page-intelligence main [class*="shell"], body.page-intelligence main [class*="layout"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; left: auto !important; right: auto !important; } /* ---------- MAIN MOBILE CONTENT WIDTH ---------- */ body.page-intelligence main > section, body.page-intelligence .intelligence-section, body.page-intelligence .suite-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ---------- HERO ---------- */ body.page-intelligence .intelligence-hero, body.page-intelligence .suite-hero, body.page-intelligence .hero-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 !important; padding: 22px 18px !important; background: #ffffff !important; border: 1px solid #dce5ef !important; border-radius: 16px !important; box-shadow: none !important; filter: none !important; overflow: hidden !important; } body.page-intelligence .intelligence-hero > *, body.page-intelligence .suite-hero > *, body.page-intelligence .hero-card > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /* remove desktop hero decoration on mobile */ body.page-intelligence .intelligence-hero::before, body.page-intelligence .intelligence-hero::after, body.page-intelligence .suite-hero::before, body.page-intelligence .suite-hero::after, body.page-intelligence .hero-card::before, body.page-intelligence .hero-card::after { display: none !important; content: none !important; } /* ---------- TYPOGRAPHY ---------- */ body.page-intelligence h1 { margin: 8px 0 12px !important; font-size: 30px !important; line-height: 1.12 !important; font-weight: 500 !important; letter-spacing: -0.4px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } body.page-intelligence h2 { margin: 0 0 10px !important; font-size: 23px !important; line-height: 1.22 !important; font-weight: 500 !important; white-space: normal !important; } body.page-intelligence h3 { margin: 0 0 8px !important; font-size: 17px !important; line-height: 1.3 !important; font-weight: 500 !important; } body.page-intelligence p { margin-top: 0 !important; font-size: 14px !important; line-height: 1.65 !important; font-weight: 400 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } body.page-intelligence .eyebrow, body.page-intelligence .kicker, body.page-intelligence [class*="eyebrow"] { font-size: 11px !important; line-height: 1.3 !important; font-weight: 500 !important; letter-spacing: 1px !important; } /* ---------- HERO BUTTONS ---------- */ body.page-intelligence .hero-actions, body.page-intelligence .actions { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; margin-top: 18px !important; } body.page-intelligence .hero-actions a, body.page-intelligence .hero-actions button, body.page-intelligence .actions a, body.page-intelligence .actions button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; margin: 0 !important; } /* ---------- STATS ---------- */ body.page-intelligence .stats-grid, body.page-intelligence .hero-stats, body.page-intelligence [class*="stats-grid"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; gap: 10px !important; margin-top: 16px !important; } body.page-intelligence .stats-grid > *, body.page-intelligence .hero-stats > *, body.page-intelligence [class*="stats-grid"] > * { width: 100% !important; min-width: 0 !important; padding: 14px !important; background: #f7fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: none !important; } /* ---------- THE THREE BROKEN CARDS ---------- */ body.page-intelligence .principles-grid, body.page-intelligence .principle-grid, body.page-intelligence .intro-grid, body.page-intelligence .workflow-grid, body.page-intelligence .benefit-grid { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; gap: 12px !important; margin: 14px 0 24px !important; } body.page-intelligence .principles-grid > *, body.page-intelligence .principle-grid > *, body.page-intelligence .intro-grid > *, body.page-intelligence .workflow-grid > *, body.page-intelligence .benefit-grid > * { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 18px !important; background: #ffffff !important; border: 1px solid #dce5ef !important; border-radius: 14px !important; box-shadow: none !important; filter: none !important; } /* fallback for the exact 3-card section if old class names differ */ body.page-intelligence main .three-col, body.page-intelligence main .three-columns, body.page-intelligence main [class*="three-col"] { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; } /* ---------- ALL INTELLIGENCE MODULES ---------- */ body.page-intelligence .intelligence-grid, body.page-intelligence .module-grid, body.page-intelligence .suite-grid, body.page-intelligence .tools-grid, body.page-intelligence .feature-grid, body.page-intelligence .modules-grid { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; gap: 12px !important; } body.page-intelligence .intelligence-grid > *, body.page-intelligence .module-grid > *, body.page-intelligence .suite-grid > *, body.page-intelligence .tools-grid > *, body.page-intelligence .feature-grid > *, body.page-intelligence .modules-grid > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 18px !important; background: #ffffff !important; border: 1px solid #dce5ef !important; border-radius: 14px !important; box-shadow: none !important; filter: none !important; } /* ---------- LINKS / MODULE ACTIONS ---------- */ body.page-intelligence .module-card a, body.page-intelligence .feature-card a, body.page-intelligence .intelligence-card a { display: inline-flex !important; align-items: center !important; max-width: 100% !important; margin-top: 10px !important; white-space: normal !important; } /* ---------- NO MOBILE SHADOWS ---------- */ body.page-intelligence main *, body.page-intelligence main *::before, body.page-intelligence main *::after { box-shadow: none !important; filter: none !important; } /* ---------- NO HORIZONTAL OVERFLOW ---------- */ body.page-intelligence img, body.page-intelligence svg, body.page-intelligence table, body.page-intelligence iframe { max-width: 100% !important; } body.page-intelligence input, body.page-intelligence select, body.page-intelligence textarea, body.page-intelligence button { max-width: 100% !important; } /* ======================================================== MOBILE NAV DRAWER — INDEPENDENT FROM PAGE ======================================================== */ body.page-intelligence .mobile-nav, body.page-intelligence .mobile-menu, body.page-intelligence .nav-drawer, body.page-intelligence .menu-drawer, body.page-intelligence [class*="mobile-drawer"] { position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; width: 270px !important; max-width: 82vw !important; height: 100dvh !important; margin: 0 !important; padding: 22px 18px !important; overflow-y: auto !important; overflow-x: hidden !important; background: #102b4a !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; z-index: 999999 !important; } /* Drawer must never push/re-size main page */ body.page-intelligence main, body.page-intelligence.menu-open main, body.page-intelligence.nav-open main, body.page-intelligence.drawer-open main { transform: none !important; translate: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } /* ============================================================ RUTSS INTELLIGENCE CLEAN MOBILE REBUILD — September 2026 ============================================================ */ @media (max-width: 600px) { /* ======================================================== PAGE ======================================================== */ body.page-intelligence { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; background: #f3f7fb !important; } body.page-intelligence main { display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px !important; left: auto !important; right: auto !important; transform: none !important; translate: none !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ======================================================== EVERYTHING INSIDE MAIN ======================================================== */ body.page-intelligence main * { box-sizing: border-box !important; min-width: 0 !important; max-width: 100% !important; box-shadow: none !important; filter: none !important; } /* ======================================================== HERO ======================================================== */ body.page-intelligence .intel-mobile-hero { display: flex !important; flex-direction: column !important; position: relative !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 8px 0 14px !important; padding: 22px 18px !important; left: auto !important; right: auto !important; transform: none !important; background: #fff !important; border: 1px solid #dce6ef !important; border-radius: 18px !important; overflow: visible !important; } body.page-intelligence .intel-mobile-hero h1 { display: block !important; width: 100% !important; margin: 5px 0 12px !important; font-size: 29px !important; line-height: 1.13 !important; font-weight: 500 !important; letter-spacing: -.35px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; } body.page-intelligence .intel-mobile-hero p { display: block !important; width: 100% !important; margin: 0 0 16px !important; font-size: 14px !important; line-height: 1.65 !important; font-weight: 400 !important; white-space: normal !important; word-break: normal !important; } /* ======================================================== WORKSPACE COVERAGE The block currently covering your title ======================================================== */ body.page-intelligence .intel-mobile-coverage { display: grid !important; grid-template-columns: 1fr !important; position: static !important; inset: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 18px 0 0 !important; padding: 16px !important; transform: none !important; translate: none !important; background: #102c4b !important; border: 0 !important; border-radius: 15px !important; overflow: visible !important; z-index: auto !important; } body.page-intelligence .intel-mobile-coverage > * { position: static !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.page-intelligence .intel-mobile-coverage > * + * { margin-top: 9px !important; } body.page-intelligence .intel-mobile-coverage h2, body.page-intelligence .intel-mobile-coverage h3, body.page-intelligence .intel-mobile-coverage strong { font-weight: 500 !important; } body.page-intelligence .intel-mobile-coverage p, body.page-intelligence .intel-mobile-coverage span { line-height: 1.5 !important; } /* ======================================================== 3 INTRO CARDS ======================================================== */ body.page-intelligence .intel-mobile-principles { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; gap: 10px !important; margin: 0 0 24px !important; overflow: visible !important; } body.page-intelligence .intel-mobile-principle-card { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 17px !important; transform: none !important; background: #fff !important; border: 1px solid #dce6ef !important; border-radius: 14px !important; overflow: visible !important; } body.page-intelligence .intel-mobile-principle-card h2, body.page-intelligence .intel-mobile-principle-card h3 { margin: 3px 0 7px !important; font-size: 17px !important; line-height: 1.3 !important; font-weight: 500 !important; writing-mode: horizontal-tb !important; white-space: normal !important; word-break: normal !important; } body.page-intelligence .intel-mobile-principle-card p { margin: 0 !important; font-size: 14px !important; line-height: 1.6 !important; font-weight: 400 !important; writing-mode: horizontal-tb !important; white-space: normal !important; word-break: normal !important; } /* ======================================================== SERVICE MODULES ======================================================== */ body.page-intelligence .intel-mobile-module { display: block !important; position: static !important; float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 0 11px !important; padding: 18px !important; transform: none !important; translate: none !important; background: #fff !important; border: 1px solid #dce6ef !important; border-radius: 14px !important; overflow: visible !important; } body.page-intelligence .intel-mobile-module h2, body.page-intelligence .intel-mobile-module h3 { margin: 0 0 7px !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 500 !important; white-space: normal !important; word-break: normal !important; } body.page-intelligence .intel-mobile-module p { margin: 0 0 10px !important; font-size: 14px !important; line-height: 1.6 !important; font-weight: 400 !important; white-space: normal !important; word-break: normal !important; } /* ======================================================== GENERIC DESKTOP GRIDS ======================================================== */ body.page-intelligence main [class*="grid"] { grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; gap: 11px !important; } body.page-intelligence main [class*="grid"] > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; grid-column: 1 !important; } /* ======================================================== NORMAL TITLES ======================================================== */ body.page-intelligence main h2 { font-weight: 500 !important; } body.page-intelligence main h3 { font-weight: 500 !important; } body.page-intelligence main p { font-weight: 400 !important; } /* ======================================================== REMOVE OLD MOBILE DECORATIVE LAYERS ======================================================== */ body.page-intelligence main::before, body.page-intelligence main::after, body.page-intelligence .intel-mobile-hero::before, body.page-intelligence .intel-mobile-hero::after { display: none !important; content: none !important; } /* ======================================================== IMAGES / FORMS ======================================================== */ body.page-intelligence img, body.page-intelligence svg, body.page-intelligence input, body.page-intelligence select, body.page-intelligence textarea, body.page-intelligence button { max-width: 100% !important; } } /* ============================================================ INTELLIGENCE MOBILE — FULL WIDTH ALL CONTENT BLOCKS ============================================================ */ @media (max-width:600px){ body.page-intelligence main{ width:100% !important; max-width:100% !important; padding:14px !important; box-sizing:border-box !important; } /* ALL sections/div wrappers full width */ body.page-intelligence main > *, body.page-intelligence main section, body.page-intelligence main article, body.page-intelligence main .container, body.page-intelligence main [class*="wrap"], body.page-intelligence main [class*="shell"], body.page-intelligence main [class*="layout"], body.page-intelligence main [class*="grid"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Every grid becomes ONE full-width column */ body.page-intelligence main [class*="grid"]{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; } body.page-intelligence main [class*="grid"] > *{ width:100% !important; max-width:100% !important; min-width:0 !important; grid-column:1 !important; } /* The three Measure / Understand / Track cards */ body.page-intelligence .intel-fixed-three, body.page-intelligence .intel-mobile-principles{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; width:100% !important; max-width:100% !important; } body.page-intelligence .intel-fixed-principle, body.page-intelligence .intel-mobile-principle-card{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:18px !important; grid-column:1 !important; writing-mode:horizontal-tb !important; box-sizing:border-box !important; } /* Prevent letters breaking vertically */ body.page-intelligence .intel-fixed-principle *, body.page-intelligence .intel-mobile-principle-card *{ width:auto !important; max-width:100% !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; writing-mode:horizontal-tb !important; } /* Service cards below */ body.page-intelligence .intel-mobile-module, body.page-intelligence [class*="module"], body.page-intelligence [class*="feature-card"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Workspace Coverage also full width */ body.page-intelligence .intel-fixed-coverage, body.page-intelligence .intel-mobile-coverage{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:16px 0 0 !important; box-sizing:border-box !important; } } /* ============================================================ INTELLIGENCE.PHP — REAL MOBILE FIX USING ACTUAL DOM ============================================================ */ @media (max-width:600px){ body.page-intelligence .suite-page.suite-hub-page.intel-v8{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:14px !important; box-sizing:border-box !important; overflow:visible !important; } /* EVERY direct block inside the Intelligence page */ body.page-intelligence .suite-page.suite-hub-page.intel-v8 > *{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Force all nested layout containers to full width */ body.page-intelligence .suite-page.suite-hub-page.intel-v8 div, body.page-intelligence .suite-page.suite-hub-page.intel-v8 section, body.page-intelligence .suite-page.suite-hub-page.intel-v8 article{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } /* Fix any multi-column flex layout */ body.page-intelligence .suite-page.suite-hub-page.intel-v8 [style*="display:flex"], body.page-intelligence .suite-page.suite-hub-page.intel-v8 .row, body.page-intelligence .suite-page.suite-hub-page.intel-v8 .columns, body.page-intelligence .suite-page.suite-hub-page.intel-v8 .cards{ flex-direction:column !important; width:100% !important; } /* Fix ALL grid layouts on this page */ body.page-intelligence .suite-page.suite-hub-page.intel-v8 [style*="display:grid"], body.page-intelligence .suite-page.suite-hub-page.intel-v8 .grid, body.page-intelligence .suite-page.suite-hub-page.intel-v8 [class*="grid"]{ display:grid !important; grid-template-columns:1fr !important; width:100% !important; max-width:100% !important; gap:12px !important; } body.page-intelligence .suite-page.suite-hub-page.intel-v8 [class*="grid"] > *{ width:100% !important; max-width:100% !important; min-width:0 !important; grid-column:1 !important; } /* Cards must be full red-box width */ body.page-intelligence .suite-page.suite-hub-page.intel-v8 .card, body.page-intelligence .suite-page.suite-hub-page.intel-v8 [class*="card"], body.page-intelligence .suite-page.suite-hub-page.intel-v8 [class*="tile"], body.page-intelligence .suite-page.suite-hub-page.intel-v8 [class*="panel"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Stop words breaking vertically */ body.page-intelligence .suite-page.suite-hub-page.intel-v8 h1, body.page-intelligence .suite-page.suite-hub-page.intel-v8 h2, body.page-intelligence .suite-page.suite-hub-page.intel-v8 h3, body.page-intelligence .suite-page.suite-hub-page.intel-v8 p, body.page-intelligence .suite-page.suite-hub-page.intel-v8 span{ white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; writing-mode:horizontal-tb !important; } /* Specifically fix the 3 narrow cards by their text section */ body.page-intelligence .suite-page.suite-hub-page.intel-v8 .intel-fixed-three, body.page-intelligence .suite-page.suite-hub-page.intel-v8 .intel-mobile-principles{ display:grid !important; grid-template-columns:1fr !important; width:100% !important; max-width:100% !important; gap:12px !important; } body.page-intelligence .suite-page.suite-hub-page.intel-v8 .intel-fixed-principle, body.page-intelligence .suite-page.suite-hub-page.intel-v8 .intel-mobile-principle-card{ width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:0 !important; display:block !important; } } /* RUTSS rich information page typography */ .rich-info-grid .info-card h2{ font-size:17px; line-height:1.3; } .rich-info-grid .info-card-contact{ border-color:#b9df8b; background:linear-gradient(135deg,#fff 0%,#f4fce9 100%); } .info-contact-link{ display:inline-flex; align-items:center; margin-top:14px; padding:10px 17px; border-radius:9px; background:#67f307; color:#071423; font-size:13px; font-weight:700; text-decoration:none; } .info-contact-link:hover{ background:#55d900; transform:translateY(-1px); } /* RUTSS footer titles — compact single-line desktop layout */ @media (min-width:901px){ .rutss-footer h2, .rutss-footer h3{ font-size:16px!important; line-height:1.25!important; letter-spacing:-.01em!important; white-space:nowrap!important; } } @media (max-width:900px){ .rutss-footer h2, .rutss-footer h3{ font-size:16px!important; line-height:1.3!important; } } /* RUTSS footer titles — compact single-line desktop layout */ @media (min-width:901px){ .rutss-footer h2, .rutss-footer h3{ font-size:16px!important; line-height:1.25!important; letter-spacing:-.01em!important; white-space:nowrap!important; } } @media (max-width:900px){ .rutss-footer h2, .rutss-footer h3{ font-size:16px!important; line-height:1.3!important; } } /* RUTSS — global near-full-width mobile layout */ @media (max-width:700px){ html,body{ width:100%!important; max-width:100%!important; overflow-x:hidden!important; } .container{ width:calc(100% - 8px)!important; max-width:none!important; margin-left:4px!important; margin-right:4px!important; padding-left:2px!important; padding-right:2px!important; } main, .section, .profile-main, .profile-layout, .profile-shell{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } } /* RUTSS — remove remaining mobile wrapper spacing */ @media (max-width:700px){ body.page-profile main, body.page-profile .profile-layout, body.page-profile .profile-shell, body.page-profile .profile-main, body.page-profile .profile-content{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; padding-left:3px!important; padding-right:3px!important; box-sizing:border-box!important; } body.page-profile .profile-panel, body.page-profile .profile-card, body.page-profile .profile-kpis, body.page-profile .reports-panel{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } } /* RUTSS — maximum mobile profile width */ @media (max-width:700px){ body.page-profile .container, body.page-profile main, body.page-profile .profile-layout, body.page-profile .profile-shell, body.page-profile .profile-main{ width:100%!important; max-width:100%!important; margin:0!important; padding-left:1px!important; padding-right:1px!important; } body.page-profile .profile-main > *, body.page-profile .profile-layout > *, body.page-profile .profile-shell > *{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } } /* rutss-interactions.css */ /* RUTSS interaction recovery styles */ .language-menu{position:relative} .language-menu [data-language-dropdown]{ display:none; position:absolute; z-index:9999; } .language-menu.open [data-language-dropdown]{ display:block !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; } [data-issue-body][hidden]{ display:none !important; } [data-issue-body]:not([hidden]){ display:block !important; } .issue-action-trigger{ cursor:pointer; } /* report-sidebar-final.css */ /* ========================================================= RUTSS REPORT SIDEBAR — FINAL FOLLOW-TO-END BEHAVIOR Normal readable text + internal scroll + report boundary stop ========================================================= */ @media (min-width: 901px) { .unified-report-shell { position: relative !important; overflow: visible !important; } .unified-report-layout { position: relative !important; display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; gap: 22px !important; align-items: start !important; overflow: visible !important; } .scan-tool-sidebar { width: 260px !important; max-width: 260px !important; height: auto !important; max-height: calc(100vh - 100px) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; background: #fff !important; border: 1px solid #dfe7f0 !important; border-radius: 17px !important; box-shadow: 0 12px 34px rgba(18,40,72,.06) !important; z-index: 50 !important; } .scan-tool-sidebar.rutss-following { position: fixed !important; top: 82px !important; right: auto !important; bottom: auto !important; } .scan-tool-sidebar.rutss-at-end { position: absolute !important; top: auto !important; bottom: 0 !important; left: 0 !important; right: auto !important; } .scan-side-head { flex: 0 0 auto !important; min-height: 42px !important; padding: 10px 12px !important; } .scan-side-list { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; scrollbar-gutter: stable !important; padding: 6px !important; } /* Restore readable sizing — no more tiny 9px rows */ .scan-side-list a, .scan-side-list > a, .scan-side-list li, .scan-side-list .scan-side-item { min-height: 27px !important; height: auto !important; margin: 0 !important; padding-top: 5px !important; padding-bottom: 5px !important; line-height: 17px !important; font-size: 11.5px !important; } .scan-side-list a span, .scan-side-list a b, .scan-side-list a small { font-size: 11.5px !important; line-height: 17px !important; } .scan-side-list a.rutss-current-tool { background: #edf8f4 !important; color: #0c664c !important; font-weight: 700 !important; border-radius: 8px !important; } .back-top-link { flex: 0 0 auto !important; min-height: 36px !important; padding: 9px 11px !important; font-size: 11px !important; line-height: 16px !important; } .rutss-sidebar-space { width: 260px !important; min-width: 260px !important; height: 1px !important; display: none; } .rutss-sidebar-space.is-active { display: block !important; } .scan-results-stream { grid-column: 2 !important; min-width: 0 !important; } .scan-side-list::-webkit-scrollbar { width: 7px !important; } .scan-side-list::-webkit-scrollbar-thumb { background: #b7c2cf !important; border-radius: 999px !important; } .scan-side-list::-webkit-scrollbar-track { background: transparent !important; } } @media (max-width: 900px) { .scan-tool-sidebar, .scan-tool-sidebar.rutss-following, .scan-tool-sidebar.rutss-at-end { position: relative !important; inset: auto !important; width: auto !important; max-width: none !important; max-height: none !important; overflow: visible !important; } .scan-side-list { overflow: visible !important; max-height: none !important; } .rutss-sidebar-space { display: none !important; } } /* intelligence-suite-v8.css */ /* RUTSS Intelligence Suite V8 — scoped production UI */ .suite-page{zoom:1!important;transform:none!important;transform-origin:initial!important;width:100%!important;max-width:none!important;background:#f4f8fc;color:#12233a;padding:48px 0 72px;min-height:70vh;font-size:15px;line-height:1.55} .suite-page *{box-sizing:border-box} .suite-page .container{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;transform:none!important;zoom:1!important} .suite-page h1,.suite-page h2,.suite-page h3,.suite-page p{transform:none!important;zoom:1!important} .suite-page h1{font-size:44px!important;line-height:1.05!important;letter-spacing:-.035em;margin:0;color:#10243d} .suite-page h2{font-size:26px!important;line-height:1.2!important;margin:0;color:#10243d} .suite-page h3{font-size:18px!important;line-height:1.25!important;margin:0;color:#14263c} .suite-page p{font-size:14px!important;line-height:1.65!important;color:#61748c} .suite-eyebrow{display:inline-flex;font-size:11px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#55708f;margin-bottom:14px} .intel-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:36px;align-items:stretch;padding:38px;border:1px solid #dbe5ef;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff 58%,#efffeb 100%);box-shadow:0 20px 55px rgba(17,37,62,.07);overflow:hidden} .intel-hero-copy>p{font-size:16px!important;max-width:720px;margin:18px 0 22px;color:#5f7289} .intel-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.intel-actions .btn{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;text-decoration:none;border-radius:11px;font-weight:800}.intel-secondary{min-height:46px;padding:0 17px;display:inline-flex;align-items:center;border:1px solid #cfdbe8;background:#fff;border-radius:11px;color:#173b62;text-decoration:none;font-weight:700} .intel-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.intel-pills span{padding:7px 10px;border:1px solid #d8e4ef;border-radius:999px;background:#fff;color:#516985;font-size:11px;font-weight:700} .intel-hero-panel{padding:20px;border:1px solid #d6e3ee;background:#0e223b;border-radius:18px;display:grid;gap:10px;align-content:start}.intel-score-head{display:flex;justify-content:space-between;align-items:flex-end;color:#c9d7e5;margin-bottom:4px}.intel-score-head span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.intel-score-head strong{font-size:36px;line-height:1;color:#72ff14}.intel-signal{background:#132b49;border:1px solid #24405f;border-radius:12px;padding:13px 14px}.intel-signal b{display:block;color:#fff;font-size:13px}.intel-signal span{display:block;color:#93aac2;font-size:11px;margin-top:3px} .intel-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 42px}.intel-principles article{display:flex;gap:13px;padding:18px;border:1px solid #dce6ef;border-radius:15px;background:#fff}.intel-principles article>span{font-size:11px;font-weight:900;color:#61cc18}.intel-principles b{font-size:14px}.intel-principles p{font-size:12px!important;margin:4px 0 0} .intel-group{margin:36px 0 0}.intel-group-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.intel-group-head>div>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6a8098}.intel-group-head p{margin:0;font-size:12px!important} .intel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.intel-card{min-height:210px;display:flex;flex-direction:column;padding:20px;border:1px solid #d9e4ee;border-radius:16px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(20,42,68,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.intel-card:hover{transform:translateY(-3px);border-color:#a9cf92;box-shadow:0 15px 32px rgba(20,42,68,.08)}.intel-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}.intel-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edffe4;color:#348b12;font-weight:900;font-size:15px}.intel-type{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#6b8198}.intel-card h3{font-size:17px!important}.intel-card p{font-size:12.5px!important;flex:1;margin:8px 0 17px}.intel-card-foot{padding-top:13px;border-top:1px solid #edf1f5;display:flex;justify-content:space-between;color:#246b43;font-size:11px;font-weight:800}.intel-card-foot b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#73f213;color:#10243d} /* module page foundations */ .suite-page .suite-hero,.suite-page .suite-title,.suite-page .suite-panel,.suite-page .suite-card,.suite-page .suite-form,.suite-page .suite-table,.suite-page .suite-kpis,.suite-page .suite-note,.suite-page .suite-callout,.suite-page .suite-project-card,.suite-page .planner-board,.suite-page .question-root,.suite-page .suite-score,.suite-page .suite-check-grid{max-width:none!important;transform:none!important;zoom:1!important} .suite-page .suite-hero,.suite-page .suite-title{padding:28px 30px!important;border:1px solid #dbe5ef!important;border-radius:20px!important;background:#fff!important;margin-bottom:18px!important} .suite-page .suite-hero h1,.suite-page .suite-title h1{font-size:34px!important}.suite-page .suite-hero p,.suite-page .suite-title p{font-size:14px!important;max-width:800px} .suite-page .suite-panel,.suite-page .suite-card,.suite-page .suite-form,.suite-page .suite-project-card,.suite-page .planner-board,.suite-page .question-root{background:#fff!important;border:1px solid #dbe5ef!important;border-radius:16px!important;padding:20px!important;box-shadow:0 8px 25px rgba(20,42,68,.035)!important} .suite-page input,.suite-page select,.suite-page textarea{min-height:44px!important;border:1px solid #cfdbe8!important;border-radius:10px!important;padding:9px 11px!important;background:#fff!important;color:#172f49!important;font-size:13px!important}.suite-page textarea{min-height:110px!important}.suite-page button,.suite-page .suite-btn{min-height:42px!important;border-radius:10px!important;padding:0 15px!important;font-size:12px!important;font-weight:800!important} .suite-page table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid #dbe5ef!important;border-radius:14px!important;overflow:hidden!important}.suite-page th,.suite-page td{padding:11px 12px!important;font-size:12px!important;border-bottom:1px solid #edf1f5!important;text-align:left}.suite-page th{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#60788f!important;background:#f7f9fc!important} .suite-page .suite-kpis,.suite-page .suite-quick-grid,.suite-page .suite-check-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.suite-page .suite-kpi,.suite-page .suite-quick,.suite-page .suite-check-grid article{padding:16px!important;border:1px solid #dbe5ef!important;border-radius:13px!important;background:#fff!important}.suite-page .suite-kpi strong{font-size:24px!important}.suite-page .suite-kpi small,.suite-page .suite-quick p{font-size:10px!important} @media(max-width:980px){.intel-hero{grid-template-columns:1fr}.intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intel-principles{grid-template-columns:1fr}.suite-page .suite-kpis,.suite-page .suite-quick-grid,.suite-page .suite-check-grid{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:640px){.suite-page{padding:26px 0 50px}.suite-page .container{width:min(100% - 24px,1180px)!important}.suite-page h1{font-size:32px!important}.intel-hero{padding:22px}.intel-grid{grid-template-columns:1fr}.intel-group-head{align-items:start;flex-direction:column}.suite-page .suite-kpis,.suite-page .suite-quick-grid,.suite-page .suite-check-grid{grid-template-columns:1fr!important}} /* intelligence-suite-v9-design.css */ /* ============================================================ RUTSS Intelligence Suite — 25-page professional UI system Scope: .suite-page only. Does not redesign the rest of RUTSS. ============================================================ */ .suite-page{ --ink:#10243d; --muted:#60758f; --line:#d9e4ef; --line-soft:#eaf0f5; --panel:#ffffff; --wash:#f3f7fb; --navy:#0d2138; --lime:#69f20f; --lime-dark:#2f8a0c; --green:#0f9d62; --amber:#d99600; --red:#d94a5d; --blue:#3478e5; --shadow:0 14px 38px rgba(18,42,70,.07); width:100%!important; max-width:none!important; min-height:72vh; padding:52px 0 76px; background: radial-gradient(circle at 8% 0%,rgba(105,242,15,.055),transparent 26%), radial-gradient(circle at 92% 10%,rgba(69,126,255,.045),transparent 26%), #f4f8fc; color:var(--ink); font-size:15px!important; line-height:1.55; zoom:1!important; transform:none!important; } .suite-page *{box-sizing:border-box} .suite-page .container{ width:min(1180px,calc(100% - 42px))!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; transform:none!important; zoom:1!important; } .suite-page h1,.suite-page h2,.suite-page h3,.suite-page p{transform:none!important;zoom:1!important} .suite-page h1{margin:0;font-size:42px!important;line-height:1.06!important;letter-spacing:-.035em;color:var(--ink);font-weight:800} .suite-page h2{margin:0;font-size:24px!important;line-height:1.22!important;letter-spacing:-.018em;color:var(--ink);font-weight:800} .suite-page h3{margin:0;font-size:16px!important;line-height:1.3!important;color:var(--ink);font-weight:800} .suite-page p{font-size:14px!important;line-height:1.7!important;color:var(--muted)} .suite-page a{transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease} .suite-page a:focus-visible,.suite-page button:focus-visible,.suite-page input:focus-visible,.suite-page select:focus-visible,.suite-page textarea:focus-visible{ outline:3px solid rgba(105,242,15,.28)!important; outline-offset:2px!important } /* Page hero / heading */ .suite-title,.suite-workspace-hero,.suite-hero{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important; align-items:center!important; gap:28px!important; position:relative; overflow:hidden; margin:0 0 18px!important; padding:31px 34px!important; border:1px solid var(--line)!important; border-radius:22px!important; background: radial-gradient(circle at 88% 22%,rgba(105,242,15,.11),transparent 26%), linear-gradient(135deg,#fff 0%,#fff 68%,#f4ffef 100%)!important; box-shadow:var(--shadow)!important; } .suite-title:after,.suite-workspace-hero:after,.suite-hero:after{ content:""; position:absolute; width:150px;height:150px; right:-52px;top:-70px; border:1px solid rgba(105,242,15,.22); border-radius:50%; pointer-events:none } .suite-title>div:first-child,.suite-workspace-hero>div:first-child,.suite-hero>div:first-child{min-width:0} .suite-title h1,.suite-workspace-hero h1,.suite-hero h1{font-size:38px!important} .suite-title p,.suite-workspace-hero p,.suite-hero p{max-width:790px;margin:12px 0 0!important} .suite-eyebrow{ display:inline-flex!important; align-items:center; gap:7px; margin:0 0 12px!important; color:#50708e!important; font-size:10px!important; line-height:1!important; letter-spacing:.14em!important; text-transform:uppercase; font-weight:900!important } .suite-eyebrow:before{ content:""; width:7px;height:7px;border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(105,242,15,.12) } .suite-source-card{ min-height:118px; display:flex!important; flex-direction:column; justify-content:center; padding:18px 20px!important; border:1px solid #cfe0eb!important; border-radius:16px!important; background:rgba(255,255,255,.84)!important; backdrop-filter:blur(6px); box-shadow:0 10px 28px rgba(23,54,88,.055) } .suite-source-card span{font-size:10px!important;text-transform:uppercase;letter-spacing:.12em;color:#6e8399;font-weight:900} .suite-source-card b{display:block;margin:7px 0 3px;font-size:16px;color:var(--ink)} .suite-source-card small{display:block;font-size:11px;line-height:1.5;color:#6c8095} /* Primary forms / command bars */ .suite-form,.suite-command-bar,.suite-actionbar,.suite-live-form{ display:flex!important; align-items:end!important; gap:12px!important; flex-wrap:wrap!important; margin:16px 0 20px!important; padding:17px 18px!important; border:1px solid var(--line)!important; border-radius:17px!important; background:#fff!important; box-shadow:0 8px 24px rgba(18,42,70,.045)!important } .suite-command-three{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important} .suite-form-inline{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important} .suite-form label,.suite-command-bar label,.suite-live-form label{ display:flex!important; flex-direction:column!important; gap:7px!important; min-width:180px; flex:1 1 240px } .suite-form label>span,.suite-command-bar label>span,.suite-live-form label>span{ display:block!important; color:#49627d!important; font-size:10px!important; font-weight:900!important; text-transform:uppercase; letter-spacing:.08em } .suite-page input,.suite-page select,.suite-page textarea{ width:100%!important; min-height:46px!important; padding:10px 13px!important; border:1px solid #cfdce8!important; border-radius:11px!important; background:#fbfdff!important; color:#173047!important; font:inherit!important; font-size:13px!important; box-shadow:inset 0 1px 1px rgba(18,42,70,.02)!important } .suite-page textarea{min-height:120px!important;resize:vertical} .suite-page input:hover,.suite-page select:hover,.suite-page textarea:hover{border-color:#abc0d2!important} .suite-page input:focus,.suite-page select:focus,.suite-page textarea:focus{border-color:#76bd4c!important;background:#fff!important} .suite-page button,.suite-page .btn,.suite-page .suite-btn{ min-height:44px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:0 16px!important; border:1px solid #bcd0df!important; border-radius:11px!important; background:#fff!important; color:#173047!important; text-decoration:none!important; font-size:12px!important; font-weight:900!important; cursor:pointer } .suite-page .btn.lime,.suite-page button.lime{ border-color:#62dd10!important; background:var(--lime)!important; color:#10243d!important; box-shadow:0 8px 18px rgba(105,242,15,.18)!important } .suite-page .btn.lime:hover,.suite-page button.lime:hover{transform:translateY(-1px);background:#75ff1c!important} .suite-page .suite-btn:hover{border-color:#8eacbf!important;background:#f6f9fc!important} .suite-page .suite-btn.ghost{background:#fff!important;color:#64778b!important} .suite-page .suite-btn.critical,.suite-page button.critical{border-color:#f3bec6!important;color:#b72b42!important;background:#fff7f8!important} /* Feature strip – fixes plain 01/02/03 text problem */ .suite-feature-strip{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:13px!important; margin:18px 0!important } .suite-feature-strip article{ display:grid!important; grid-template-columns:42px 1fr!important; gap:13px!important; align-items:start!important; padding:18px!important; border:1px solid var(--line)!important; border-radius:15px!important; background:#fff!important; box-shadow:0 7px 20px rgba(20,42,68,.035) } .suite-feature-strip article>span{ width:38px;height:38px; display:grid!important;place-items:center!important; border-radius:11px; background:#edffe4!important; color:#2c8610!important; font-size:11px!important; font-weight:900!important } .suite-feature-strip h3{font-size:14px!important;margin:1px 0 5px!important} .suite-feature-strip p{font-size:11.5px!important;line-height:1.55!important;margin:0!important} /* Empty states */ .suite-empty,.suite-empty-pro,.suite-project-empty{ display:grid!important; grid-template-columns:68px minmax(0,1fr)!important; gap:20px!important; align-items:center!important; margin:18px 0!important; padding:22px 24px!important; border:1px solid var(--line)!important; border-radius:17px!important; background:#fff!important; box-shadow:0 8px 26px rgba(18,42,70,.04)!important } .suite-empty-visual{ width:58px!important;height:58px!important; display:grid!important;place-items:center!important; border-radius:15px!important; background:linear-gradient(145deg,#efffe7,#e6f4ff)!important; border:1px solid #cfe4d0!important; color:#24683a!important; font-size:20px!important; font-weight:900 } .suite-empty-pro h2,.suite-project-empty h2{font-size:21px!important;margin:2px 0 5px!important} .suite-empty-pro p,.suite-project-empty p{margin:0 0 10px!important} /* Panels */ .suite-panel,.suite-card,.seo-core-card,.integration-card{ position:relative; margin:16px 0!important; padding:21px 22px!important; border:1px solid var(--line)!important; border-radius:17px!important; background:#fff!important; box-shadow:0 8px 25px rgba(18,42,70,.04)!important } .suite-panel-number{ width:32px;height:32px; display:grid!important;place-items:center!important; position:absolute;right:18px;top:18px; border-radius:9px; background:#f0f5f9;color:#6f8498; font-size:10px!important;font-weight:900 } .suite-panel-head{ display:flex!important; justify-content:space-between!important; align-items:start!important; gap:15px!important; margin-bottom:16px!important } .suite-panel-head p{margin:4px 0 0!important} /* Two-column/result grids */ .suite-two,.suite-brief-grid,.suite-client-grid,.suite-competitor-grid,.seo-core-grid,.seo-gsc-grid,.seo-report-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important } .suite-brief-grid .suite-panel{margin:0!important;min-height:220px} .suite-module-grid,.suite-project-grid,.suite-opportunity-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important } /* KPI blocks */ .suite-kpis,.suite-kpis-five,.suite-quick-grid,.suite-check-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:11px!important; margin:14px 0!important } .suite-kpis-five{grid-template-columns:repeat(5,minmax(0,1fr))!important} .suite-kpis>*,.suite-quick,.suite-check-grid article{ min-height:94px; padding:15px!important; border:1px solid var(--line)!important; border-radius:14px!important; background:#fff!important } .suite-kpis strong,.suite-kpi strong{display:block!important;font-size:25px!important;line-height:1!important;color:var(--ink)} .suite-kpis small,.suite-kpi small,.suite-quick small{display:block!important;margin-bottom:7px;font-size:9px!important;color:#75899c;text-transform:uppercase;letter-spacing:.09em;font-weight:900} .suite-quick h3{font-size:14px!important} .suite-quick p{font-size:11px!important;margin:5px 0 0!important} /* Project cards */ .suite-project-card{ display:flex!important; flex-direction:column!important; gap:15px!important; min-height:230px; margin:0!important; padding:20px!important; border:1px solid var(--line)!important; border-radius:17px!important; background:#fff!important; box-shadow:0 9px 26px rgba(18,42,70,.045)!important } .suite-project-top{ display:flex!important; justify-content:space-between!important; align-items:start!important; gap:14px!important } .suite-project-top small{display:block;color:#74899c;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900} .suite-project-top h2{font-size:21px!important;margin:5px 0 3px!important} .suite-project-top a{font-size:12px!important} .suite-project-meta{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; padding:12px!important; border-radius:12px!important; background:#f6f9fc!important; color:#60758a!important } .suite-project-meta span{font-size:11px!important} .suite-project-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-top:auto!important} .suite-project-actions form{margin:0!important} /* Badges */ .suite-badge{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:28px; padding:5px 9px!important; border-radius:999px!important; border:1px solid #d7e3ec!important; background:#f6f9fc!important; color:#587088!important; font-size:9px!important; font-weight:900!important; text-transform:uppercase; letter-spacing:.05em } .suite-badge.ok{border-color:#bce2c9!important;background:#f0fff4!important;color:#18824b!important} .suite-badge.warn{border-color:#f0d69b!important;background:#fffaf0!important;color:#a96c00!important} .suite-badge.info{border-color:#c8daf2!important;background:#f2f7ff!important;color:#376da9!important} /* Errors / notes */ .suite-error,.suite-note,.suite-callout,.suite-result{ margin:14px 0!important; padding:14px 16px!important; border-radius:13px!important; font-size:12px!important; line-height:1.6!important } .suite-error{border:1px solid #f0bdc5!important;background:#fff4f6!important;color:#a92c42!important} .suite-note,.suite-callout{border:1px solid #d8e4ee!important;background:#f7fafc!important;color:#526b83!important} .suite-result.ok{border:1px solid #bde4c9!important;background:#f2fff6!important;color:#237a49!important} .suite-result.warn{border:1px solid #f1d498!important;background:#fff9ec!important;color:#9a6700!important} /* Tables */ .suite-table-wrap{width:100%!important;overflow:auto!important;border-radius:15px!important} .suite-table,.suite-table-rich,.seo-page-table{ width:100%!important; border-collapse:separate!important; border-spacing:0!important; overflow:hidden; border:1px solid var(--line)!important; border-radius:15px!important; background:#fff!important } .suite-table th,.suite-table td,.suite-table-rich th,.suite-table-rich td,.seo-page-table th,.seo-page-table td{ padding:12px 13px!important; text-align:left!important; border-bottom:1px solid var(--line-soft)!important; vertical-align:middle!important; font-size:12px!important } .suite-table th,.suite-table-rich th,.seo-page-table th{ position:sticky;top:0;z-index:1; background:#f6f9fc!important; color:#617991!important; font-size:9px!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-weight:900!important } .suite-table tbody tr:hover,.suite-table-rich tbody tr:hover,.seo-page-table tbody tr:hover{background:#fbfdfd!important} .suite-table tr:last-child td,.suite-table-rich tr:last-child td,.seo-page-table tr:last-child td{border-bottom:0!important} .suite-url-cell{max-width:330px;word-break:break-word} /* Keyword intelligence */ .suite-result-toolbar{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:16px!important; margin:18px 0 12px!important; padding:14px 16px!important; border:1px solid var(--line)!important; border-radius:14px!important; background:#fff!important } .suite-result-toolbar b{display:block!important;color:var(--ink);font-size:13px!important} .suite-result-toolbar span{display:block!important;color:#71869a;font-size:10px!important} .suite-keyword-cloud{ display:flex!important; flex-wrap:wrap!important; gap:9px!important; margin:14px 0 18px!important; padding:20px!important; border:1px solid var(--line)!important; border-radius:16px!important; background:#fff!important } .suite-keyword-cloud>span{ display:inline-flex!important; align-items:center!important; gap:6px!important; padding:8px 11px!important; border:1px solid #d7e5db!important; border-radius:999px!important; background:#f5fff1!important; color:#245e34!important; font-size:calc(11px * var(--size,1))!important; font-weight:800!important } .suite-keyword-cloud small{font-size:9px!important;color:#779080!important} /* Content brief */ .suite-brief-hero{ margin:18px 0!important; padding:25px 27px!important; border-radius:18px!important; background:linear-gradient(135deg,var(--navy),#153b61)!important; color:#fff!important; box-shadow:0 16px 34px rgba(13,33,56,.16)!important } .suite-brief-hero small{font-size:9px!important;text-transform:uppercase;letter-spacing:.1em;color:#a6bdd1} .suite-brief-hero h2{margin:7px 0 13px!important;color:#fff!important;font-size:28px!important} .suite-brief-hero>div{display:flex!important;gap:8px!important;flex-wrap:wrap!important} .suite-brief-hero>div span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:10px} .suite-outline{margin:14px 0 0!important;padding-left:24px!important} .suite-outline li{padding:7px 0!important;color:#4f6880!important;font-size:12px!important} .suite-tags{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:14px!important} .suite-tags span{padding:7px 10px!important;border-radius:999px!important;background:#eff9ec!important;border:1px solid #cfe4c7!important;color:#356a35!important;font-size:10px!important;font-weight:800} .suite-tags.large span{padding:8px 11px!important;font-size:11px!important} .suite-question-list,.suite-checklist{display:grid!important;gap:8px!important;margin-top:14px!important} .suite-question-list>div,.suite-checklist>div{ display:grid!important; grid-template-columns:28px 1fr!important; gap:9px!important; align-items:center!important; padding:9px 10px!important; border:1px solid var(--line-soft)!important; border-radius:10px!important; background:#fafcfe!important; font-size:11px!important;color:#506980!important } .suite-question-list i,.suite-checklist i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#edffe4;color:#228245;font-style:normal;font-weight:900} /* Question map */ .question-map{ margin:18px 0!important; padding:23px!important; border:1px solid var(--line)!important; border-radius:18px!important; background:#fff!important; box-shadow:var(--shadow)!important } .question-root{ width:max-content!important; max-width:100%!important; margin:0 auto 30px!important; padding:13px 20px!important; border:1px solid #afd5a5!important; border-radius:999px!important; background:#edffe7!important; color:#245f34!important; font-size:15px!important; font-weight:900!important; text-align:center } .question-branches{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important } .question-branches section{ position:relative; padding:17px!important; border:1px solid var(--line)!important; border-radius:14px!important; background:#f9fbfd!important } .question-branches h2{font-size:14px!important;margin-bottom:10px!important} .question-node{ margin:7px 0!important; padding:9px 10px!important; border:1px solid #e1e9f0!important; border-radius:9px!important; background:#fff!important; color:#526a80!important; font-size:10.5px!important; line-height:1.5!important } /* Questions explorer */ .suite-question-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} .suite-question-group{ padding:18px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:#fff!important } .suite-question-group-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important} .suite-question-row{padding:10px 0!important;border-bottom:1px solid var(--line-soft)!important;font-size:11px!important;color:#536b81!important} .suite-question-row:last-child{border-bottom:0!important} /* Opportunities/feed */ .suite-opportunity-list,.suite-feed,.alert-list,.suite-change-list,.suite-history,.suite-similar-list{ display:grid!important;gap:10px!important;margin:15px 0!important } .suite-opportunity-card,.suite-feed>article,.alert-list article,.suite-change-list>div,.suite-history>div,.suite-similar-list>article{ padding:15px 16px!important; border:1px solid var(--line)!important; border-radius:14px!important; background:#fff!important } .suite-opportunity-card{display:grid!important;grid-template-columns:42px 1fr auto!important;gap:13px!important;align-items:start!important} .suite-opportunity-index,.suite-feed-icon{ width:38px;height:38px;display:grid!important;place-items:center!important;border-radius:11px!important;background:#edffe4!important;color:#268346!important;font-size:11px!important;font-weight:900!important } .suite-opportunity-body h3{font-size:14px!important} .suite-opportunity-body p{font-size:11.5px!important;margin:5px 0!important} .suite-opportunity-meta,.suite-feed-meta{display:flex!important;gap:7px!important;flex-wrap:wrap!important;color:#778b9e!important;font-size:9px!important} .suite-feed>article{display:grid!important;grid-template-columns:42px 1fr auto!important;gap:13px!important;align-items:center!important} /* Competitor / similarity / rank */ .suite-bars{display:grid!important;gap:9px!important;margin:14px 0!important} .suite-bars>div{display:grid!important;grid-template-columns:170px 1fr 48px!important;gap:10px!important;align-items:center!important;color:#5e758b!important;font-size:10px!important} .suite-bars i{height:8px!important;border-radius:999px!important;background:#eaf0f5!important;overflow:hidden!important} .suite-bars i:before{content:"";display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,var(--lime),#5c91ff)} .suite-score,.suite-sim-score,.seo-report-score{ display:flex!important;align-items:end!important;gap:8px!important; padding:17px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:#fff!important } .suite-score strong,.suite-sim-score strong,.seo-report-score strong{font-size:48px!important;line-height:.9!important;color:var(--ink)} .suite-score span,.suite-sim-score span,.seo-report-score span{font-size:10px!important;color:#71869a!important} /* Planner */ .planner-board{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:13px!important; margin:16px 0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important } .planner-board>section{ min-height:300px; padding:15px!important; border:1px solid var(--line)!important; border-radius:15px!important; background:#f7fafc!important } .planner-board h2{font-size:14px!important;margin-bottom:11px!important} .planner-board article{ margin:9px 0!important;padding:12px!important;border:1px solid #dce6ef!important;border-radius:11px!important;background:#fff!important } .planner-board article b{display:block!important;font-size:11px!important;color:#263f56!important} .planner-board article small{display:block!important;margin-top:5px;color:#7c8fa0!important;font-size:9px!important} /* Integrations */ .integration-card{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:200px} .integration-card h2,.integration-card h3{font-size:17px!important} .integration-card p{margin:0!important;font-size:11.5px!important} .integration-card .suite-btn{margin-top:auto!important;align-self:flex-start!important} /* SEO modules */ .seo-score-hero{ display:grid!important; grid-template-columns:minmax(0,1fr) 180px!important; gap:22px!important; align-items:center!important; margin:16px 0!important; padding:22px!important; border:1px solid var(--line)!important; border-radius:18px!important; background:#fff!important } .seo-score-ring{ width:145px!important;height:145px!important; display:grid!important;place-items:center!important; margin:auto!important;border-radius:50%!important; background:conic-gradient(var(--lime) calc(var(--score,80)*1%),#e8eef3 0)!important; position:relative!important } .seo-score-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff} .seo-score-ring strong{position:relative;z-index:1;font-size:34px!important;color:var(--ink)} .seo-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} .seo-kpis>*{padding:14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#f9fbfd!important} .seo-issue-list,.seo-image-list{display:grid!important;gap:10px!important} .seo-issue,.seo-image-list>article{ display:grid!important; grid-template-columns:auto 1fr!important; gap:12px!important; padding:14px!important; border:1px solid var(--line)!important; border-radius:13px!important; background:#fff!important } .seo-severity,.seo-sev{min-width:58px;text-align:center;padding:6px 8px;border-radius:999px;font-size:8px!important;font-weight:900;text-transform:uppercase} .severity-high,.seo-sev.high{background:#fff0f2;color:#ba3148}.severity-medium,.seo-sev.medium{background:#fff8e8;color:#a46b00}.severity-low,.seo-sev.low{background:#eef9ff;color:#33719e} .seo-json,.suite-codearea{width:100%!important;overflow:auto!important;padding:14px!important;border-radius:12px!important;background:#0f2238!important;color:#cfe1ef!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important;line-height:1.55!important} .seo-image-preview{width:110px;height:74px;object-fit:cover;border-radius:9px;border:1px solid var(--line)} .seo-url-cloud{display:flex!important;flex-wrap:wrap!important;gap:7px!important} .seo-url-cloud a{padding:6px 9px!important;border-radius:999px!important;background:#f3f7fb!important;border:1px solid var(--line)!important;font-size:9px!important;text-decoration:none!important} /* Misc utilities */ .up{color:#14935b!important;font-weight:800}.down{color:#c64357!important;font-weight:800} .suite-check{display:flex!important;gap:9px!important;align-items:start!important;padding:10px 0!important;border-bottom:1px solid var(--line-soft)!important} .suite-check:last-child{border-bottom:0!important} .suite-check i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#effbe9;color:#248049;font-style:normal;font-weight:900} .verify-method{padding:14px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#f9fbfd!important} .verify-method b{display:block!important;margin-bottom:6px;font-size:12px!important} .verify-method code{display:block!important;padding:9px!important;border-radius:8px!important;background:#fff!important;border:1px solid var(--line-soft)!important;overflow:auto!important;font-size:10px!important} .suite-actionbar{justify-content:space-between!important} .suite-actionbar>span{color:#60758a!important;font-size:11px!important} .suite-history>div,.suite-change-list>div{display:grid!important;grid-template-columns:90px 130px 1fr!important;gap:10px!important;align-items:center!important;font-size:11px!important} .suite-command-bar + .suite-feature-strip,.suite-form + .suite-feature-strip{margin-top:18px!important} /* Full Intelligence hub stays strong */ .intel-v8.suite-page .intel-hero{ display:grid!important; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)!important; gap:32px!important; align-items:stretch!important; padding:35px!important; border:1px solid var(--line)!important; border-radius:24px!important; background:linear-gradient(135deg,#fff 0%,#fff 60%,#efffe8 100%)!important; box-shadow:var(--shadow)!important } .intel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important} .intel-card{min-height:205px!important;padding:19px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(18,42,70,.04)!important} .intel-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(18,42,70,.08)!important;border-color:#acd79a!important} .intel-group{margin-top:34px!important}.intel-group-head{margin-bottom:14px!important} .intel-principles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:17px 0 34px!important} /* Responsive */ @media(max-width:1050px){ .suite-title,.suite-workspace-hero,.suite-hero{grid-template-columns:1fr!important} .suite-module-grid,.suite-project-grid,.suite-opportunity-grid,.intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .suite-kpis-five{grid-template-columns:repeat(3,minmax(0,1fr))!important} .question-branches{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:780px){ .suite-page{padding:30px 0 54px} .suite-page .container{width:min(100% - 24px,1180px)!important} .suite-page h1,.suite-title h1,.suite-workspace-hero h1,.suite-hero h1{font-size:31px!important} .suite-title,.suite-workspace-hero,.suite-hero{padding:23px!important;border-radius:17px!important} .suite-feature-strip,.suite-two,.suite-brief-grid,.suite-client-grid,.suite-competitor-grid,.seo-core-grid,.seo-gsc-grid,.seo-report-grid,.suite-question-columns{grid-template-columns:1fr!important} .suite-module-grid,.suite-project-grid,.suite-opportunity-grid,.intel-grid{grid-template-columns:1fr!important} .suite-kpis,.suite-kpis-five,.suite-quick-grid,.suite-check-grid,.seo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} .suite-command-three,.suite-form-inline{grid-template-columns:1fr!important} .suite-form,.suite-command-bar,.suite-actionbar,.suite-live-form{align-items:stretch!important} .suite-page button,.suite-page .btn,.suite-page .suite-btn{width:100%} .question-branches,.planner-board{grid-template-columns:1fr!important} .suite-opportunity-card,.suite-feed>article{grid-template-columns:38px 1fr!important} .suite-opportunity-card>:last-child,.suite-feed>article>:last-child{grid-column:2} .seo-score-hero{grid-template-columns:1fr!important} .suite-history>div,.suite-change-list>div{grid-template-columns:1fr!important} } @media(max-width:520px){ .suite-kpis,.suite-kpis-five,.suite-quick-grid,.suite-check-grid,.seo-kpis{grid-template-columns:1fr!important} .suite-empty,.suite-empty-pro,.suite-project-empty{grid-template-columns:1fr!important} .suite-project-meta{grid-template-columns:1fr!important} .suite-page h1,.suite-title h1,.suite-workspace-hero h1,.suite-hero h1{font-size:28px!important} } /* intelligence-suite-v10-refined.css */ /* ============================================================ RUTSS Intelligence Suite V10 Refined visual system for all Intelligence module pages. Goals: - premium SaaS layout - lighter typography / no heavy-black body text - stronger empty states and forms - consistent spacing and cards - preserve existing PHP/backend behavior Scope: .suite-page and Intelligence-specific components only ============================================================ */ .suite-page{ --rt-ink:#12263d; --rt-title:#10243a; --rt-copy:#647a91; --rt-copy-strong:#465e76; --rt-border:#d7e3ed; --rt-border-soft:#e9eff4; --rt-panel:#fff; --rt-page:#f4f8fc; --rt-lime:#69f20f; --rt-lime-soft:#efffe6; --rt-blue:#4f86ee; --rt-navy:#0f2136; --rt-green:#159b60; --rt-amber:#d89a16; --rt-red:#d94c5e; --rt-shadow:0 16px 40px rgba(20,42,70,.065); width:100%!important; max-width:none!important; min-height:72vh!important; padding:48px 0 70px!important; background: radial-gradient(circle at 5% 0%,rgba(105,242,15,.045),transparent 25%), radial-gradient(circle at 95% 12%,rgba(79,134,238,.045),transparent 28%), var(--rt-page)!important; color:var(--rt-ink)!important; font-size:14px!important; line-height:1.65!important; zoom:1!important; transform:none!important; } .suite-page *{ box-sizing:border-box!important; letter-spacing:normal; } .suite-page .container{ width:min(1180px,calc(100% - 44px))!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; zoom:1!important; transform:none!important; } /* ---------- Typography ---------- */ .suite-page h1, .suite-page h2, .suite-page h3, .suite-page h4, .suite-page strong, .suite-page b{ color:var(--rt-title)!important; } .suite-page h1{ margin:0!important; font-size:38px!important; line-height:1.08!important; font-weight:700!important; letter-spacing:-.025em!important; } .suite-page h2{ margin:0!important; font-size:23px!important; line-height:1.25!important; font-weight:700!important; letter-spacing:-.015em!important; } .suite-page h3{ margin:0!important; font-size:15px!important; line-height:1.35!important; font-weight:650!important; } .suite-page h4{ margin:0!important; font-size:13px!important; line-height:1.4!important; font-weight:650!important; } .suite-page p, .suite-page li, .suite-page label, .suite-page small, .suite-page span{ font-weight:400!important; } .suite-page p{ color:var(--rt-copy)!important; font-size:13.5px!important; line-height:1.7!important; } .suite-page strong, .suite-page b{ font-weight:650!important; } .suite-page a{ font-weight:500!important; } .suite-eyebrow, .suite-page .eyebrow, .suite-page [class*="eyebrow"]{ display:inline-flex!important; align-items:center!important; gap:8px!important; margin:0 0 12px!important; color:#58728b!important; font-size:10px!important; line-height:1!important; text-transform:uppercase!important; letter-spacing:.11em!important; font-weight:700!important; } .suite-eyebrow:before{ content:""; width:7px!important; height:7px!important; border-radius:50%!important; background:var(--rt-lime)!important; box-shadow:0 0 0 4px rgba(105,242,15,.11)!important; } /* ---------- Page hero ---------- */ .suite-title, .suite-workspace-hero, .suite-hero{ position:relative!important; overflow:hidden!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(270px,320px)!important; align-items:center!important; gap:28px!important; margin:0 0 22px!important; padding:31px 34px!important; min-height:160px!important; border:1px solid var(--rt-border)!important; border-radius:20px!important; background: radial-gradient(circle at 91% 15%,rgba(105,242,15,.11),transparent 26%), linear-gradient(135deg,#fff 0%,#fff 72%,#f3ffed 100%)!important; box-shadow:var(--rt-shadow)!important; } .suite-title:after, .suite-workspace-hero:after, .suite-hero:after{ content:""; position:absolute!important; right:-48px!important; top:-72px!important; width:155px!important; height:155px!important; border:1px solid rgba(105,242,15,.24)!important; border-radius:50%!important; pointer-events:none!important; } .suite-title>div:first-child, .suite-workspace-hero>div:first-child, .suite-hero>div:first-child{ min-width:0!important; } .suite-title p, .suite-workspace-hero p, .suite-hero p{ max-width:760px!important; margin:12px 0 0!important; } .suite-source-card{ display:flex!important; flex-direction:column!important; justify-content:center!important; min-height:112px!important; padding:18px 20px!important; border:1px solid #cfe0eb!important; border-radius:14px!important; background:rgba(255,255,255,.88)!important; box-shadow:0 10px 25px rgba(20,42,70,.04)!important; } .suite-source-card span{ color:#6a8198!important; font-size:9px!important; text-transform:uppercase!important; letter-spacing:.09em!important; font-weight:700!important; } .suite-source-card b{ display:block!important; margin:7px 0 4px!important; font-size:15px!important; line-height:1.35!important; } .suite-source-card small{ color:#70859a!important; font-size:10.5px!important; line-height:1.55!important; } /* ---------- Forms / action areas ---------- */ .suite-form, .suite-command-bar, .suite-actionbar, .suite-live-form, .suite-page form.suite-panel{ display:flex!important; align-items:end!important; gap:12px!important; flex-wrap:wrap!important; margin:16px 0 22px!important; padding:18px!important; border:1px solid var(--rt-border)!important; border-radius:16px!important; background:#fff!important; box-shadow:0 8px 22px rgba(20,42,70,.035)!important; } .suite-command-three, .suite-form-inline{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important; gap:12px!important; } .suite-form label, .suite-command-bar label, .suite-live-form label{ flex:1 1 230px!important; display:flex!important; flex-direction:column!important; gap:7px!important; min-width:0!important; color:#526b82!important; font-size:11px!important; } .suite-form label>span, .suite-command-bar label>span, .suite-live-form label>span{ color:#587087!important; font-size:9px!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-weight:700!important; } .suite-page input, .suite-page select, .suite-page textarea{ width:100%!important; min-height:44px!important; padding:10px 13px!important; border:1px solid #cbd9e5!important; border-radius:10px!important; background:#fbfdff!important; color:#183049!important; font:inherit!important; font-size:12.5px!important; font-weight:400!important; box-shadow:none!important; } .suite-page textarea{ min-height:118px!important; resize:vertical!important; } .suite-page input:focus, .suite-page select:focus, .suite-page textarea:focus{ outline:none!important; border-color:#76bd4c!important; background:#fff!important; box-shadow:0 0 0 3px rgba(105,242,15,.12)!important; } .suite-page button, .suite-page .btn, .suite-page .suite-btn{ min-height:43px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:0 16px!important; border:1px solid #c3d3df!important; border-radius:10px!important; background:#fff!important; color:#183049!important; font-size:11.5px!important; font-weight:600!important; text-decoration:none!important; cursor:pointer!important; } .suite-page button:hover, .suite-page .btn:hover, .suite-page .suite-btn:hover{ border-color:#9fb4c5!important; background:#f8fafc!important; } .suite-page button.lime, .suite-page .btn.lime, .suite-page .suite-btn.lime{ border-color:#61df0c!important; background:var(--rt-lime)!important; color:#10243a!important; font-weight:650!important; } .suite-page button.lime:hover, .suite-page .btn.lime:hover, .suite-page .suite-btn.lime:hover{ background:#77ff23!important; } /* ---------- Shared panels ---------- */ .suite-panel, .suite-card, .seo-core-card, .integration-card{ position:relative!important; margin:16px 0!important; padding:21px 22px!important; border:1px solid var(--rt-border)!important; border-radius:16px!important; background:#fff!important; box-shadow:0 8px 22px rgba(20,42,70,.035)!important; } .suite-panel-head{ display:flex!important; justify-content:space-between!important; align-items:flex-start!important; gap:14px!important; margin-bottom:15px!important; } .suite-panel-head p{ margin:5px 0 0!important; } .suite-panel-number{ position:absolute!important; right:18px!important; top:18px!important; width:30px!important; height:30px!important; display:grid!important; place-items:center!important; border-radius:9px!important; background:#f1f5f8!important; color:#75889a!important; font-size:9px!important; font-weight:650!important; } /* ---------- 01 / 02 / 03 service explainer ---------- */ .suite-feature-strip{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:13px!important; margin:18px 0!important; } .suite-feature-strip article{ display:grid!important; grid-template-columns:38px minmax(0,1fr)!important; gap:12px!important; align-items:start!important; min-height:125px!important; padding:17px!important; border:1px solid var(--rt-border)!important; border-radius:14px!important; background:#fff!important; box-shadow:0 7px 18px rgba(20,42,70,.03)!important; } .suite-feature-strip article>span{ width:36px!important; height:36px!important; display:grid!important; place-items:center!important; border-radius:10px!important; background:var(--rt-lime-soft)!important; color:#318314!important; font-size:10px!important; font-weight:650!important; } .suite-feature-strip h3{ margin:1px 0 5px!important; font-size:13.5px!important; font-weight:650!important; } .suite-feature-strip p{ margin:0!important; font-size:11.5px!important; line-height:1.55!important; } /* ---------- Empty states / no data ---------- */ .suite-empty, .suite-empty-pro, .suite-project-empty, .alert-list:empty, .suite-feed:empty{ min-height:150px!important; } .suite-empty, .suite-empty-pro, .suite-project-empty{ display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; gap:18px!important; align-items:center!important; padding:22px!important; margin:16px 0!important; border:1px solid var(--rt-border)!important; border-radius:15px!important; background:#fff!important; } .suite-empty-visual{ width:54px!important; height:54px!important; display:grid!important; place-items:center!important; border-radius:14px!important; background:linear-gradient(145deg,#efffe6,#eef6ff)!important; border:1px solid #d4e7d7!important; color:#2b7c45!important; font-size:18px!important; font-weight:650!important; } /* turn plain empty rows into polished states */ .suite-page .empty-state, .suite-page .no-data, .suite-page .empty, .suite-page [class*="empty-state"]{ min-height:132px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:6px!important; padding:22px!important; border:1px dashed #c9d8e4!important; border-radius:14px!important; background:#fbfdff!important; color:#667c91!important; } /* ---------- KPI ---------- */ .suite-kpis, .suite-kpis-five, .suite-quick-grid, .suite-check-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; margin:14px 0!important; } .suite-kpis-five{grid-template-columns:repeat(5,minmax(0,1fr))!important} .suite-kpis>*, .suite-quick, .suite-check-grid article{ min-height:88px!important; padding:14px!important; border:1px solid var(--rt-border)!important; border-radius:13px!important; background:#fff!important; } .suite-kpis strong, .suite-kpi strong{ display:block!important; font-size:23px!important; line-height:1!important; font-weight:650!important; } .suite-kpis small, .suite-kpi small, .suite-quick small{ display:block!important; margin-bottom:7px!important; color:#788b9d!important; font-size:8.5px!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-weight:650!important; } /* ---------- Grids ---------- */ .suite-two, .suite-brief-grid, .suite-client-grid, .suite-competitor-grid, .seo-core-grid, .seo-gsc-grid, .seo-report-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } .suite-module-grid, .suite-project-grid, .suite-opportunity-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; } /* ---------- Project cards ---------- */ .suite-project-card{ display:flex!important; flex-direction:column!important; gap:14px!important; min-height:220px!important; padding:19px!important; border:1px solid var(--rt-border)!important; border-radius:15px!important; background:#fff!important; box-shadow:0 8px 20px rgba(20,42,70,.035)!important; } .suite-project-top{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; } .suite-project-top h2{ margin:4px 0!important; font-size:20px!important; font-weight:650!important; } .suite-project-top small{ color:#788b9d!important; font-size:9px!important; text-transform:uppercase!important; letter-spacing:.07em!important; font-weight:600!important; } .suite-project-meta{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; padding:11px!important; border-radius:11px!important; background:#f6f9fc!important; } .suite-project-meta span{ color:#637a8f!important; font-size:10.5px!important; } .suite-project-actions{ display:flex!important; align-items:center!important; gap:8px!important; margin-top:auto!important; } /* ---------- Tables ---------- */ .suite-table-wrap{ width:100%!important; overflow:auto!important; border-radius:14px!important; } .suite-table, .suite-table-rich, .seo-page-table{ width:100%!important; border-collapse:separate!important; border-spacing:0!important; border:1px solid var(--rt-border)!important; border-radius:14px!important; background:#fff!important; overflow:hidden!important; } .suite-table th, .suite-table td, .suite-table-rich th, .suite-table-rich td, .seo-page-table th, .seo-page-table td{ padding:11px 12px!important; text-align:left!important; border-bottom:1px solid var(--rt-border-soft)!important; font-size:11.5px!important; font-weight:400!important; } .suite-table th, .suite-table-rich th, .seo-page-table th{ background:#f6f9fc!important; color:#61788e!important; font-size:8.5px!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-weight:650!important; } /* ---------- Question Map ---------- */ .question-map{ margin:18px 0!important; padding:22px!important; border:1px solid var(--rt-border)!important; border-radius:16px!important; background:#fff!important; box-shadow:0 8px 22px rgba(20,42,70,.035)!important; } .question-root{ width:max-content!important; max-width:100%!important; margin:0 auto 28px!important; padding:12px 18px!important; border:1px solid #afd5a5!important; border-radius:999px!important; background:var(--rt-lime-soft)!important; color:#2c6c3b!important; font-size:14px!important; font-weight:650!important; } .question-branches{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:13px!important; } .question-branches section{ padding:16px!important; border:1px solid var(--rt-border)!important; border-radius:13px!important; background:#f9fbfd!important; } .question-branches h2{ margin-bottom:9px!important; font-size:13.5px!important; } .question-node{ margin:7px 0!important; padding:9px 10px!important; border:1px solid #e1e9f0!important; border-radius:8px!important; background:#fff!important; color:#526a80!important; font-size:10.5px!important; } /* ---------- Content Brief ---------- */ .suite-brief-hero{ margin:17px 0!important; padding:23px 25px!important; border-radius:16px!important; background:linear-gradient(135deg,#10243a,#183e62)!important; box-shadow:0 14px 32px rgba(15,33,54,.14)!important; } .suite-brief-hero h2{ margin:7px 0 12px!important; color:#fff!important; font-size:26px!important; font-weight:650!important; } .suite-brief-hero small{ color:#abc0d3!important; font-size:8.5px!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-weight:600!important; } .suite-brief-hero span{ color:#d9e7f2!important; } .suite-outline li{ padding:6px 0!important; color:#526a80!important; font-size:11.5px!important; } .suite-tags{ display:flex!important; flex-wrap:wrap!important; gap:7px!important; margin-top:13px!important; } .suite-tags span{ padding:6px 9px!important; border:1px solid #cfe4c7!important; border-radius:999px!important; background:#f1ffec!important; color:#3c7042!important; font-size:9.5px!important; font-weight:500!important; } /* ---------- Keyword Intelligence ---------- */ .suite-result-toolbar{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:14px!important; margin:16px 0 12px!important; padding:13px 15px!important; border:1px solid var(--rt-border)!important; border-radius:13px!important; background:#fff!important; } .suite-keyword-cloud{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin:13px 0 18px!important; padding:18px!important; border:1px solid var(--rt-border)!important; border-radius:14px!important; background:#fff!important; } .suite-keyword-cloud>span{ display:inline-flex!important; align-items:center!important; gap:5px!important; padding:7px 10px!important; border:1px solid #d8e7d6!important; border-radius:999px!important; background:#f5fff1!important; color:#2c653b!important; font-size:11px!important; font-weight:500!important; } /* ---------- Opportunity feed / Alerts ---------- */ .suite-opportunity-list, .suite-feed, .alert-list, .suite-change-list, .suite-history, .suite-similar-list{ display:grid!important; gap:10px!important; margin:15px 0!important; } .suite-opportunity-card, .suite-feed>article, .alert-list article, .suite-change-list>div, .suite-history>div, .suite-similar-list>article{ padding:14px 15px!important; border:1px solid var(--rt-border)!important; border-radius:13px!important; background:#fff!important; box-shadow:0 6px 18px rgba(20,42,70,.025)!important; } .suite-opportunity-card{ display:grid!important; grid-template-columns:38px minmax(0,1fr) auto!important; gap:12px!important; align-items:start!important; } .suite-opportunity-index, .suite-feed-icon{ width:36px!important; height:36px!important; display:grid!important; place-items:center!important; border-radius:10px!important; background:var(--rt-lime-soft)!important; color:#2a8246!important; font-size:10px!important; font-weight:650!important; } /* better plain "no alerts yet" state */ .alert-list:has(> :only-child){ padding:0!important; } .alert-list>div, .alert-list>.suite-empty{ min-height:125px!important; } /* ---------- Competitor discovery / content gap ---------- */ .suite-bars{ display:grid!important; gap:8px!important; margin:13px 0!important; } .suite-bars>div{ display:grid!important; grid-template-columns:160px minmax(0,1fr) 44px!important; gap:10px!important; align-items:center!important; color:#61788d!important; font-size:10px!important; } .suite-bars i{ height:7px!important; border-radius:999px!important; background:#e9eff4!important; overflow:hidden!important; } .suite-bars i:before{ content:""; display:block!important; height:100%!important; width:var(--p,0%)!important; border-radius:inherit!important; background:linear-gradient(90deg,var(--rt-lime),#6694ef)!important; } .suite-score, .suite-sim-score, .seo-report-score{ display:flex!important; align-items:end!important; gap:8px!important; padding:16px!important; border:1px solid var(--rt-border)!important; border-radius:14px!important; background:#fff!important; } .suite-score strong, .suite-sim-score strong, .seo-report-score strong{ font-size:43px!important; line-height:.9!important; font-weight:650!important; } /* ---------- Planner ---------- */ .planner-board{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:13px!important; margin:16px 0!important; } .planner-board>section{ min-height:280px!important; padding:14px!important; border:1px solid var(--rt-border)!important; border-radius:14px!important; background:#f8fafc!important; } .planner-board h2{ margin-bottom:10px!important; font-size:13.5px!important; } .planner-board article{ margin:8px 0!important; padding:11px!important; border:1px solid #dde7ef!important; border-radius:10px!important; background:#fff!important; } .planner-board article b{ display:block!important; font-size:10.5px!important; font-weight:600!important; } /* ---------- Integrations ---------- */ .integration-card{ display:flex!important; flex-direction:column!important; gap:10px!important; min-height:190px!important; } .integration-card h2, .integration-card h3{ font-size:16px!important; font-weight:650!important; } .integration-card p{ margin:0!important; font-size:11.5px!important; } .integration-card .suite-btn{ margin-top:auto!important; align-self:flex-start!important; } /* ---------- Search submission / connection card ---------- */ .suite-page .connection-card, .suite-page .provider-card, .suite-page [class*="connection-card"]{ padding:20px!important; border:1px solid var(--rt-border)!important; border-radius:15px!important; background:#fff!important; box-shadow:0 8px 20px rgba(20,42,70,.035)!important; } .suite-page code{ font-weight:400!important; } /* ---------- Improve blank module pages ---------- */ .suite-page > .container > .suite-panel:empty, .suite-page > .container > .suite-card:empty{ min-height:120px!important; border-style:dashed!important; background:#fbfdff!important; } /* ---------- Badges ---------- */ .suite-badge{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:26px!important; padding:4px 8px!important; border:1px solid #d7e3ec!important; border-radius:999px!important; background:#f6f9fc!important; color:#587087!important; font-size:8px!important; text-transform:uppercase!important; letter-spacing:.05em!important; font-weight:600!important; } .suite-badge.ok{border-color:#bfe3ca!important;background:#f2fff5!important;color:#18814b!important} .suite-badge.warn{border-color:#ecd39d!important;background:#fff9ed!important;color:#9d6a09!important} .suite-badge.info{border-color:#c9daf0!important;background:#f3f7ff!important;color:#406e9f!important} /* ---------- Notices ---------- */ .suite-error, .suite-note, .suite-callout, .suite-result{ margin:13px 0!important; padding:13px 15px!important; border-radius:12px!important; font-size:11px!important; line-height:1.6!important; font-weight:400!important; } .suite-note, .suite-callout{ border:1px solid #d8e4ee!important; background:#f8fafc!important; color:#526a80!important; } .suite-error{ border:1px solid #efbdc5!important; background:#fff5f6!important; color:#a73547!important; } /* ---------- Reduce accidental heavy text everywhere ---------- */ .suite-page .suite-panel *, .suite-page .suite-card *, .suite-page .suite-form *, .suite-page .suite-command-bar *, .suite-page .suite-feature-strip *, .suite-page .suite-project-card *, .suite-page .suite-source-card *{ text-shadow:none!important; } .suite-page .suite-panel b, .suite-page .suite-card b, .suite-page .suite-form b, .suite-page .suite-command-bar b, .suite-page .suite-feature-strip b, .suite-page .suite-project-card b{ font-weight:600!important; } /* ---------- Mobile ---------- */ @media(max-width:1050px){ .suite-title,.suite-workspace-hero,.suite-hero{ grid-template-columns:1fr!important; } .suite-module-grid,.suite-project-grid,.suite-opportunity-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .suite-kpis-five{grid-template-columns:repeat(3,minmax(0,1fr))!important} .question-branches{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:780px){ .suite-page{padding:30px 0 52px!important} .suite-page .container{width:min(100% - 24px,1180px)!important} .suite-page h1{font-size:30px!important} .suite-title,.suite-workspace-hero,.suite-hero{ padding:22px!important; border-radius:16px!important; } .suite-feature-strip, .suite-two,.suite-brief-grid,.suite-client-grid,.suite-competitor-grid, .seo-core-grid,.seo-gsc-grid,.seo-report-grid{ grid-template-columns:1fr!important; } .suite-module-grid,.suite-project-grid,.suite-opportunity-grid{ grid-template-columns:1fr!important; } .suite-kpis,.suite-kpis-five,.suite-quick-grid,.suite-check-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .suite-command-three,.suite-form-inline{ grid-template-columns:1fr!important; } .suite-form,.suite-command-bar,.suite-actionbar,.suite-live-form{ align-items:stretch!important; } .suite-page button,.suite-page .btn,.suite-page .suite-btn{ width:100%!important; } .question-branches,.planner-board{ grid-template-columns:1fr!important; } } @media(max-width:520px){ .suite-kpis,.suite-kpis-five,.suite-quick-grid,.suite-check-grid{ grid-template-columns:1fr!important; } .suite-empty,.suite-empty-pro,.suite-project-empty{ grid-template-columns:1fr!important; } .suite-project-meta{ grid-template-columns:1fr!important; } .suite-page h1{ font-size:27px!important; } } /* intelligence-v11-finish.css */ /* RUTSS Intelligence V11 — finish pass for sparse modules + footer parity */ .suite-page{ --v11-max:1180px; min-height:calc(100vh - 82px)!important; padding-bottom:64px!important; } .suite-page .container{ width:min(var(--v11-max),calc(100% - 40px))!important; max-width:var(--v11-max)!important; } /* stop the tiny/zoomed appearance seen on some Intelligence routes */ .suite-page, .suite-page .container, .suite-page .suite-title, .suite-page .suite-panel, .suite-page .suite-card, .suite-page .suite-form, .suite-page .suite-table-wrap{ zoom:1!important; transform:none!important; scale:1!important; } .suite-page{font-size:15px!important} .suite-page h1{font-size:36px!important} .suite-page h2{font-size:22px!important} .suite-page h3{font-size:15px!important} .suite-page p{font-size:13.5px!important} /* richer sparse-page layout */ .suite-page .suite-title, .suite-page .suite-hero, .suite-page .suite-workspace-hero{ margin-bottom:22px!important; } .suite-page .suite-panel, .suite-page .suite-card{ width:100%!important; } .suite-page .suite-panel:empty, .suite-page .suite-card:empty, .suite-page .suite-feed:empty, .suite-page .alert-list:empty{ min-height:150px!important; display:grid!important; place-items:center!important; border:1px dashed #cbd9e5!important; background:linear-gradient(180deg,#fff,#fbfdff)!important; } .suite-page .suite-panel:empty:after, .suite-page .suite-card:empty:after, .suite-page .suite-feed:empty:after, .suite-page .alert-list:empty:after{ content:"No data yet — run or configure this module to begin."; color:#7890a4!important; font-size:12px!important; font-weight:400!important; } /* Alerts */ .suite-page .alert-list, .suite-page .alerts-list{ display:grid!important; gap:12px!important; margin-top:16px!important; } .suite-page .alert-list>article, .suite-page .alerts-list>article{ display:grid!important; grid-template-columns:44px minmax(0,1fr) auto!important; gap:14px!important; align-items:start!important; padding:16px!important; border:1px solid #d7e3ed!important; border-radius:14px!important; background:#fff!important; } .suite-page .alert-list>article:before, .suite-page .alerts-list>article:before{ content:"!"; width:40px!important;height:40px!important; display:grid!important;place-items:center!important; border-radius:11px!important; background:#fff5e8!important;color:#bd7d12!important; font-weight:700!important; } /* Opportunity Feed */ .suite-page .suite-feed, .suite-page .opportunity-feed, .suite-page .suite-opportunity-list{ display:grid!important; gap:12px!important; } .suite-page .suite-feed>article, .suite-page .opportunity-feed>article, .suite-page .suite-opportunity-list>article{ display:grid!important; grid-template-columns:46px minmax(0,1fr) auto!important; gap:14px!important; align-items:start!important; padding:17px!important; border:1px solid #d7e3ed!important; border-radius:14px!important; background:#fff!important; box-shadow:0 8px 20px rgba(20,42,70,.035)!important; } /* Search Submission */ .suite-page .connection-card, .suite-page .provider-card, .suite-page [class*="connection"]{ width:100%!important; max-width:none!important; } .suite-page .connection-card, .suite-page .provider-card{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:18px!important; align-items:center!important; min-height:150px!important; padding:22px!important; border:1px solid #d7e3ed!important; border-radius:16px!important; background:#fff!important; } .suite-page .connection-card code, .suite-page .provider-card code{ display:block!important; margin-top:10px!important; padding:10px 12px!important; border-radius:9px!important; background:#f6f9fc!important; color:#37536e!important; overflow:auto!important; } /* Site Explorer */ .suite-page .seo-report-grid, .suite-page .suite-kpis, .suite-page .suite-kpis-five{ align-items:stretch!important; } .suite-page .seo-report-grid>*, .suite-page .suite-kpis>*{ min-height:96px!important; } .suite-page .seo-page-table, .suite-page .suite-table{ font-size:12px!important; } .suite-page .seo-page-table th, .suite-page .suite-table th{ min-height:40px!important; font-size:9px!important; } .suite-page .seo-page-table td, .suite-page .suite-table td{ font-size:11.5px!important; } /* SEO Audit — prevent entire page rendering at microscopic scale */ body:has(.suite-page) .suite-page .seo-core-shell, body:has(.suite-page) .suite-page .seo-report-shell, body:has(.suite-page) .suite-page .seo-audit-shell, body:has(.suite-page) .suite-page [class*="seo-audit"]{ width:100%!important; max-width:1180px!important; zoom:1!important; transform:none!important; } body:has(.suite-page) .suite-page [style*="transform: scale"], body:has(.suite-page) .suite-page [style*="zoom:"]{ transform:none!important; zoom:1!important; } /* Generic grids */ .suite-page .suite-module-grid, .suite-page .suite-project-grid, .suite-page .suite-opportunity-grid{ gap:16px!important; } .suite-page .suite-module-grid>*, .suite-page .suite-project-grid>*, .suite-page .suite-opportunity-grid>*{ min-width:0!important; } /* Footer parity — real footer or fallback */ .rutss-v11-fallback-footer{ margin-top:0!important; background:#071b2d!important; color:#a9c1d4!important; border-top:1px solid #173b57!important; } .rutss-v11-fallback-footer .v11-footer-inner{ width:min(1180px,calc(100% - 40px))!important; margin:0 auto!important; padding:44px 0 28px!important; } .rutss-v11-fallback-footer .v11-footer-grid{ display:grid!important; grid-template-columns:1.35fr repeat(4,1fr)!important; gap:38px!important; } .rutss-v11-fallback-footer .v11-brand{ display:flex!important; align-items:center!important; gap:10px!important; color:#fff!important; font-size:24px!important; font-weight:650!important; } .rutss-v11-fallback-footer .v11-mark{ width:18px!important;height:22px!important; border:3px solid #69f20f!important; border-radius:6px!important; } .rutss-v11-fallback-footer h4{ margin:0 0 14px!important; color:#fff!important; font-size:13px!important; font-weight:600!important; } .rutss-v11-fallback-footer a{ display:block!important; margin:8px 0!important; color:#9fc1dc!important; text-decoration:none!important; font-size:11.5px!important; font-weight:400!important; } .rutss-v11-fallback-footer a:hover{color:#fff!important} .rutss-v11-fallback-footer p{ max-width:280px!important; color:#85a6bf!important; font-size:11.5px!important; line-height:1.7!important; } .rutss-v11-fallback-footer .v11-copy{ margin-top:30px!important; padding-top:18px!important; border-top:1px solid #173b57!important; color:#7092ac!important; font-size:10.5px!important; } /* eliminate accidental horizontal page overflow */ html:has(.suite-page),body:has(.suite-page){overflow-x:hidden!important} body:has(.suite-page) main, body:has(.suite-page) .suite-page{max-width:100%!important} .suite-page img,.suite-page svg,.suite-page canvas{max-width:100%!important} @media(max-width:900px){ .rutss-v11-fallback-footer .v11-footer-grid{grid-template-columns:repeat(2,1fr)!important} .suite-page .connection-card,.suite-page .provider-card{grid-template-columns:1fr!important} } @media(max-width:620px){ .rutss-v11-fallback-footer .v11-footer-grid{grid-template-columns:1fr!important} .suite-page .container{width:calc(100% - 24px)!important} .suite-page h1{font-size:29px!important} } /* intelligence-v12-loading.css */ /* RUTSS Intelligence V12 — universal action/loading experience */ .rutss-action-loading{ position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(7,27,45,.58); backdrop-filter:blur(5px); } .rutss-action-loading.is-open{display:flex} .rutss-action-loading-card{ width:min(460px,calc(100vw - 32px)); padding:28px; border:1px solid rgba(255,255,255,.16); border-radius:20px; background:#0f2136; color:#fff; box-shadow:0 28px 80px rgba(0,0,0,.28); } .rutss-action-loading-top{ display:flex; align-items:center; gap:16px; } .rutss-action-spinner{ width:46px; height:46px; flex:0 0 46px; border-radius:50%; border:4px solid rgba(255,255,255,.15); border-top-color:#69f20f; animation:rutssSpin .8s linear infinite; } @keyframes rutssSpin{to{transform:rotate(360deg)}} .rutss-action-loading-kicker{ margin:0 0 4px; color:#8fa9bd; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.11em; } .rutss-action-loading-title{ margin:0; color:#fff; font-size:21px; line-height:1.25; font-weight:650; } .rutss-action-loading-text{ margin:12px 0 0; color:#b9cad8; font-size:12.5px; line-height:1.65; } .rutss-action-progress{ height:7px; margin:20px 0 0; overflow:hidden; border-radius:999px; background:#1c3651; } .rutss-action-progress>i{ display:block; width:16%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#69f20f,#7ea8ff); transition:width .5s ease; } .rutss-action-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:13px; } .rutss-action-steps span{ padding:8px 9px; border:1px solid #24435e; border-radius:9px; background:#102942; color:#89a1b5; font-size:9.5px; text-align:center; } .rutss-action-steps span.is-active{ border-color:#4d8057; background:#153a37; color:#d9ffca; } .rutss-busy-button{ position:relative!important; pointer-events:none!important; opacity:.88!important; } .rutss-busy-button:before{ content:""; width:14px; height:14px; margin-right:8px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:rutssSpin .7s linear infinite; } @media(max-width:600px){ .rutss-action-loading-card{padding:22px} .rutss-action-steps{grid-template-columns:1fr} } /* rutss-v13-typography.css */ /* RUTSS V13 typography normalization — Intelligence + scanner pages */ .suite-page h1, .suite-page .suite-title h1, .suite-page .suite-hero h1, .suite-page .page-title h1, .report-page h1, .report-shell h1, .scan-page h1 { font-weight: 500 !important; } .suite-page h2, .suite-page h3, .suite-page .card-title, .suite-page .module-title, .suite-page .section-title, .suite-page .suite-card h2, .suite-page .suite-card h3, .suite-page .suite-panel h2, .suite-page .suite-panel h3, .report-page h2, .report-page h3, .report-shell h2, .report-shell h3, .scan-page h2, .scan-page h3 { font-weight: 500 !important; } .suite-page p, .suite-page li, .suite-page label, .suite-page input, .suite-page select, .suite-page textarea, .suite-page td, .suite-page th, .suite-page a, .report-page p, .report-page li, .report-page td, .report-page th, .scan-page p, .scan-page li { font-weight: 400 !important; } /* small eyebrow/labels can remain slightly stronger, but never heavy */ .suite-page .eyebrow, .suite-page .kicker, .suite-page [class*="eyebrow"], .suite-page [class*="kicker"], .suite-page [class*="label"], .report-page [class*="label"], .scan-page [class*="label"] { font-weight: 500 !important; } /* rutss-mobile-account-profile-v15.css */ /* ========================================================== RUTSS V15 — MOBILE NAV + ACCOUNT + PROFILE REPAIR Loaded last on purpose. Desktop design remains unchanged. ========================================================== */ /* Drawer is portaled to by rutss-mobile-v15.js */ .mobile-drawer-backdrop.rutss-v15-mobile-ui{ position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important; background:rgba(3,13,25,.62) !important; backdrop-filter:blur(2px); opacity:0; visibility:hidden; pointer-events:none; z-index:2147483000 !important; transition:opacity .2s ease,visibility .2s ease; } .mobile-drawer-backdrop.rutss-v15-mobile-ui.open{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } .mobile-drawer.rutss-v15-mobile-ui{ position:fixed !important; top:0 !important; right:0 !important; bottom:0 !important; left:auto !important; width:min(86vw,330px) !important; max-width:330px !important; height:100dvh !important; margin:0 !important; padding:18px !important; box-sizing:border-box !important; overflow:hidden !important; background:#071625 !important; color:#fff !important; transform:translate3d(105%,0,0) !important; opacity:1 !important; visibility:visible !important; z-index:2147483001 !important; box-shadow:-24px 0 65px rgba(0,0,0,.34) !important; transition:transform .24s ease !important; display:flex !important; flex-direction:column !important; } .mobile-drawer.rutss-v15-mobile-ui.open{ transform:translate3d(0,0,0) !important; } html[dir="rtl"] .mobile-drawer.rutss-v15-mobile-ui{ right:auto !important; left:0 !important; transform:translate3d(-105%,0,0) !important; box-shadow:24px 0 65px rgba(0,0,0,.34) !important; } html[dir="rtl"] .mobile-drawer.rutss-v15-mobile-ui.open{ transform:translate3d(0,0,0) !important; } .mobile-drawer.rutss-v15-mobile-ui .mobile-drawer-head{ flex:0 0 auto; padding:0 0 17px !important; margin:0 0 10px !important; } .mobile-drawer.rutss-v15-mobile-ui .mobile-nav{ display:flex !important; flex-direction:column !important; gap:2px !important; flex:1 1 auto !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; padding:4px 0 12px !important; } .mobile-drawer.rutss-v15-mobile-ui .mobile-nav a{ display:flex !important; align-items:center !important; width:100% !important; min-height:46px !important; padding:0 10px !important; margin:0 !important; border-radius:9px !important; color:#e8eff7 !important; text-decoration:none !important; font-size:14px !important; font-weight:500 !important; box-sizing:border-box !important; } .mobile-drawer.rutss-v15-mobile-ui .mobile-nav a:hover{ background:#102840 !important; } .mobile-drawer.rutss-v15-mobile-ui .mobile-scan-cta{ flex:0 0 auto !important; width:100% !important; min-height:46px !important; margin:8px 0 0 !important; border-radius:10px !important; } body.rutss-v15-menu-locked{ overflow:hidden !important; } /* ---------------------------------------------------------- ACCOUNT / LOGIN — mobile: AUTH FIRST ---------------------------------------------------------- */ @media(max-width:700px){ .rich-account-shell{ overflow:visible !important; padding:18px 0 38px !important; } .rich-account-shell > .container, .rich-account-grid{ width:calc(100% - 24px) !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; } .rich-account-grid{ display:flex !important; flex-direction:column !important; gap:16px !important; align-items:stretch !important; } /* Requested order: login/register before marketing/benefits */ .rich-account-card{ order:1 !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:20px !important; border-radius:18px !important; box-sizing:border-box !important; } .account-experience{ order:2 !important; width:100% !important; min-width:0 !important; } .account-visual-card{ width:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:20px !important; border-radius:18px !important; box-sizing:border-box !important; } .account-card-head{ margin-bottom:16px !important; } .account-card-kicker{ font-size:10px !important; font-weight:500 !important; letter-spacing:.08em !important; } .rich-account-card h2{ margin:5px 0 7px !important; font-size:27px !important; line-height:1.15 !important; font-weight:500 !important; } .rich-account-card p{ font-size:13px !important; line-height:1.55 !important; font-weight:400 !important; } .social-auth-stack{ gap:8px !important; } .rich-account-card .social-auth{ width:100% !important; min-height:46px !important; margin:0 !important; border-radius:10px !important; box-sizing:border-box !important; font-size:13px !important; font-weight:500 !important; } .rich-account-tabs{ width:100% !important; grid-template-columns:1fr 1fr !important; } .rich-account-tabs button{ font-size:12px !important; font-weight:500 !important; } .account-access-form{ width:100% !important; min-width:0 !important; } .account-access-form label{ display:block !important; width:100% !important; min-width:0 !important; font-size:11px !important; font-weight:500 !important; } .account-access-form input{ width:100% !important; min-width:0 !important; min-height:45px !important; padding:0 12px !important; box-sizing:border-box !important; font-size:16px !important; /* prevents iOS form zoom */ } .account-access-form .btn{ width:100% !important; min-height:46px !important; font-weight:500 !important; } .account-card-foot{ margin-top:14px !important; padding:12px !important; border-radius:11px !important; } /* Secondary information comes after authentication */ .account-visual-top{ margin-bottom:18px !important; } .account-visual-copy{ margin-top:0 !important; } .account-visual-copy h1{ max-width:none !important; margin:0 !important; font-size:27px !important; line-height:1.2 !important; font-weight:500 !important; } .account-visual-copy p{ margin:10px 0 0 !important; font-size:13px !important; line-height:1.6 !important; } .account-dashboard-preview{ margin-top:18px !important; padding:14px !important; } .account-score-grid{ grid-template-columns:1fr 1fr !important; gap:8px !important; } .rich-benefits{ grid-template-columns:1fr !important; gap:7px !important; } .account-trust-row{ display:flex !important; gap:6px !important; flex-wrap:wrap !important; } } /* ---------------------------------------------------------- PROFILE WORKSPACE — mobile cleanup ---------------------------------------------------------- */ @media(max-width:700px){ .profile-v617{ padding:18px 0 40px !important; overflow:visible !important; } .profile-v617 > .container{ width:calc(100% - 24px) !important; max-width:none !important; margin:0 auto !important; padding:0 !important; box-sizing:border-box !important; } .profile-hero{ width:100% !important; margin:0 0 14px !important; padding:20px !important; gap:16px !important; border-radius:17px !important; box-sizing:border-box !important; } .profile-hero-copy h1{ margin:0 !important; font-size:27px !important; line-height:1.2 !important; font-weight:500 !important; } .profile-hero-copy p{ margin-top:8px !important; font-size:13px !important; line-height:1.55 !important; } .profile-hero-actions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; } .profile-hero-actions .profile-primary-action{ grid-column:1/-1 !important; } .profile-hero-actions a{ width:100% !important; min-height:43px !important; box-sizing:border-box !important; font-weight:500 !important; } .profile-layout-modern{ display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; gap:14px !important; } .profile-side-modern{ position:static !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:18px !important; border-radius:17px !important; box-sizing:border-box !important; } .profile-user-top{ align-items:center !important; } .profile-user-meta h2{ font-size:18px !important; font-weight:500 !important; } .profile-user-meta p{ overflow-wrap:anywhere !important; } .profile-side-stats{ margin:14px 0 !important; } .profile-side-links{ grid-template-columns:1fr !important; } .profile-main{ width:100% !important; min-width:0 !important; } .profile-kpis-modern{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; } .profile-kpis-modern article{ min-width:0 !important; min-height:82px !important; padding:13px !important; } .profile-kpis-modern article:last-child{ grid-column:1/-1 !important; } .profile-kpis-modern strong{ font-size:24px !important; font-weight:500 !important; } .profile-grid-modern{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; } .profile-panel-modern{ width:100% !important; min-width:0 !important; padding:17px !important; box-sizing:border-box !important; } .profile-panel-modern h2{ font-size:19px !important; font-weight:500 !important; } .modern-project-form{ grid-template-columns:1fr !important; } .modern-project-form input, .profile-form-modern input{ width:100% !important; min-width:0 !important; font-size:16px !important; box-sizing:border-box !important; } .modern-project-form .btn, .profile-form-modern .btn{ width:100% !important; } .profile-field-grid{ grid-template-columns:1fr !important; } .modern-report-row{ grid-template-columns:38px minmax(0,1fr) auto !important; } .report-open{ display:none !important; } } @media(max-width:390px){ .profile-kpis-modern{ grid-template-columns:1fr !important; } .profile-kpis-modern article:last-child{ grid-column:auto !important; } .profile-hero-actions{ grid-template-columns:1fr !important; } .profile-hero-actions .profile-primary-action{ grid-column:auto !important; } } /* rutss-account-mobile-v16.css */ /* ========================================================== RUTSS V16 — ACCOUNT MOBILE REDESIGN Purpose: mobile auth first, compact clean information second. Desktop layout remains unchanged. ========================================================== */ @media (max-width: 700px) { body { overflow-x: hidden !important; } .rich-account-shell { padding: 16px 0 34px !important; min-height: auto !important; overflow: visible !important; background: radial-gradient(circle at 12% 2%, rgba(112,242,23,.07), transparent 27%), radial-gradient(circle at 93% 9%, rgba(91,139,255,.08), transparent 31%), #f5f8fb !important; } .rich-account-shell > .container.rich-account-grid { display: flex !important; flex-direction: column !important; gap: 14px !important; width: calc(100% - 20px) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; align-items: stretch !important; } /* JavaScript also physically moves this first on mobile. Order is kept as a second layer of protection. */ .rich-account-grid > .rich-account-card { order: 1 !important; } .rich-account-grid > .account-experience { order: 2 !important; } /* LOGIN / REGISTER FIRST */ .rich-account-card { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 18px !important; border: 1px solid #dce6ef !important; border-radius: 17px !important; background: #fff !important; box-shadow: 0 14px 42px rgba(19,42,68,.08) !important; box-sizing: border-box !important; } .account-card-head { margin: 0 0 14px !important; } .account-card-kicker { display: inline-flex !important; align-items: center !important; min-height: 25px !important; padding: 0 9px !important; margin: 0 0 9px !important; border-radius: 999px !important; background: #f0faeb !important; border: 1px solid #cceebc !important; color: #397c24 !important; font-size: 9px !important; line-height: 1 !important; letter-spacing: .07em !important; font-weight: 500 !important; } .account-card-head h2 { margin: 0 !important; color: #10243a !important; font-size: 25px !important; line-height: 1.15 !important; letter-spacing: -.02em !important; font-weight: 500 !important; } .account-card-head p { margin: 7px 0 0 !important; color: #667d92 !important; font-size: 12px !important; line-height: 1.55 !important; font-weight: 400 !important; } .social-auth-stack { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; width: 100% !important; } .rich-account-card .social-auth { display: flex !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 13px !important; align-items: center !important; justify-content: center !important; gap: 9px !important; border-radius: 10px !important; box-sizing: border-box !important; text-decoration: none !important; font-size: 12px !important; font-weight: 500 !important; } .rich-account-card .social-auth.google { background: #fff !important; border: 1px solid #d8e2eb !important; color: #173047 !important; } .rich-account-card .social-auth.facebook { background: #1f78ea !important; border: 1px solid #1f78ea !important; color: #fff !important; } .rich-account-card .auth-divider { display: flex !important; align-items: center !important; gap: 9px !important; margin: 13px 0 !important; color: #8394a5 !important; font-size: 9px !important; } .rich-account-card .auth-divider:before, .rich-account-card .auth-divider:after { content: "" !important; height: 1px !important; background: #e3eaf0 !important; flex: 1 1 auto !important; } .rich-account-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; margin: 0 0 14px !important; padding: 4px !important; border-radius: 11px !important; background: #eff4f7 !important; box-sizing: border-box !important; } .rich-account-tabs button { min-width: 0 !important; height: 39px !important; padding: 0 6px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #5e7184 !important; font-size: 11px !important; font-weight: 500 !important; } .rich-account-tabs button.active { background: #fff !important; color: #10243a !important; box-shadow: 0 3px 10px rgba(20,45,70,.06) !important; } .account-form-stage, .account-access-form { width: 100% !important; min-width: 0 !important; } .account-access-form { gap: 11px !important; } .account-access-form label { display: grid !important; gap: 5px !important; width: 100% !important; min-width: 0 !important; color: #334a60 !important; font-size: 10px !important; font-weight: 500 !important; } .account-access-form input { display: block !important; width: 100% !important; min-width: 0 !important; height: 44px !important; margin: 0 !important; padding: 0 11px !important; border: 1px solid #d9e3ed !important; border-radius: 9px !important; background: #f8fafc !important; color: #11263b !important; font-size: 16px !important; /* avoids mobile auto zoom */ font-weight: 400 !important; box-sizing: border-box !important; } .account-access-form input:focus { outline: 0 !important; border-color: #79a8d0 !important; box-shadow: 0 0 0 3px rgba(62,129,186,.10) !important; } .account-access-form .btn { width: 100% !important; min-height: 45px !important; height: 45px !important; margin-top: 1px !important; border-radius: 9px !important; font-size: 12px !important; font-weight: 500 !important; } .account-card-foot { display: flex !important; align-items: flex-start !important; gap: 7px !important; margin: 13px 0 0 !important; padding: 10px 11px !important; border: 1px solid #e1e9ef !important; border-radius: 9px !important; background: #f7fafc !important; } .account-card-foot span { font-size: 11px !important; } .account-card-foot p { margin: 0 !important; color: #718598 !important; font-size: 9px !important; line-height: 1.5 !important; } /* INFORMATION SECOND — compact, not a giant landing page */ .account-experience { width: 100% !important; min-width: 0 !important; margin: 0 !important; } .account-visual-card { position: relative !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 17px !important; border: 1px solid #dce6ef !important; border-radius: 17px !important; background: radial-gradient(circle at 94% 4%, rgba(112,242,23,.11), transparent 26%), #fff !important; color: #10243a !important; box-sizing: border-box !important; overflow: hidden !important; } .account-glow { display: none !important; } .account-visual-top { display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 0 0 13px !important; } .account-visual-top .badge { display: inline-flex !important; align-items: center !important; min-height: 27px !important; padding: 0 9px !important; border-radius: 999px !important; border: 1px solid #cceebc !important; background: #f0faeb !important; color: #397c24 !important; font-size: 9px !important; font-weight: 500 !important; } .account-live-dot { color: #597186 !important; font-size: 9px !important; } .account-visual-copy { max-width: none !important; margin: 0 !important; } .account-visual-copy h1 { max-width: 280px !important; margin: 0 !important; color: #10243a !important; font-size: 24px !important; line-height: 1.18 !important; letter-spacing: -.025em !important; font-weight: 500 !important; } .account-visual-copy p { margin: 8px 0 0 !important; color: #667d92 !important; font-size: 11px !important; line-height: 1.55 !important; font-weight: 400 !important; } /* Static example dashboard is useful on desktop but was making the mobile account screen long and visually noisy. */ .account-dashboard-preview { display: none !important; } .rich-benefits { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 7px !important; margin: 15px 0 0 !important; } .rich-benefits span { display: flex !important; min-width: 0 !important; min-height: 38px !important; align-items: center !important; padding: 8px 9px !important; border: 1px solid #e0e8ef !important; border-radius: 9px !important; background: #f8fafc !important; color: #50677b !important; font-size: 9px !important; line-height: 1.35 !important; font-weight: 400 !important; box-sizing: border-box !important; } .account-trust-row { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; margin-top: 11px !important; } .account-trust-row span { display: inline-flex !important; min-height: 24px !important; align-items: center !important; padding: 0 7px !important; border: 1px solid #dce7ef !important; border-radius: 999px !important; background: #fff !important; color: #60768a !important; font-size: 8px !important; font-weight: 400 !important; } } @media (max-width: 380px) { .rich-benefits { grid-template-columns: 1fr !important; } } /* report-layout-clean.css */ /* ========================================================= RUTSS REPORT — CLEAN LAYOUT Only affects report.php classes. Does NOT modify global header/body/main/container. ========================================================= */ /* ---------- DESKTOP ---------- */ .unified-report-shell { position: relative !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } .unified-report-layout { display: grid !important; grid-template-columns: 250px minmax(0,1fr) !important; gap: 20px !important; align-items: start !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } .scan-tool-sidebar { position: sticky !important; top: 18px !important; height: auto !important; max-height: calc(100vh - 36px) !important; overflow: hidden !important; align-self: start !important; } .scan-side-list { max-height: calc(100vh - 95px) !important; overflow-y: auto !important; overflow-x: hidden !important; } .scan-results-stream { position: relative !important; display: flex !important; flex-direction: column !important; gap: 16px !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } .scan-results-stream > *, .scan-results-stream [id^="tool-"] { position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; transform: none !important; contain: none !important; flex: 0 0 auto !important; } /* ---------- MOBILE ---------- */ @media (max-width: 900px) { .unified-report-shell { display: block !important; position: relative !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } .unified-report-layout { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } /* Tool navigation becomes a small horizontal bar. It remains part of normal document flow. */ .scan-tool-sidebar { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 12px !important; overflow: visible !important; } .scan-side-list { display: flex !important; flex-direction: row !important; align-items: stretch !important; width: 100% !important; height: auto !important; min-height: 52px !important; max-height: none !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: thin !important; } .scan-side-list > * { flex: 0 0 auto !important; } /* THIS is the important part: all forty tool cards stay in normal vertical flow. */ .scan-results-stream { display: flex !important; flex-direction: column !important; gap: 14px !important; position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; transform: none !important; contain: none !important; } .scan-results-stream > *, .scan-results-stream [id^="tool-"] { display: block !important; position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; float: none !important; clear: both !important; transform: none !important; contain: none !important; flex: 0 0 auto !important; } } /* RUTSS FINAL SIDEBAR SCROLL FIX */ @media (min-width: 901px) { .unified-report-shell, .unified-report-shell > .container, .unified-report-layout { overflow: visible !important; transform: none !important; contain: none !important; } .unified-report-layout { align-items: start !important; } .scan-tool-sidebar { position: -webkit-sticky !important; position: sticky !important; top: 76px !important; width: 240px !important; height: calc(100vh - 96px) !important; max-height: calc(100vh - 96px) !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; align-self: start !important; overflow: hidden !important; z-index: 5 !important; } .scan-side-head, .back-top-link { flex: 0 0 auto !important; } .scan-side-list { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; scrollbar-gutter: stable !important; padding: 6px !important; } } /* mobile-clean-final.css */ /* ============================================================ RUTSS MOBILE CLEAN SYSTEM This file intentionally loads LAST. Desktop is untouched. ============================================================ */ @media (max-width: 600px) { /* -------------------------------------------------------- GLOBAL MOBILE PAGE FOUNDATION -------------------------------------------------------- */ html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } body { margin: 0 !important; background: #f3f7fb !important; } body main { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px !important; left: auto !important; right: auto !important; transform: none !important; translate: none !important; overflow: visible !important; box-sizing: border-box !important; } body main * { box-sizing: border-box !important; min-width: 0 !important; } /* No ugly wide side shadow in mobile */ body main, body main section, body main article { box-shadow: none !important; filter: none !important; } /* -------------------------------------------------------- NORMAL MOBILE TYPOGRAPHY -------------------------------------------------------- */ body main h1, body main h2, body main h3, body main h4 { color: #071d39 !important; word-break: normal !important; overflow-wrap: break-word !important; writing-mode: horizontal-tb !important; white-space: normal !important; } body main h1 { font-size: 29px !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -.4px !important; } body main h2 { font-size: 22px !important; line-height: 1.25 !important; font-weight: 500 !important; } body main h3 { font-size: 17px !important; line-height: 1.3 !important; font-weight: 500 !important; } body main p, body main li, body main label { color: #52708f !important; font-weight: 400 !important; line-height: 1.6 !important; word-break: normal !important; overflow-wrap: break-word !important; writing-mode: horizontal-tb !important; } /* -------------------------------------------------------- FULL-WIDTH CONTENT SYSTEM -------------------------------------------------------- */ body main > section, body main > article, body.page-tools main > *, body.page-features main > *, body.page-resources main > *, body.page-profile main > *, body.page-intelligence main > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; } /* ======================================================== TOOLS PAGE ======================================================== */ body.page-tools main { padding: 14px !important; } body.page-tools main > section { width: 100% !important; max-width: 100% !important; } body.page-tools .hero, body.page-tools [class*="hero"] { background: #ffffff !important; border: 1px solid #dce6ef !important; border-radius: 18px !important; padding: 22px 18px !important; margin-bottom: 14px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; box-shadow: none !important; } body.page-tools .hero *, body.page-tools [class*="hero"] * { color: inherit; } body.page-tools .hero h1, body.page-tools [class*="hero"] h1 { color: #071d39 !important; } body.page-tools .hero p, body.page-tools [class*="hero"] p { color: #52708f !important; } body.page-tools [class*="tool"] { max-width: 100% !important; } body.page-tools input[type="search"], body.page-tools input[type="text"] { width: 100% !important; max-width: 100% !important; } /* ======================================================== FEATURES PAGE ======================================================== */ body.page-features main { padding: 14px !important; } body.page-features main > section, body.page-features main article { width: 100% !important; max-width: 100% !important; } body.page-features .hero, body.page-features [class*="hero"] { display: block !important; background: #ffffff !important; border: 1px solid #dce6ef !important; border-radius: 18px !important; padding: 22px 18px !important; margin-bottom: 14px !important; height: auto !important; min-height: 0 !important; box-shadow: none !important; } body.page-features .hero h1, body.page-features [class*="hero"] h1 { color: #071d39 !important; } body.page-features .hero p, body.page-features [class*="hero"] p { color: #52708f !important; } body.page-features [class*="grid"] { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; gap: 12px !important; } body.page-features [class*="grid"] > * { width: 100% !important; max-width: 100% !important; background: #fff !important; border: 1px solid #dce6ef !important; border-radius: 16px !important; padding: 18px !important; box-shadow: none !important; } /* ======================================================== RESOURCES PAGE ======================================================== */ body.page-resources main { padding: 14px !important; } body.page-resources main > section, body.page-resources main article { width: 100% !important; max-width: 100% !important; } body.page-resources .hero, body.page-resources [class*="hero"] { display: block !important; width: 100% !important; background: #ffffff !important; border: 1px solid #dce6ef !important; border-radius: 18px !important; padding: 22px 18px !important; margin-bottom: 14px !important; height: auto !important; min-height: 0 !important; box-shadow: none !important; } body.page-resources .hero h1, body.page-resources [class*="hero"] h1 { color: #071d39 !important; } body.page-resources .hero p, body.page-resources [class*="hero"] p { color: #52708f !important; } body.page-resources [class*="grid"] { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; gap: 12px !important; } body.page-resources [class*="grid"] > * { width: 100% !important; max-width: 100% !important; } /* ======================================================== PROFILE PAGE Exactly the clean red-box width you marked. ======================================================== */ body.page-profile main { padding: 14px !important; } body.page-profile main > section, body.page-profile main > div { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } body.page-profile main article, body.page-profile main [class*="card"], body.page-profile main [class*="panel"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 12px !important; padding: 18px !important; background: #ffffff !important; border: 1px solid #dce6ef !important; border-radius: 16px !important; box-shadow: none !important; } body.page-profile main [class*="grid"] { width: 100% !important; max-width: 100% !important; } /* ======================================================== INTELLIGENCE PAGE Rebuild mobile layout cleanly. ======================================================== */ body.page-intelligence main { padding: 14px !important; } body.page-intelligence .suite-page, body.page-intelligence .suite-hub-page, body.page-intelligence .intel-v8 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* Intelligence hero */ body.page-intelligence .intel-mobile-hero, body.page-intelligence [class*="hero"] { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 12px !important; padding: 20px !important; background: #ffffff !important; border: 1px solid #dce6ef !important; border-radius: 18px !important; transform: none !important; overflow: visible !important; box-shadow: none !important; } /* Workspace coverage */ body.page-intelligence .intel-fixed-coverage, body.page-intelligence .intel-mobile-coverage { position: static !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 12px 0 !important; padding: 18px !important; inset: auto !important; transform: none !important; translate: none !important; overflow: visible !important; background: #102c4b !important; border-radius: 15px !important; box-shadow: none !important; } body.page-intelligence .intel-fixed-coverage p, body.page-intelligence .intel-mobile-coverage p, body.page-intelligence .intel-fixed-coverage span, body.page-intelligence .intel-mobile-coverage span { color: #c9dcf0 !important; } /* THE 3 CARDS MUST BE VERTICAL */ body.page-intelligence .intel-fixed-three, body.page-intelligence .intel-mobile-principles { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; gap: 12px !important; margin: 0 0 18px !important; } body.page-intelligence .intel-fixed-principle, body.page-intelligence .intel-mobile-principle-card { display: block !important; position: static !important; flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 18px !important; background: #ffffff !important; border: 1px solid #dce6ef !important; border-radius: 15px !important; transform: none !important; overflow: visible !important; box-shadow: none !important; } body.page-intelligence .intel-fixed-principle *, body.page-intelligence .intel-mobile-principle-card * { width: auto !important; max-width: 100% !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; writing-mode: horizontal-tb !important; } /* Intelligence modules */ body.page-intelligence [class*="grid"] { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; gap: 12px !important; } body.page-intelligence [class*="grid"] > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; grid-column: 1 !important; } body.page-intelligence .intel-mobile-module { position: static !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 18px !important; background: #ffffff !important; border: 1px solid #dce6ef !important; border-radius: 15px !important; transform: none !important; box-shadow: none !important; } /* -------------------------------------------------------- MOBILE FORMS / BUTTONS -------------------------------------------------------- */ body main input, body main select, body main textarea { width: 100% !important; max-width: 100% !important; } body main img, body main svg, body main table { max-width: 100% !important; } } /* mobile-unified.css */ @media (max-width:600px){ :root{ --mobile-gap:16px; --mobile-bg:#f3f7fb; --mobile-card:#ffffff; --mobile-border:#dbe5ef; --mobile-text:#071d39; --mobile-muted:#587492; } /* BASE */ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } body{ margin:0 !important; background:var(--mobile-bg) !important; } body main{ position:relative !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding-left:var(--mobile-gap) !important; padding-right:var(--mobile-gap) !important; box-sizing:border-box !important; left:auto !important; right:auto !important; transform:none !important; translate:none !important; overflow:visible !important; box-shadow:none !important; filter:none !important; } /* COMMON WRAPPERS */ body main > *, body main section, body main article, body main .container, body main [class*="container"], body main [class*="wrapper"], body main [class*="shell"], body main [class*="wrap"]{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } /* DIRECT PAGE BLOCKS = SAME RED-BOX WIDTH */ body main > section, body main > article, body main > div{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; left:auto !important; right:auto !important; transform:none !important; } /* WHITE HERO/CARDS */ body main .hero, body main [class*="hero"], body main .card, body main [class*="card"], body main .panel, body main [class*="panel"], body main .tile, body main [class*="tile"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; background:var(--mobile-card) !important; border:1px solid var(--mobile-border) !important; border-radius:18px !important; box-shadow:none !important; filter:none !important; box-sizing:border-box !important; } /* HERO SPACING */ body main .hero, body main [class*="hero"]{ margin-bottom:14px !important; padding:22px 18px !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; } /* TYPOGRAPHY */ body main h1, body main h2, body main h3, body main h4{ color:var(--mobile-text) !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; writing-mode:horizontal-tb !important; } body main h1{ font-size:29px !important; line-height:1.15 !important; font-weight:500 !important; } body main h2{ font-size:22px !important; line-height:1.25 !important; font-weight:500 !important; } body main h3{ font-size:17px !important; line-height:1.3 !important; font-weight:500 !important; } body main p, body main li, body main label{ color:var(--mobile-muted) !important; font-weight:400 !important; line-height:1.6 !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; writing-mode:horizontal-tb !important; } /* ALL GRIDS -> ONE COLUMN */ body main .grid, body main [class*="grid"]{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:14px !important; } body main .grid > *, body main [class*="grid"] > *{ width:100% !important; max-width:100% !important; min-width:0 !important; grid-column:1 !important; } /* FLEX ROWS -> STACK */ body main .row, body main [class*="row"], body main .columns, body main [class*="columns"]{ display:flex !important; flex-direction:column !important; width:100% !important; max-width:100% !important; gap:14px !important; } body main .row > *, body main [class*="row"] > *, body main .columns > *, body main [class*="columns"] > *{ width:100% !important; max-width:100% !important; min-width:0 !important; flex:0 0 auto !important; } /* FORM ELEMENTS */ body main input, body main select, body main textarea{ width:100% !important; max-width:100% !important; } /* MEDIA */ body main img, body main svg, body main iframe, body main video, body main canvas, body main table{ max-width:100% !important; } /* NO MOBILE SIDE SHADOWS */ body main, body main section, body main article, body main div{ box-shadow:none !important; filter:none !important; } /* TOOLS */ body.page-tools main > *, body.page-features main > *, body.page-resources main > *, body.page-profile main > *, body.page-intelligence main > *, body.page-account main > *, body.page-index main > *, body.page-report main > *{ width:100% !important; max-width:100% !important; min-width:0 !important; } /* FEATURES */ body.page-features main [class*="grid"]{ grid-template-columns:1fr !important; } /* RESOURCES */ body.page-resources main [class*="grid"]{ grid-template-columns:1fr !important; } /* PROFILE */ body.page-profile main article, body.page-profile main [class*="card"], body.page-profile main [class*="panel"]{ width:100% !important; max-width:100% !important; margin-bottom:14px !important; padding:18px !important; background:#fff !important; border:1px solid var(--mobile-border) !important; border-radius:18px !important; } /* INTELLIGENCE */ body.page-intelligence .suite-page, body.page-intelligence .suite-hub-page, body.page-intelligence .intel-v8{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; } /* Intelligence coverage */ body.page-intelligence .intel-fixed-coverage, body.page-intelligence .intel-mobile-coverage{ position:static !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:12px 0 !important; padding:18px !important; inset:auto !important; transform:none !important; translate:none !important; overflow:visible !important; box-shadow:none !important; } /* Intelligence 3 cards */ body.page-intelligence .intel-fixed-three, body.page-intelligence .intel-mobile-principles{ display:flex !important; flex-direction:column !important; width:100% !important; max-width:100% !important; gap:12px !important; } body.page-intelligence .intel-fixed-principle, body.page-intelligence .intel-mobile-principle-card{ display:block !important; position:static !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; flex:none !important; margin:0 !important; padding:18px !important; background:#fff !important; border:1px solid var(--mobile-border) !important; border-radius:18px !important; transform:none !important; overflow:visible !important; } body.page-intelligence .intel-fixed-principle *, body.page-intelligence .intel-mobile-principle-card *{ white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; writing-mode:horizontal-tb !important; } /* REMOVE FIXED WIDTH INLINE MOBILE ELEMENTS */ body main [style*="min-width"], body main [style*="max-width"]{ min-width:0 !important; max-width:100% !important; } } /* ========================================================= FINAL MOBILE WIDTH FIX Intelligence + Profile only ========================================================= */ @media (max-width:600px){ /* INTELLIGENCE PAGE */ body.page-intelligence main{ padding-left:8px !important; padding-right:8px !important; } body.page-intelligence main > *, body.page-intelligence .suite-page, body.page-intelligence .suite-hub-page, body.page-intelligence .intel-v8{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; } body.page-intelligence .intel-mobile-hero, body.page-intelligence [class*="hero"], body.page-intelligence .intel-mobile-module, body.page-intelligence .intel-fixed-principle, body.page-intelligence .intel-mobile-principle-card, body.page-intelligence .intel-fixed-coverage, body.page-intelligence .intel-mobile-coverage{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Remove unnecessary inner narrowing */ body.page-intelligence .intel-mobile-hero > *, body.page-intelligence .intel-mobile-module > *{ max-width:100% !important; } /* PROFILE PAGE */ body.page-profile main{ padding-left:8px !important; padding-right:8px !important; } body.page-profile main > *, body.page-profile main > section, body.page-profile main > div{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } body.page-profile main article, body.page-profile main [class*="card"], body.page-profile main [class*="panel"], body.page-profile main [class*="profile"], body.page-profile main [class*="workspace"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } } /* final-two-page-width.css */ @media (max-width:600px){ /* ========================================================== INTELLIGENCE + PROFILE REAL PHONE WIDTH = viewport minus 16px total ========================================================== */ body.page-intelligence main, body.page-profile main{ width:100% !important; max-width:none !important; margin:0 !important; padding:8px !important; overflow:visible !important; box-sizing:border-box !important; } /* ========================================================== INTELLIGENCE OUTER PAGE ========================================================== */ body.page-intelligence main > section, body.page-intelligence .suite-page, body.page-intelligence .suite-hub-page, body.page-intelligence .intel-v8{ width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; min-width:0 !important; margin-left:calc(50% - 50vw + 8px) !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; transform:none !important; } /* First level inside Intelligence */ body.page-intelligence .suite-page > *, body.page-intelligence .suite-hub-page > *, body.page-intelligence .intel-v8 > *{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Second level — this is the narrow white box in screenshot */ body.page-intelligence .suite-page > * > *, body.page-intelligence .suite-hub-page > * > *, body.page-intelligence .intel-v8 > * > *{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } /* Main Intelligence hero */ body.page-intelligence .intel-mobile-hero, body.page-intelligence [class*="hero"]{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:18px !important; padding-right:18px !important; box-sizing:border-box !important; } /* Prevent an inner hero wrapper becoming narrow again */ body.page-intelligence .intel-mobile-hero > div, body.page-intelligence [class*="hero"] > div{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Intelligence cards/modules */ body.page-intelligence .intel-mobile-module, body.page-intelligence .intel-fixed-principle, body.page-intelligence .intel-mobile-principle-card, body.page-intelligence .intel-fixed-coverage, body.page-intelligence .intel-mobile-coverage{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* ========================================================== PROFILE ========================================================== */ body.page-profile main > section, body.page-profile main > div{ width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; min-width:0 !important; margin-left:calc(50% - 50vw + 8px) !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; transform:none !important; } /* First-level Profile wrappers */ body.page-profile main > section > *, body.page-profile main > div > *{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* The actual Profile cards */ body.page-profile main article, body.page-profile main [class*="card"], body.page-profile main [class*="panel"], body.page-profile main [class*="workspace"], body.page-profile main [class*="profile"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Remove the extra nested indentation visible in screenshot */ body.page-profile main [class*="card"] > div, body.page-profile main [class*="panel"] > div, body.page-profile main [class*="workspace"] > div{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } /* ========================================================== TEXT SAFETY ========================================================== */ body.page-intelligence main h1, body.page-intelligence main h2, body.page-intelligence main h3, body.page-intelligence main p, body.page-profile main h1, body.page-profile main h2, body.page-profile main h3, body.page-profile main p{ white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; writing-mode:horizontal-tb !important; } } /* account-final-reset.css */ @media (min-width:901px){ body.page-account{ background:#f3f7fb !important; color:#102943 !important; } /* MAIN LAYOUT */ body.page-account .account-shell{ padding:56px 24px 70px !important; } body.page-account .account-grid{ width:min(1160px,100%) !important; max-width:1160px !important; margin:0 auto !important; padding:0 !important; display:grid !important; grid-template-columns:minmax(0,1fr) 400px !important; gap:38px !important; align-items:stretch !important; } /* LEFT CARD */ body.page-account .account-experience{ min-width:0 !important; display:flex !important; } body.page-account .account-visual-card{ width:100% !important; min-height:100% !important; box-sizing:border-box !important; padding:30px !important; background:linear-gradient(110deg,#fff 55%,#f2ffe7 100%) !important; border:1px solid #d8e3ed !important; border-radius:24px !important; box-shadow:0 18px 45px rgba(17,43,70,.06) !important; } /* TOP BADGES */ body.page-account .account-visual-top{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; margin-bottom:28px !important; } body.page-account .account-live-dot{ display:inline-flex !important; align-items:center !important; gap:7px !important; padding:7px 12px !important; background:#f1f9e8 !important; border:1px solid #b9d891 !important; border-radius:999px !important; color:#4f6f1a !important; font-size:12px !important; font-weight:700 !important; line-height:1 !important; } body.page-account .account-live-dot i{ width:7px !important; height:7px !important; background:#70e000 !important; border-radius:50% !important; } /* TITLE */ body.page-account .account-visual-copy{ margin-bottom:28px !important; } body.page-account .account-visual-copy h1{ margin:0 0 14px !important; max-width:650px !important; font-size:36px !important; line-height:1.15 !important; letter-spacing:-.02em !important; font-weight:600 !important; color:#081f3d !important; } body.page-account .account-visual-copy p{ margin:0 !important; max-width:650px !important; font-size:15px !important; line-height:1.7 !important; font-weight:400 !important; color:#607892 !important; } /* HEALTH PANEL */ body.page-account .account-dashboard-preview{ margin-top:0 !important; padding:20px !important; background:#f8fbfe !important; border:1px solid #d7e2ec !important; border-radius:18px !important; } body.page-account .account-preview-head{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; margin-bottom:16px !important; } body.page-account .account-preview-head > div:first-child{ display:flex !important; align-items:baseline !important; gap:8px !important; } body.page-account .account-preview-head small{ margin:0 4px 0 0 !important; color:#6b8299 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.04em !important; } body.page-account .account-preview-head strong{ margin:0 !important; color:#081f3d !important; font-size:28px !important; font-weight:700 !important; } body.page-account .account-preview-head span{ margin:0 !important; color:#6b8299 !important; font-size:13px !important; } body.page-account .account-preview-status{ padding:7px 12px !important; background:#f1f9e8 !important; border:1px solid #b9d891 !important; border-radius:999px !important; color:#4f6f1a !important; font-size:11px !important; font-weight:700 !important; } /* SCORE BOXES */ body.page-account .account-score-grid{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:10px !important; } body.page-account .account-score-grid > div{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; width:100% !important; min-width:0 !important; padding:12px 13px !important; box-sizing:border-box !important; background:#fff !important; border:1px solid #d8e3ed !important; border-radius:12px !important; color:#314e6d !important; font-size:13px !important; font-weight:500 !important; } body.page-account .account-score-grid > div strong, body.page-account .account-score-grid > div b, body.page-account .account-score-grid > div span:last-child{ margin:0 !important; padding:0 !important; color:#081f3d !important; font-weight:700 !important; white-space:nowrap !important; } /* BOTTOM STAT LINE */ body.page-account .account-preview-bottom{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin-top:15px !important; color:#3e5974 !important; font-size:13px !important; } /* BENEFITS */ body.page-account .account-benefits{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; margin-top:18px !important; } body.page-account .account-benefits > *{ padding:14px 15px !important; background:#fff !important; border:1px solid #d8e3ed !important; border-radius:12px !important; color:#395570 !important; font-size:12px !important; font-weight:500 !important; } /* TRUST PILLS */ body.page-account .account-trust-row{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-top:18px !important; } body.page-account .account-trust-row > *{ padding:6px 10px !important; background:#f1f9e8 !important; border:1px solid #b9d891 !important; border-radius:999px !important; color:#4f6f1a !important; font-size:11px !important; font-weight:700 !important; } /* RIGHT SIGN-IN CARD */ body.page-account .account-card{ width:100% !important; min-height:100% !important; box-sizing:border-box !important; padding:28px !important; background:#fff !important; border:1px solid #d8e3ed !important; border-radius:24px !important; box-shadow:0 18px 45px rgba(17,43,70,.06) !important; } body.page-account .account-card-kicker{ display:inline-flex !important; width:auto !important; margin:0 0 12px !important; padding:6px 10px !important; background:#f1f9e8 !important; border-radius:999px !important; color:#4f6f1a !important; font-size:11px !important; font-weight:700 !important; } body.page-account .account-card h2{ margin:0 0 10px !important; color:#081f3d !important; font-size:24px !important; line-height:1.2 !important; font-weight:600 !important; } body.page-account .account-card-head p{ color:#607892 !important; line-height:1.6 !important; } /* LOGIN */ body.page-account .social-auth-stack{ display:grid !important; gap:10px !important; margin-top:18px !important; } body.page-account .social-auth{ min-height:44px !important; border-radius:10px !important; } body.page-account .account-tabs{ margin-top:14px !important; } body.page-account .account-tabs button{ min-height:40px !important; } body.page-account .account-access-form input[type=email], body.page-account .account-access-form input[type=password], body.page-account .account-access-form input[type=text]{ min-height:42px !important; border-radius:9px !important; background:#edf4ff !important; border:1px solid #d2deec !important; color:#0c2643 !important; box-shadow:none !important; } body.page-account .auth-login-options{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; margin:12px 0 16px !important; } body.page-account .auth-remember{ display:flex !important; align-items:center !important; gap:7px !important; } body.page-account .auth-forgot{ white-space:nowrap !important; } body.page-account .account-card-foot{ margin-top:16px !important; padding-top:15px !important; border-top:1px solid #e1e8ef !important; color:#607892 !important; line-height:1.55 !important; } } /* ========================================================= ACCOUNT DESKTOP — COLOR POLISH ONLY NO SIZE / GAP / WIDTH / HEIGHT CHANGES ========================================================= */ @media (min-width:901px){ /* Page background */ body.page-account{ background:#f4f8fc !important; color:#10263f !important; } /* LEFT MAIN CARD */ body.page-account .account-visual-card{ background: radial-gradient(circle at 92% 8%, rgba(118,234,0,.10), transparent 28%), linear-gradient(145deg,#ffffff 0%,#fbfdff 60%,#f6ffed 100%) !important; border-color:#cfdeeb !important; } /* Main title */ body.page-account .account-visual-copy h1{ color:#0a2342 !important; } body.page-account .account-visual-copy p{ color:#58738f !important; } /* Green brand pills */ body.page-account .account-live-dot, body.page-account .account-preview-status, body.page-account .account-card-kicker, body.page-account .account-trust-row > *{ background:#eff9e7 !important; border-color:#b8d991 !important; color:#426715 !important; } body.page-account .account-live-dot i{ background:#65e600 !important; } /* Health panel */ body.page-account .account-dashboard-preview{ background:#f8fbff !important; border-color:#cfdeeb !important; } body.page-account .account-preview-head small{ color:#6b8299 !important; } body.page-account .account-preview-head strong{ color:#08213f !important; } body.page-account .account-preview-head span{ color:#68809a !important; } /* Four SEO score boxes */ body.page-account .account-score-grid > div{ background:#ffffff !important; border-color:#d1dfeb !important; color:#35536f !important; } body.page-account .account-score-grid > div strong, body.page-account .account-score-grid > div b, body.page-account .account-score-grid > div span:last-child{ color:#0b2746 !important; } /* Give subtle SEO-type accents */ body.page-account .account-score-grid > div:nth-child(1){ background:#f7fbff !important; border-color:#c9deef !important; } body.page-account .account-score-grid > div:nth-child(2){ background:#f8fcff !important; border-color:#cddfea !important; } body.page-account .account-score-grid > div:nth-child(3){ background:#fbfaff !important; border-color:#ddd8ef !important; } body.page-account .account-score-grid > div:nth-child(4){ background:#f7fff3 !important; border-color:#d0e7bf !important; } body.page-account .account-preview-bottom{ color:#47637e !important; } /* Benefit cards */ body.page-account .account-benefits > *{ background:#ffffff !important; border-color:#d1dfeb !important; color:#34516d !important; } /* RIGHT LOGIN CARD */ body.page-account .account-card{ background:#ffffff !important; border-color:#cfdeeb !important; } body.page-account .account-card h2{ color:#092441 !important; } body.page-account .account-card-head p, body.page-account .account-card-foot{ color:#58738f !important; } /* Google button */ body.page-account .social-auth.google{ background:#ffffff !important; color:#183653 !important; border-color:#ccdbea !important; } /* Facebook button */ body.page-account .social-auth.facebook{ background:#1877f2 !important; border-color:#1877f2 !important; color:#ffffff !important; } /* Tabs */ body.page-account .account-tabs{ background:#eef3f8 !important; } body.page-account .account-tabs button{ color:#49647e !important; } body.page-account .account-tabs button.active{ background:#ffffff !important; color:#0b2746 !important; } /* Inputs */ body.page-account .account-access-form input[type=email], body.page-account .account-access-form input[type=password], body.page-account .account-access-form input[type=text]{ background:#eef5ff !important; border-color:#ccdaea !important; color:#0b2746 !important; } body.page-account .account-access-form label{ color:#193954 !important; } body.page-account .auth-remember{ color:#2f4d69 !important; } body.page-account .auth-forgot{ color:#1769c2 !important; } /* Main green CTA */ body.page-account .account-access-form button[type=submit]{ background:#66ef00 !important; color:#071a0b !important; border-color:#66ef00 !important; } body.page-account .account-access-form button[type=submit]:hover{ background:#59db00 !important; border-color:#59db00 !important; } } /* MOBILE: remove nested inner borders only */ @media (max-width:900px){ body.page-account .account-visual-card > .account-visual-copy, body.page-account .account-visual-card > .account-visual-top, body.page-account .account-visual-card > div, body.page-account .account-visual-card > section { border:0 !important; box-shadow:none !important; } body.page-account .account-visual-card .account-visual-copy, body.page-account .account-visual-card .account-start-panel, body.page-account .account-visual-card .scan-login-card, body.page-account .account-visual-card .account-cta-card, body.page-account .account-visual-card .account-inner-card { border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; } /* remove pseudo-element borders too */ body.page-account .account-visual-card *::before, body.page-account .account-visual-card *::after { box-shadow:none !important; } } /* REMOVE THE 2 INNER BORDERS ON MOBILE ACCOUNT HERO */ @media (max-width: 900px) { /* keep only the OUTER main card */ body.page-account .account-visual-card { overflow: hidden !important; } /* first inner wrapper */ body.page-account .account-visual-card > div:has(.account-visual-copy) { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } /* second inner wrapper */ body.page-account .account-visual-card > div:has(.account-visual-copy) > div:first-child { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } /* fallback: remove pseudo border layers too */ body.page-account .account-visual-card > div:has(.account-visual-copy)::before, body.page-account .account-visual-card > div:has(.account-visual-copy)::after, body.page-account .account-visual-card > div:has(.account-visual-copy) > div:first-child::before, body.page-account .account-visual-card > div:has(.account-visual-copy) > div:first-child::after { display: none !important; content: none !important; border: 0 !important; box-shadow: none !important; } } /* ========================================================= ACCOUNT DESKTOP — BADGE + FONT COLOR CLEANUP ONLY ========================================================= */ @media (min-width:901px){ /* Top-left RUTSS Account badge */ body.page-account .account-visual-top .badge{ display:inline-flex !important; align-items:center !important; color:#42631a !important; background:#f0f8e8 !important; border:1px solid #afd17d !important; font-weight:600 !important; opacity:1 !important; box-shadow:none !important; } /* Right small RUTSS badge */ body.page-account .account-live-dot{ color:#365b12 !important; background:#f2f9e9 !important; border-color:#acd079 !important; font-weight:600 !important; } /* Main heading */ body.page-account .account-visual-copy h1{ color:#0a2340 !important; font-weight:600 !important; } /* Intro description */ body.page-account .account-visual-copy p{ color:#52708d !important; } /* WEBSITE HEALTH label */ body.page-account .account-preview-head small{ color:#58718a !important; font-weight:600 !important; } /* 94 score */ body.page-account .account-preview-head strong{ color:#092642 !important; font-weight:600 !important; } /* /100 */ body.page-account .account-preview-head span{ color:#688099 !important; } /* Four metric cards */ body.page-account .account-score-grid > div{ color:#294761 !important; } body.page-account .account-score-grid b, body.page-account .account-score-grid strong{ color:#0b2947 !important; font-weight:600 !important; } /* 40 checks / Private reports / 4 languages */ body.page-account .account-preview-bottom{ color:#496781 !important; } /* Benefits */ body.page-account .account-benefits > span{ color:#35546e !important; } /* Bottom security pills */ body.page-account .account-trust-row span{ color:#395f16 !important; background:#f1f8e8 !important; border-color:#b5d48a !important; font-weight:500 !important; } } /* ACCOUNT FORM — SOFTER FONT WEIGHT */ body.page-account .account-tabs button, body.page-account .account-access-form label, body.page-account .auth-remember, body.page-account .auth-forgot, body.page-account .account-access-form button[type="submit"]{ font-weight:500 !important; } body.page-account .account-tabs button.active{ font-weight:500 !important; } body.page-account .account-card-kicker{ font-weight:500 !important; } body.page-account .social-auth{ font-weight:500 !important; } /* RIGHT LOGIN BRAND — TEXT ONLY */ .account-login-brand{ margin:0 0 18px 0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .account-login-brand-title{ margin:0 0 5px 0 !important; color:#08213f !important; font-size:22px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-0.02em !important; } .account-login-brand-subtitle{ margin:0 !important; color:#5b7590 !important; font-size:13px !important; line-height:1.45 !important; font-weight:500 !important; } @media(max-width:900px){ .account-login-brand-title{ font-size:20px !important; } .account-login-brand-subtitle{ font-size:12px !important; } } /* RIGHT LOGIN BRAND TEXT */ .account-login-brand-subtitle{ font-size:16px !important; line-height:1.35 !important; font-weight:600 !important; color:#274866 !important; margin-top:4px !important; margin-bottom:14px !important; } @media(max-width:900px){ .account-login-brand-subtitle{ font-size:15px !important; } } .account-legal-trust{ margin-top:16px !important; padding-top:16px !important; border-top:1px solid #dce5ee !important; } .account-legal-row{ display:flex !important; align-items:flex-start !important; gap:9px !important; } .account-legal-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; width:20px !important; height:20px !important; border-radius:50% !important; background:#eef9e6 !important; color:#4e7b17 !important; font-size:11px !important; font-weight:700 !important; } .account-legal-row p, .account-private-note{ margin:0 !important; color:#617990 !important; font-size:12px !important; line-height:1.55 !important; } .account-legal-row a{ color:#1769c2 !important; font-weight:600 !important; text-decoration:none !important; } .account-legal-row a:hover{ text-decoration:underline !important; } .account-private-note{ margin-top:10px !important; } .account-growth-message{ margin-top:28px !important; padding:24px !important; background: linear-gradient(135deg,#f8fbff 0%,#f5ffed 100%) !important; border:1px solid #d6e3ec !important; border-radius:18px !important; } .account-growth-kicker{ display:block !important; margin-bottom:10px !important; color:#5d8125 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important; } .account-growth-message h3{ margin:0 0 12px !important; color:#0a2442 !important; font-size:23px !important; line-height:1.25 !important; font-weight:600 !important; } .account-growth-intro{ margin:0 0 16px !important; color:#5c7590 !important; font-size:14px !important; line-height:1.7 !important; } .account-growth-slogan{ display:block !important; margin-bottom:17px !important; color:#143653 !important; font-size:15px !important; font-weight:700 !important; } .account-growth-list{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; } .account-growth-list span{ padding:11px 12px !important; background:#fff !important; border:1px solid #d8e3ec !important; border-radius:11px !important; color:#3d5b76 !important; font-size:12px !important; line-height:1.45 !important; } @media(max-width:900px){ .account-growth-message{ padding:18px !important; } .account-growth-message h3{ font-size:20px !important; } .account-growth-list{ grid-template-columns:1fr !important; } } .account-growth-message{ margin-top:28px !important; padding:24px !important; background: linear-gradient(135deg,#f8fbff 0%,#f5ffed 100%) !important; border:1px solid #d6e3ec !important; border-radius:18px !important; } .account-growth-kicker{ display:block !important; margin-bottom:10px !important; color:#5d8125 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important; } .account-growth-message h3{ margin:0 0 12px !important; color:#0a2442 !important; font-size:23px !important; line-height:1.25 !important; font-weight:600 !important; } .account-growth-intro{ margin:0 0 16px !important; color:#5c7590 !important; font-size:14px !important; line-height:1.7 !important; } .account-growth-slogan{ display:block !important; margin-bottom:17px !important; color:#143653 !important; font-size:15px !important; font-weight:700 !important; } .account-growth-list{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; } .account-growth-list span{ padding:11px 12px !important; background:#fff !important; border:1px solid #d8e3ec !important; border-radius:11px !important; color:#3d5b76 !important; font-size:12px !important; line-height:1.45 !important; } @media(max-width:900px){ .account-growth-message{ padding:18px !important; } .account-growth-message h3{ font-size:20px !important; } .account-growth-list{ grid-template-columns:1fr !important; } } /* RUTSS RE-SCAN / CONTINUOUS IMPROVEMENT MESSAGE */ .account-rescan-message{ margin-top:28px !important; padding:24px 26px !important; background: linear-gradient(135deg,#f7fbff 0%,#f4ffeb 100%) !important; border:1px solid #d3e2eb !important; border-radius:18px !important; } .account-rescan-message h3{ margin:0 0 10px !important; color:#092540 !important; font-size:24px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-.02em !important; } .account-rescan-message p{ margin:0 !important; color:#58748e !important; font-size:14px !important; line-height:1.7 !important; font-weight:400 !important; } @media(max-width:900px){ .account-rescan-message{ margin-top:22px !important; padding:20px !important; } .account-rescan-message h3{ font-size:21px !important; } .account-rescan-message p{ font-size:14px !important; } } /* WEBSITE HEALTH META LINE */ .account-preview-bottom{ font-size:14px !important; line-height:1.4 !important; } .account-preview-bottom span{ font-size:14px !important; } /* Make only the number 40 stronger */ .account-preview-bottom span:first-child{ font-weight:700 !important; color:#0a2442 !important; } .account-preview-bottom span:first-child::first-letter{ font-weight:800 !important; } /* HEADER NAV — BIGGER + LIGHTER */ .rutss-header nav a, .rutss-header .nav a, .rutss-header .top-nav a, .rutss-header .header-nav a, .rutss-header .nav-link, .rutss-header .account-link, .rutss-header .admin-link { font-size:14px !important; font-weight:500 !important; letter-spacing:0 !important; } /* language / account buttons */ .rutss-header button, .rutss-header .lang-switcher, .rutss-header .account-button { font-size:14px !important; font-weight:500 !important; } /* main green CTA */ .rutss-header .btn-primary, .rutss-header .start-scan, .rutss-header .header-cta { font-size:14px !important; font-weight:600 !important; } /* 40 TOOLS SECTION — BIGGER, CLEANER, LIGHTER */ .rutss-tools-font-polish h1, .rutss-tools-font-polish h2 { font-size:44px !important; line-height:1.12 !important; font-weight:500 !important; letter-spacing:-0.025em !important; } .rutss-tools-font-polish > div > p, .rutss-tools-font-polish h2 + p, .rutss-tools-font-polish h1 + p { font-size:17px !important; line-height:1.6 !important; font-weight:400 !important; } /* tool card titles */ .rutss-tools-font-polish a strong, .rutss-tools-font-polish article strong, .rutss-tools-font-polish .tool-card strong, .rutss-tools-font-polish .tool-card h3 { font-size:16px !important; line-height:1.35 !important; font-weight:500 !important; } /* small category labels */ .rutss-tools-font-polish small, .rutss-tools-font-polish .tool-category { font-size:13px !important; font-weight:400 !important; } /* green button */ .rutss-tools-font-polish .btn, .rutss-tools-font-polish a[class*="btn"] { font-size:15px !important; font-weight:600 !important; } @media(max-width:900px){ .rutss-tools-font-polish h1, .rutss-tools-font-polish h2 { font-size:32px !important; } .rutss-tools-font-polish > div > p, .rutss-tools-font-polish h2 + p, .rutss-tools-font-polish h1 + p { font-size:16px !important; } } /* HOME HERO TOP LABEL */ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .suite-hero-badge, body.page-home .suite-badge, body.page-home .home-hero-badge, body.page-home .home-hero-kicker, body.page-home .page-home .badge:first-child { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 10px 18px !important; border-radius: 999px !important; background: rgba(140, 255, 48, 0.08) !important; border: 1px solid rgba(140, 255, 48, 0.28) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; color: #dff7c8 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: 0.01em !important; } body.page-home .hero-eyebrow::before, body.page-home .hero-badge::before, body.page-home .hero-kicker::before, body.page-home .suite-hero-badge::before, body.page-home .suite-badge::before, body.page-home .home-hero-badge::before, body.page-home .home-hero-kicker::before { content: "" !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #8cff30 !important; box-shadow: 0 0 10px rgba(140,255,48,0.55) !important; flex: 0 0 8px !important; } body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .suite-hero-badge, body.page-home .suite-badge, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { text-transform: none !important; } @media (max-width: 768px) { body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .suite-hero-badge, body.page-home .suite-badge, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { font-size: 14px !important; padding: 9px 16px !important; } } /* HOME HERO BADGE — clearer, larger, lighter */ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .suite-hero-badge, body.page-home .suite-badge, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { font-size:16px !important; line-height:1.2 !important; font-weight:500 !important; letter-spacing:0 !important; color:#e8fbd6 !important; padding:11px 18px !important; border-radius:999px !important; text-transform:none !important; font-family:Arial, Helvetica, sans-serif !important; } /* stronger first word without making whole label heavy */ body.page-home .hero-eyebrow strong, body.page-home .hero-badge strong, body.page-home .hero-kicker strong { font-weight:600 !important; } @media(max-width:900px){ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .suite-hero-badge, body.page-home .suite-badge, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { font-size:14px !important; padding:9px 15px !important; } } /* HOME HERO LABEL — LONGER + BIGGER */ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .suite-hero-badge, body.page-home .suite-badge, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:290px !important; min-height:42px !important; padding:10px 18px !important; font-size:16px !important; line-height:1.2 !important; font-weight:500 !important; letter-spacing:0 !important; color:#e9fbd7 !important; border-radius:999px !important; box-sizing:border-box !important; text-align:center !important; white-space:nowrap !important; } @media(max-width:900px){ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .suite-hero-badge, body.page-home .suite-badge, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { max-width:100% !important; min-height:40px !important; font-size:14px !important; } } /* HOME HERO BADGE — FINAL SIZE */ .home-hero .hero-badge, .home-hero .hero-kicker, .home-hero .hero-pill, .hero-badge-home { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 420px !important; max-width: 100% !important; min-height: 54px !important; padding: 14px 28px !important; box-sizing: border-box !important; background: rgba(132,255,77,.08) !important; border: 1px solid rgba(132,255,77,.42) !important; border-radius: 999px !important; color: #e5f8cf !important; font-size: 19px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-align: center !important; white-space: nowrap !important; box-shadow: none !important; } .home-hero .hero-badge span, .home-hero .hero-kicker span, .home-hero .hero-pill span, .hero-badge-home span { font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; color: inherit !important; white-space: nowrap !important; } @media(max-width:900px){ .home-hero .hero-badge, .home-hero .hero-kicker, .home-hero .hero-pill, .hero-badge-home { width: 100% !important; min-height: 46px !important; font-size: 15px !important; padding: 11px 18px !important; } } /* FIX HOMEPAGE HERO WIDTH AFTER BADGE PATCH */ @media (min-width:901px){ body.page-home .hero-copy, body.page-home .hero-content, body.page-home .hero-left, body.page-home .hero-text, body.page-home .hero-main, body.page-home .hero-inner > div:first-child { width:100% !important; max-width:720px !important; min-width:0 !important; } body.page-home .hero-copy h1, body.page-home .hero-content h1, body.page-home .hero-left h1, body.page-home .hero-text h1, body.page-home .hero-main h1 { width:100% !important; max-width:720px !important; } /* Badge stays large without controlling whole column */ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { width:430px !important; max-width:430px !important; } } /* FIX HOMEPAGE HERO WIDTH AFTER BADGE PATCH */ @media (min-width:901px){ body.page-home .hero-copy, body.page-home .hero-content, body.page-home .hero-left, body.page-home .hero-text, body.page-home .hero-main, body.page-home .hero-inner > div:first-child { width:100% !important; max-width:720px !important; min-width:0 !important; } body.page-home .hero-copy h1, body.page-home .hero-content h1, body.page-home .hero-left h1, body.page-home .hero-text h1, body.page-home .hero-main h1 { width:100% !important; max-width:720px !important; } /* Badge stays large without controlling whole column */ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .home-hero-badge, body.page-home .home-hero-kicker { width:430px !important; max-width:430px !important; } } /* ============================================ HOMEPAGE HERO BADGE — RESTORED ORIGINAL LOOK ============================================ */ @media (min-width:901px) { /* Never allow badge to resize hero column */ body.page-home .hero-copy, body.page-home .hero-content, body.page-home .hero-left, body.page-home .hero-text, body.page-home .hero-main { width:auto !important; min-width:0 !important; } } /* Exact visual size of original small badge */ body.page-home .hero-eyebrow, body.page-home .hero-badge, body.page-home .hero-kicker, body.page-home .home-hero-badge, body.page-home .home-hero-kicker, body.page-home .suite-badge, body.page-home .suite-hero-badge { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:0 !important; max-width:none !important; height:auto !important; min-height:0 !important; padding:7px 13px !important; background:rgba(100,255,50,.07) !important; border:1px solid rgba(100,255,50,.35) !important; border-radius:999px !important; box-shadow:none !important; color:#e2f8c9 !important; font-size:12px !important; line-height:1.2 !important; font-weight:500 !important; letter-spacing:0 !important; white-space:nowrap !important; text-align:left !important; } /* H1 — only ~5px smaller than current/original design */ h1 { font-size: calc(var(--h1-size, 1em) - 5px); } /* ========================================= GLOBAL LARGE TITLES — ORIGINAL SIZE MINUS ~5PX ========================================= */ /* Homepage main hero */ body.page-home h1 { font-size: 55px !important; } /* Main page titles */ body:not(.page-home) main h1 { font-size: 43px !important; } /* Large section titles */ main h2 { font-size: 37px !important; } /* Mobile: also reduce around 4–5px from existing design */ @media(max-width:900px){ body.page-home h1 { font-size: 39px !important; } body:not(.page-home) main h1 { font-size: 31px !important; } main h2 { font-size: 27px !important; } } /* home-mobile-hero-clean.css */ /* ========================================================= RUTSS HOMEPAGE MOBILE HERO ONE CLEAN OUTER CARD ONLY ========================================================= */ @media (max-width:900px){ body.page-index .hero{ padding:14px 0 22px !important; margin:0 !important; background:transparent !important; } /* MAIN HERO WRAPPER */ body.page-index .hero .container.hero-inner{ width:calc(100% - 16px) !important; max-width:none !important; min-width:0 !important; margin:0 8px !important; padding:20px 18px !important; display:block !important; background:#ffffff !important; border:1px solid #d5e1ec !important; border-radius:22px !important; box-shadow:none !important; overflow:hidden !important; box-sizing:border-box !important; } /* REMOVE THE INNER COPY CARD COMPLETELY */ body.page-index .hero-copy{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; outline:0 !important; border-radius:0 !important; box-shadow:none !important; filter:none !important; box-sizing:border-box !important; } body.page-index .hero-copy::before, body.page-index .hero-copy::after{ display:none !important; content:none !important; border:0 !important; box-shadow:none !important; } /* HERO TEXT USES THE WHOLE CARD */ body.page-index .hero-copy .badge{ margin:0 0 18px !important; } body.page-index .hero-copy h1{ width:100% !important; max-width:100% !important; margin:0 0 18px !important; font-size:31px !important; line-height:1.12 !important; color:#071f3d !important; word-break:normal !important; overflow-wrap:normal !important; } body.page-index .hero-copy > p{ width:100% !important; max-width:100% !important; margin:0 0 24px !important; font-size:17px !important; line-height:1.7 !important; color:#5a7490 !important; word-break:normal !important; overflow-wrap:normal !important; } /* LOGIN GATE - NO INNER CARD */ body.page-index .scan-login-gate{ width:100% !important; max-width:100% !important; margin:22px 0 0 !important; padding:0 !important; display:block !important; background:transparent !important; border:0 !important; outline:0 !important; border-radius:0 !important; box-shadow:none !important; } body.page-index .scan-login-gate > div{ margin:0 0 16px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } body.page-index .scan-login-gate b{ display:block !important; margin-bottom:6px !important; } body.page-index .scan-login-gate span{ display:block !important; } body.page-index .scan-login-gate .btn{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; } /* HIDE SECOND HERO PANEL ON MOBILE This is the demo-score/report card shown underneath. Desktop remains unchanged. */ body.page-index .hero-panel{ display:none !important; } /* HERO LINKS */ body.page-index .hero-links{ width:100% !important; margin-top:18px !important; display:flex !important; flex-wrap:wrap !important; gap:10px !important; } body.page-index .hero-links a{ max-width:100% !important; } } /* HOMEPAGE MOBILE — COLOR / READABILITY ONLY */ @media (max-width:900px){ /* top badge */ body.page-index .hero-copy .badge{ color:#4a6b19 !important; background:#f1fae8 !important; border-color:#b7d98a !important; font-weight:700 !important; } /* hero paragraph */ body.page-index .hero-copy > p{ color:#4f6f8e !important; } /* login helper text */ body.page-index .scan-login-gate b{ color:#0b2746 !important; font-weight:600 !important; } body.page-index .scan-login-gate span{ color:#6a8198 !important; } /* bottom links */ body.page-index .hero-links .ghost-link{ color:#315b84 !important; opacity:1 !important; font-weight:500 !important; } body.page-index .hero-links .ghost-link:hover{ color:#173f69 !important; } } /* DARK SECTION MOBILE TEXT VISIBILITY */ @media (max-width:900px){ body.page-index .dark-section .eyebrow{ color:#9ab6d3 !important; } body.page-index .dark-section h2{ color:#f4f8fc !important; } body.page-index .dark-section p{ color:#b9c9da !important; } } /* MOBILE — REDUCE FONT WEIGHT ON UI ELEMENTS */ @media (max-width:900px){ /* Main green CTA buttons */ body.page-index .btn.lime, body.page-index .scan-login-gate .btn, body.page-index .dark-section .btn.lime{ font-weight:600 !important; } /* Tool cards */ body.page-index .tool-cloud a b{ font-weight:600 !important; } /* Stack / evidence values */ body.page-index .stack-card strong, body.page-index .stack-card .good, body.page-index .stack-card .warn{ font-weight:600 !important; } /* Numeric values */ body.page-index .stack-card strong{ letter-spacing:0 !important; } /* Section headings slightly softer */ body.page-index .section-head h2{ font-weight:600 !important; } } /* RUTSS mobile checklist layout */ @media (max-width:520px){ body.page-index .checklist{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; width:100% !important; margin:22px 0 0 !important; padding:0 !important; } body.page-index .checklist li{ width:100% !important; min-width:0 !important; margin:0 !important; box-sizing:border-box !important; line-height:1.55 !important; } }