/*
 * NetRakam 2.0 — Design System / Module 1
 * Purpose: shared visual tokens + backward-compatible theme bridge.
 * Structural redesigns (header, hero, tools hub) are intentionally deferred.
 */

:root{
  /* Brand */
  --nr2-brand-50:#ecfdf8;
  --nr2-brand-100:#d2f9ee;
  --nr2-brand-200:#a8f1dc;
  --nr2-brand-300:#72e6c5;
  --nr2-brand-400:#45dbb1;
  --nr2-brand-500:#27c99f;
  --nr2-brand-600:#16a886;
  --nr2-brand-700:#12856d;
  --nr2-brand-800:#116958;
  --nr2-brand-900:#105548;
  --nr2-brand-glow:rgba(69,219,177,.22);

  /* Dark premium canvas sampled from the approved visual direction */
  --nr2-navy-950:#04131d;
  --nr2-navy-925:#061924;
  --nr2-navy-900:#08202b;
  --nr2-navy-850:#0a2631;
  --nr2-navy-800:#0d2d38;
  --nr2-navy-750:#123742;

  /* Light canvas */
  --nr2-paper:#f6f8f7;
  --nr2-paper-soft:#f9fbfa;
  --nr2-surface:#ffffff;
  --nr2-surface-raised:#ffffff;
  --nr2-line:#dbe6e2;
  --nr2-line-strong:#c4d6d0;
  --nr2-text:#10272b;
  --nr2-text-soft:#50666a;
  --nr2-text-muted:#718488;

  /* Semantic */
  --nr2-success:#15986f;
  --nr2-warning:#b7791f;
  --nr2-danger:#c94d5d;
  --nr2-info:#2787a8;

  /* Shape / depth */
  --nr2-radius-sm:10px;
  --nr2-radius-md:14px;
  --nr2-radius-lg:18px;
  --nr2-radius-xl:24px;
  --nr2-radius-2xl:30px;
  --nr2-shadow-xs:0 1px 2px rgba(4,19,29,.04);
  --nr2-shadow-sm:0 8px 24px rgba(4,19,29,.06);
  --nr2-shadow-md:0 18px 46px rgba(4,19,29,.09);
  --nr2-shadow-lg:0 28px 70px rgba(4,19,29,.13);
  --nr2-focus:0 0 0 4px rgba(69,219,177,.18);
  --nr2-transition:180ms cubic-bezier(.2,.8,.2,1);

  /* Backward compatibility with existing NetRakam variables */
  --nr-primary:var(--nr2-brand-700);
  --nr-primary-hover:var(--nr2-brand-800);
  --nr-accent:var(--nr2-brand-400);
  --nr-bg:var(--nr2-paper);
  --nr-surface:var(--nr2-surface);
  --nr-border:var(--nr2-line);
  --nr-text:var(--nr2-text);
  --nr-muted:var(--nr2-text-muted);
}

html[data-theme="light"]{
  color-scheme:light;
  --nr2-page:var(--nr2-paper);
  --nr2-page-elevated:#fbfdfc;
  --nr2-card:#fff;
  --nr2-card-soft:#f4f8f6;
  --nr2-card-glass:rgba(255,255,255,.84);
  --nr2-border:var(--nr2-line);
  --nr2-border-strong:var(--nr2-line-strong);
  --nr2-heading:var(--nr2-text);
  --nr2-copy:var(--nr2-text-soft);
  --nr2-muted:var(--nr2-text-muted);
  --nr2-input:#fff;
  --nr2-input-hover:#fbfdfc;
  --nr2-header-glass:rgba(249,251,250,.88);
  --nr2-on-brand:#03251d;
}

html[data-theme="dark"]{
  color-scheme:dark;
  --nr2-page:var(--nr2-navy-950);
  --nr2-page-elevated:var(--nr2-navy-925);
  --nr2-card:var(--nr2-navy-900);
  --nr2-card-soft:var(--nr2-navy-850);
  --nr2-card-glass:rgba(8,32,43,.78);
  --nr2-border:rgba(126,225,197,.14);
  --nr2-border-strong:rgba(126,225,197,.24);
  --nr2-heading:#f4fbf9;
  --nr2-copy:#bfd0d1;
  --nr2-muted:#8ca5a8;
  --nr2-input:#081f29;
  --nr2-input-hover:#0b2832;
  --nr2-header-glass:rgba(4,19,29,.84);
  --nr2-on-brand:#03251d;
  --nr2-shadow-xs:0 1px 2px rgba(0,0,0,.18);
  --nr2-shadow-sm:0 10px 30px rgba(0,0,0,.18);
  --nr2-shadow-md:0 22px 55px rgba(0,0,0,.25);
  --nr2-shadow-lg:0 34px 90px rgba(0,0,0,.32);
}

/* Global canvas and typography bridge */
html{background:var(--nr2-page);scroll-behavior:smooth}
body{
  background:var(--nr2-page);
  color:var(--nr2-copy);
  transition:background-color var(--nr2-transition),color var(--nr2-transition);
}
::selection{background:rgba(69,219,177,.3);color:var(--nr2-heading)}

/* Existing utility bridge: remove the old indigo identity without changing templates. */
.bg-brand-50,.bg-indigo-50{background-color:var(--nr2-brand-50)!important}
.bg-brand-600{background-color:var(--nr2-brand-700)!important}
.text-brand-600,.text-brand-700,.text-indigo-500,.text-indigo-700{color:var(--nr2-brand-700)!important}
.border-indigo-100{border-color:var(--nr2-brand-100)!important}
.from-brand-50{--tw-gradient-from:var(--nr2-brand-50)!important}
.from-indigo-600{--tw-gradient-from:var(--nr2-brand-700)!important}
.to-cyan-600{--tw-gradient-to:#169ba0!important}
.shadow-brand-600\/30{box-shadow:0 12px 28px rgba(22,168,134,.24)!important}
.peer:checked~.peer-checked\:bg-brand-600{background-color:var(--nr2-brand-700)!important}
.peer:checked~.peer-checked\:text-brand-700{color:var(--nr2-brand-700)!important}
.hover\:bg-brand-700:hover{background-color:var(--nr2-brand-800)!important}
.hover\:text-brand-700:hover{color:var(--nr2-brand-800)!important}
.focus\:ring-brand-500:focus{--tw-ring-color:rgba(39,201,159,.34)!important}

/* Shared surfaces. Selectors deliberately cover current components while keeping structure intact. */
html[data-theme] .nr-card,
html[data-theme] .tool-card,
html[data-theme] .category-card,
html[data-theme] .nr-panel,
html[data-theme] .nr-search-card,
html[data-theme] .nr-personal-card{
  border-color:var(--nr2-border);
  background:var(--nr2-card);
  box-shadow:var(--nr2-shadow-xs);
  transition:border-color var(--nr2-transition),background-color var(--nr2-transition),box-shadow var(--nr2-transition),transform var(--nr2-transition);
}
html[data-theme] .nr-card:hover,
html[data-theme] .tool-card:hover,
html[data-theme] .category-card:hover,
html[data-theme] .nr-search-card:hover,
html[data-theme] .nr-personal-card:hover{
  border-color:var(--nr2-border-strong);
  box-shadow:var(--nr2-shadow-sm);
}

/* Generic controls: visual foundation only; page-specific layout stays untouched. */
html[data-theme] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme] select,
html[data-theme] textarea{
  border-color:var(--nr2-border);
  background:var(--nr2-input);
  color:var(--nr2-heading);
  transition:border-color var(--nr2-transition),box-shadow var(--nr2-transition),background-color var(--nr2-transition);
}
html[data-theme] input:not([type="checkbox"]):not([type="radio"]):hover,
html[data-theme] select:hover,
html[data-theme] textarea:hover{border-color:var(--nr2-border-strong);background:var(--nr2-input-hover)}
html[data-theme] input:not([type="checkbox"]):not([type="radio"]):focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus{border-color:var(--nr2-brand-500);box-shadow:var(--nr2-focus);outline:none}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--nr2-muted);opacity:.9}

/* Accessible focus language shared by every upcoming module. */
html[data-theme] :where(a,button,[role="button"],[tabindex]):focus-visible{
  outline:2px solid var(--nr2-brand-400);
  outline-offset:3px;
}

/* Buttons that currently use the legacy brand utility inherit the new palette. */
html[data-theme] .bg-brand-600,
html[data-theme] button.bg-brand-600,
html[data-theme] a.bg-brand-600{
  background:linear-gradient(135deg,var(--nr2-brand-500),var(--nr2-brand-700))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 26px rgba(22,168,134,.2);
}
html[data-theme] .bg-brand-600:hover,
html[data-theme] button.bg-brand-600:hover,
html[data-theme] a.bg-brand-600:hover{filter:brightness(1.035);box-shadow:0 14px 32px rgba(22,168,134,.27)}

/* Calculator bridge: replaces the remaining violet/indigo product language. */
html[data-theme] .calc-shell,
html[data-theme] .calc-panel,
html[data-theme] .calc-form,
html[data-theme] .calc-result,
html[data-theme] .nr-smart-result,
html[data-theme] .nr-examples,
html[data-theme] .legal-result-notice{
  border-color:var(--nr2-border);
}
html[data-theme="light"] .calc-form,
html[data-theme="light"] .calc-result,
html[data-theme="light"] .nr-examples,
html[data-theme="light"] .legal-result-notice{background:var(--nr2-card)}
html[data-theme="dark"] .calc-form,
html[data-theme="dark"] .calc-result,
html[data-theme="dark"] .nr-examples,
html[data-theme="dark"] .legal-result-notice{background:var(--nr2-card)}

html[data-theme] .calc-btn,
html[data-theme] .calc-submit,
html[data-theme] [data-calc-submit],
html[data-theme] .nr-primary-btn{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--nr2-brand-500),var(--nr2-brand-700))!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(22,168,134,.22)!important;
  transition:transform var(--nr2-transition),box-shadow var(--nr2-transition),filter var(--nr2-transition)!important;
}
html[data-theme] .calc-btn:hover,
html[data-theme] .calc-submit:hover,
html[data-theme] [data-calc-submit]:hover,
html[data-theme] .nr-primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(22,168,134,.3)!important;filter:brightness(1.04)}
html[data-theme] .calc-btn:active,
html[data-theme] .calc-submit:active,
html[data-theme] [data-calc-submit]:active{transform:translateY(0)}

html[data-theme] .nr-example-card.active{border-color:var(--nr2-brand-500)!important;background:rgba(69,219,177,.1)!important}
html[data-theme] .nr-example-card em,
html[data-theme] .nr-example-reset,
html[data-theme] .legal-result-notice a,
html[data-theme] .nr-quality-note a{color:var(--nr2-brand-600)!important}
html[data-theme] .nr-example-card:focus-visible,
html[data-theme] .nr-example-reset:focus-visible,
html[data-theme] .nr-quality-badge:focus-visible{outline-color:rgba(69,219,177,.4)!important}

/* SEO / related-card bridge */
html[data-theme] .nr-seo-guide,
html[data-theme] .nr-seo-toc,
html[data-theme] .nr-seo-essentials>div,
html[data-theme] .nr-seo-checklist li,
html[data-theme] .nr-seo-questions details,
html[data-theme] .nr-seo-links a,
html[data-theme] .nr-program-related-grid>a{
  border-color:var(--nr2-border)!important;
}
html[data-theme="dark"] .nr-seo-guide,
html[data-theme="dark"] .nr-seo-toc,
html[data-theme="dark"] .nr-seo-essentials>div,
html[data-theme="dark"] .nr-seo-checklist li,
html[data-theme="dark"] .nr-seo-questions details,
html[data-theme="dark"] .nr-seo-links a,
html[data-theme="dark"] .nr-program-related-grid>a{
  background:var(--nr2-card)!important;
}
html[data-theme] .nr-seo-toc a,
html[data-theme] .nr-seo-sources a,
html[data-theme] .nr-program-related-grid em{color:var(--nr2-brand-700)!important}
html[data-theme="dark"] .nr-seo-toc a,
html[data-theme="dark"] .nr-seo-sources a,
html[data-theme="dark"] .nr-program-related-grid em{color:var(--nr2-brand-300)!important}

/* Cookie / modal surfaces */
html[data-theme] .nr-cookie-banner,
html[data-theme] .nr-cookie-panel{
  background:var(--nr2-card)!important;
  border-color:var(--nr2-border)!important;
  color:var(--nr2-copy);
  box-shadow:var(--nr2-shadow-lg);
}
html[data-theme] .nr-cookie-banner strong,
html[data-theme] .nr-cookie-panel h3,
html[data-theme] .nr-cookie-panel b{color:var(--nr2-heading)!important}
html[data-theme] .nr-cookie-banner p,
html[data-theme] .nr-cookie-panel>p,
html[data-theme] .nr-cookie-panel small{color:var(--nr2-muted)!important}
html[data-theme] .nr-cookie-banner a{color:var(--nr2-brand-600)!important}
html[data-theme] .nr-cookie-actions button:last-child,
html[data-theme] .nr-cookie-save{background:var(--nr2-brand-700)!important;border-color:var(--nr2-brand-700)!important}

/* Dark-mode compatibility bridge for common legacy Tailwind-like utilities. */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white\/90{background-color:var(--nr2-card)!important}
html[data-theme="dark"] .bg-slate-50{background-color:var(--nr2-card-soft)!important}
html[data-theme="dark"] .bg-slate-100{background-color:var(--nr2-navy-800)!important}
html[data-theme="dark"] .border-slate-100,
html[data-theme="dark"] .border-slate-200,
html[data-theme="dark"] .border-slate-300{border-color:var(--nr2-border)!important}
html[data-theme="dark"] .text-slate-950,
html[data-theme="dark"] .text-slate-900,
html[data-theme="dark"] .text-slate-800{color:var(--nr2-heading)!important}
html[data-theme="dark"] .text-slate-700,
html[data-theme="dark"] .text-slate-600{color:var(--nr2-copy)!important}
html[data-theme="dark"] .text-slate-500,
html[data-theme="dark"] .text-slate-400{color:var(--nr2-muted)!important}
html[data-theme="dark"] .prose{color:var(--nr2-copy)!important}
html[data-theme="dark"] .prose h2,
html[data-theme="dark"] .prose h3{color:var(--nr2-heading)!important}

/* Dark background gets depth without using a heavy photographic asset. */
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 10% -10%,rgba(69,219,177,.08),transparent 31rem),
    radial-gradient(circle at 92% 9%,rgba(39,135,168,.08),transparent 34rem),
    var(--nr2-page);
  background-attachment:fixed;
}

/* Reduced motion: the design system must stay calm and accessible. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

@media(max-width:640px){
  :root{--nr2-radius-xl:20px;--nr2-radius-2xl:24px}
}

/* ========================================================================== 
   Module 2 — NetRakam 2.0 Header / Navigation
   ========================================================================== */
.nr2-header{
  position:sticky;top:0;z-index:40;
  border-bottom:1px solid var(--nr2-border);
  background:var(--nr2-header-glass);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:0 1px 0 rgba(255,255,255,.025);
}
.nr2-header-container{max-width:1480px!important}
.nr2-header-row{min-height:70px;display:flex;align-items:center;gap:14px}
.nr2-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none}
.nr2-brand-logo{display:block;width:auto;max-width:190px;height:38px;object-fit:contain}
.nr2-brand-symbol{width:32px;height:31px;display:flex;align-items:flex-end;gap:3px}
.nr2-brand-symbol i{display:block;width:7px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--nr2-brand-300),var(--nr2-brand-600));box-shadow:0 0 16px rgba(69,219,177,.22)}
.nr2-brand-symbol i:nth-child(1){height:13px}.nr2-brand-symbol i:nth-child(2){height:21px}.nr2-brand-symbol i:nth-child(3){height:29px}
.nr2-brand-text{display:flex;align-items:baseline;font-size:24px;font-weight:800;letter-spacing:-.055em;line-height:1;color:var(--nr2-heading)}
.nr2-brand-text em{font-style:normal;font-weight:600;color:var(--nr2-brand-400);letter-spacing:-.04em}

.nr2-desktop-nav{display:none;align-items:center;gap:2px;flex:0 0 auto}
.nr2-desktop-nav a{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid transparent;border-radius:11px;color:var(--nr2-copy);font-size:12px;font-weight:750;white-space:nowrap;transition:var(--nr2-transition)}
.nr2-desktop-nav a .nr-ui-icon{width:17px;height:17px;color:var(--nr2-muted);transition:var(--nr2-transition)}
.nr2-desktop-nav a:hover{background:rgba(69,219,177,.07);color:var(--nr2-heading)}
.nr2-desktop-nav a:hover .nr-ui-icon,.nr2-desktop-nav a.is-active .nr-ui-icon{color:var(--nr2-brand-400)}
.nr2-desktop-nav a.is-active{background:rgba(69,219,177,.09);border-color:rgba(69,219,177,.15);color:var(--nr2-heading)}
.nr2-desktop-nav a.is-active:after{content:"";position:absolute;left:13px;right:13px;bottom:-15px;height:2px;border-radius:99px;background:var(--nr2-brand-400);box-shadow:0 0 12px var(--nr2-brand-glow)}

.nr2-header-actions{display:none;align-items:center;gap:7px;min-width:0;margin-left:auto}
.nr2-header-search{height:44px;width:clamp(250px,29vw,410px);display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 8px 5px 13px;border:1px solid var(--nr2-border);border-radius:13px;background:var(--nr2-card-glass);color:var(--nr2-copy);text-align:left;box-shadow:var(--nr2-shadow-xs);transition:var(--nr2-transition)}
.nr2-header-search:hover{border-color:var(--nr2-border-strong);background:var(--nr2-card);box-shadow:var(--nr2-shadow-sm);transform:translateY(-1px)}
.nr2-header-search .nr-ui-icon{width:18px;height:18px;color:var(--nr2-brand-400)}
.nr2-search-copy{display:block;min-width:0;line-height:1.05}
.nr2-search-copy b,.nr2-search-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr2-search-copy b{font-size:10.5px;color:var(--nr2-heading);font-weight:750}.nr2-search-copy small{margin-top:3px;font-size:8.5px;color:var(--nr2-muted)}
.nr2-header-search kbd{font:750 8px/1 Manrope,system-ui,sans-serif;padding:5px 6px;border:1px solid var(--nr2-border);border-bottom-width:2px;border-radius:7px;background:var(--nr2-card-soft);color:var(--nr2-muted)}
.nr2-icon-action{position:relative;height:42px;min-width:42px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--nr2-border);border-radius:12px;background:var(--nr2-card-glass);color:var(--nr2-copy);font-size:10px;font-weight:750;transition:var(--nr2-transition)}
button.nr2-icon-action{font-family:inherit;cursor:pointer}
.nr2-icon-action .nr-ui-icon,.nr2-theme-action [data-theme-icon] .nr-ui-icon{width:17px;height:17px}
.nr2-icon-action:hover,.nr2-icon-action.is-active{border-color:var(--nr2-border-strong);background:rgba(69,219,177,.08);color:var(--nr2-heading)}
.nr2-icon-action.is-active{color:var(--nr2-brand-600)}
.nr2-favorite-count{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--nr2-page);border-radius:99px;background:var(--nr2-brand-500);color:#03251d;font-style:normal;font-size:8px;font-weight:800}
.nr2-action-label{display:none}

.nr2-compact-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.nr2-compact-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--nr2-border);border-radius:12px;background:var(--nr2-card-glass);color:var(--nr2-copy);transition:var(--nr2-transition)}
.nr2-compact-btn:hover{border-color:var(--nr2-border-strong);background:rgba(69,219,177,.08);color:var(--nr2-brand-500)}
.nr2-compact-btn .nr-ui-icon,.nr2-menu-btn svg{width:20px;height:20px}

.nr2-mobile-menu{padding:2px 0 16px;border-top:1px solid var(--nr2-border)}
.nr2-mobile-primary{padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nr2-mobile-primary>a,.nr2-mobile-primary>button{min-height:76px;display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--nr2-border);border-radius:15px;background:var(--nr2-card-glass);color:var(--nr2-copy);text-align:left;transition:var(--nr2-transition)}
.nr2-mobile-primary>button{font-family:inherit;cursor:pointer}
.nr2-mobile-primary .nr-ui-icon{width:20px;height:20px;flex:0 0 auto;margin-top:1px;color:var(--nr2-brand-400)}
.nr2-mobile-primary span{display:flex;min-width:0;flex-direction:column}.nr2-mobile-primary b{color:var(--nr2-heading);font-size:12px}.nr2-mobile-primary small{margin-top:3px;color:var(--nr2-muted);font-size:9px;line-height:1.35}
.nr2-mobile-primary>a:hover,.nr2-mobile-primary>button:hover,.nr2-mobile-primary .is-active{border-color:var(--nr2-border-strong);background:rgba(69,219,177,.08)}
.nr2-mobile-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.nr2-mobile-secondary>a,.nr2-mobile-secondary>button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:1px solid var(--nr2-border);border-radius:12px;background:transparent;color:var(--nr2-copy);font:700 10px/1.2 Manrope,system-ui,sans-serif;transition:var(--nr2-transition)}
.nr2-mobile-secondary .nr-ui-icon{width:16px;height:16px;color:var(--nr2-brand-400)}
.nr2-mobile-secondary i{font-style:normal}
.nr2-mobile-more{margin-top:10px;border-top:1px solid var(--nr2-border);padding-top:9px}
.nr2-mobile-more summary{cursor:pointer;list-style:none;padding:8px 3px;color:var(--nr2-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.nr2-mobile-more summary::-webkit-details-marker{display:none}.nr2-mobile-more summary:after{content:"+";float:right;font-size:14px;color:var(--nr2-brand-500)}.nr2-mobile-more[open] summary:after{content:"−"}
.nr2-mobile-more>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:3px}.nr2-mobile-more a{padding:9px 10px;border-radius:9px;color:var(--nr2-copy);font-size:10.5px;font-weight:650}.nr2-mobile-more a:hover{background:rgba(69,219,177,.07);color:var(--nr2-heading)}

html[data-theme="dark"] .nr2-header{box-shadow:0 10px 32px rgba(0,0,0,.12)}
html[data-theme="dark"] .nr2-header-search,html[data-theme="dark"] .nr2-icon-action,html[data-theme="dark"] .nr2-compact-btn,html[data-theme="dark"] .nr2-mobile-primary>a,html[data-theme="dark"] .nr2-mobile-primary>button{box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}

@media(min-width:760px){
  .nr2-header-row{min-height:72px}
  .nr2-brand-logo{height:40px;max-width:205px}
  .nr2-mobile-primary{grid-template-columns:repeat(4,1fr)}
  .nr2-mobile-more>div{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:980px){
  .nr2-desktop-nav{display:flex}
  .nr2-header-actions{display:flex}
  .nr2-compact-actions{display:none}
  .nr2-mobile-menu{display:none!important}
  .nr2-header-search{width:clamp(220px,24vw,330px)}
}
@media(min-width:1180px){
  .nr2-header-row{gap:18px}
  .nr2-desktop-nav a{padding-left:12px;padding-right:12px;font-size:12.5px}
  .nr2-header-search{width:clamp(270px,27vw,390px)}
  .nr2-action-label{display:inline}
}
@media(max-width:979px){
  .nr2-header-container{max-width:none!important}
}
@media(max-width:560px){
  .nr2-header-row{min-height:64px;gap:8px}
  .nr2-brand-logo{height:34px;max-width:165px}
  .nr2-brand-text{font-size:21px}
  .nr2-brand-symbol{transform:scale(.88);transform-origin:left center;margin-right:-2px}
  .nr2-compact-btn{width:39px;height:39px;border-radius:11px}
  .nr2-mobile-primary{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .nr2-brand-logo{max-width:145px;height:31px}
  .nr2-brand-text{font-size:19px}
  .nr2-mobile-primary{grid-template-columns:1fr}
}

/* =========================================================
   NetRakam 2.0 — Module 3 / Home Hero
   Premium navy + mint direction, adapted for real web use.
   ========================================================= */
.nr2-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid rgba(103,229,194,.13)!important;
  background:
    radial-gradient(900px 520px at 78% 34%,rgba(39,201,159,.16),transparent 64%),
    radial-gradient(700px 420px at 8% 12%,rgba(39,135,168,.16),transparent 62%),
    linear-gradient(135deg,#04131d 0%,#061c27 47%,#082530 100%)!important;
  color:#f4fbf9;
}
.nr2-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.24;background-image:linear-gradient(rgba(114,230,197,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,230,197,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,rgba(0,0,0,.92),transparent 72%)}
.nr2-hero:after{content:"";position:absolute;z-index:-1;left:-14%;right:-14%;bottom:-355px;height:490px;border-radius:50%;border:1px solid rgba(114,230,197,.11);box-shadow:0 -70px 150px rgba(39,201,159,.055)}
.nr2-hero-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none}.nr2-hero-ambient i{position:absolute;border-radius:999px;filter:blur(2px);background:rgba(69,219,177,.15)}.nr2-hero-ambient i:nth-child(1){width:6px;height:6px;left:8%;top:22%;box-shadow:130px 220px 0 rgba(69,219,177,.12),260px -70px 0 rgba(69,219,177,.1)}.nr2-hero-ambient i:nth-child(2){width:3px;height:3px;right:18%;top:17%;box-shadow:-90px 390px 0 rgba(114,230,197,.18),150px 250px 0 rgba(114,230,197,.12)}.nr2-hero-ambient i:nth-child(3){width:1px;height:160px;right:34%;top:0;border-radius:0;background:linear-gradient(transparent,rgba(114,230,197,.2),transparent);transform:rotate(25deg)}
.nr2-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:68px;min-height:690px;padding:72px 24px 58px;position:relative;z-index:2}
.nr2-hero-copy{max-width:760px}.nr2-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#a9c4c4;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nr2-live-dot{width:8px;height:8px;border-radius:50%;background:#45dbb1;box-shadow:0 0 0 5px rgba(69,219,177,.11),0 0 18px rgba(69,219,177,.56)}
.nr2-hero h1{margin:22px 0 20px!important;color:#f7fcfb!important;font-size:clamp(3.1rem,5.6vw,5.8rem)!important;line-height:.96!important;letter-spacing:-.066em!important;font-weight:820!important;text-wrap:balance}.nr2-hero h1 span{color:#69ebc6!important;text-shadow:0 0 34px rgba(69,219,177,.12)}
.nr2-hero-copy>p{max-width:720px!important;margin:0;color:#b7cbcd!important;font-size:16px!important;line-height:1.8!important}
.nr2-hero-search{width:min(720px,100%)!important;margin-top:30px!important;display:grid!important;grid-template-columns:46px 1fr auto!important;gap:13px!important;align-items:center!important;padding:10px 12px 10px 10px!important;border:1px solid rgba(114,230,197,.24)!important;border-radius:18px!important;background:rgba(7,32,42,.82)!important;backdrop-filter:blur(16px);box-shadow:0 24px 56px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;color:#f5fcfa!important;transition:transform var(--nr2-transition),border-color var(--nr2-transition),box-shadow var(--nr2-transition)!important}.nr2-hero-search:hover{transform:translateY(-2px)!important;border-color:rgba(114,230,197,.56)!important;box-shadow:0 28px 68px rgba(0,0,0,.3),0 0 0 4px rgba(69,219,177,.055)!important}.nr2-search-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(69,219,177,.18),rgba(39,201,159,.06));color:#72e6c5;border:1px solid rgba(114,230,197,.15)}.nr2-search-copy{text-align:left;min-width:0}.nr2-search-copy b{font-size:13px!important;color:#f3fbf9!important;letter-spacing:-.01em}.nr2-search-copy small{display:block!important;margin-top:3px!important;color:#7f9da0!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nr2-search-shortcut{display:flex;gap:4px}.nr2-search-shortcut kbd{min-width:27px;padding:6px 7px!important;border:1px solid rgba(140,180,177,.2)!important;border-bottom-color:rgba(140,180,177,.35)!important;border-radius:7px!important;background:#0a2833!important;color:#89aaa9!important;font:700 9px/1 Manrope,sans-serif!important;text-align:center!important}
.nr2-hero-shortcuts{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px!important;margin-top:12px!important;max-width:720px}.nr2-hero-shortcuts a{min-width:0;display:flex!important;align-items:center;gap:7px;padding:9px 10px!important;border:1px solid rgba(114,230,197,.095);border-radius:12px!important;background:rgba(7,31,40,.45)!important;color:#a9c1c1!important;font-size:10px!important;font-weight:700!important;transition:all var(--nr2-transition)}.nr2-hero-shortcuts a:hover{transform:translateY(-1px);border-color:rgba(114,230,197,.26);background:rgba(10,45,55,.68)!important;color:#e8faf5!important}.nr2-hero-shortcuts svg{width:15px;height:15px;color:#52dcb4;flex:0 0 auto}.nr2-hero-shortcuts b{overflow:hidden;text-overflow:ellipsis}.nr2-hero-shortcuts i{margin-left:auto;font-style:normal;color:#5d8b88}.nr2-hero-shortcuts em{display:none}
.nr2-hero-proof{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px;color:#7f9b9c}.nr2-hero-proof span{display:inline-flex;align-items:center;gap:7px;font-size:9px}.nr2-hero-proof svg{width:14px;height:14px;color:#45dbb1}.nr2-hero-proof b{font-weight:700;color:#9db5b6}
.nr2-hero-showcase{position:relative;min-height:500px;display:grid;place-items:center;perspective:1000px}.nr2-showcase-glow{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(69,219,177,.18),rgba(69,219,177,.04) 48%,transparent 72%);filter:blur(10px);animation:nr2HeroPulse 6s ease-in-out infinite}
.nr2-showcase-window{position:relative;z-index:2;width:min(100%,475px);padding:18px;border:1px solid rgba(114,230,197,.22);border-radius:26px;background:linear-gradient(155deg,rgba(9,38,49,.95),rgba(5,24,33,.97));box-shadow:0 42px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset,0 0 60px rgba(39,201,159,.07);transform:rotateY(-4deg) rotateX(1deg);transform-origin:center;backdrop-filter:blur(20px)}.nr2-showcase-window:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.035);border-radius:20px;pointer-events:none}.nr2-showcase-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3px 2px 14px;border-bottom:1px solid rgba(114,230,197,.09);font-size:9px;color:#708f91}.nr2-showcase-brand{display:flex;align-items:flex-end;color:#f0faf7}.nr2-showcase-brand b{font-size:14px;letter-spacing:-.045em}.nr2-showcase-brand em{font-style:normal;color:#45dbb1;font-weight:800;font-size:13px}.nr2-mini-bars{display:flex;align-items:flex-end;gap:2px;height:16px;margin-right:6px}.nr2-mini-bars i{display:block;width:4px;border-radius:2px 2px 0 0;background:#45dbb1;box-shadow:0 0 10px rgba(69,219,177,.25)}.nr2-mini-bars i:nth-child(1){height:7px}.nr2-mini-bars i:nth-child(2){height:12px}.nr2-mini-bars i:nth-child(3){height:16px}.nr2-showcase-head{padding:21px 4px 15px}.nr2-showcase-head small{display:block;color:#799597;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.nr2-showcase-head strong{display:block;margin-top:6px;color:#edf9f6;font-size:20px;letter-spacing:-.045em}.nr2-showcase-tools{display:grid;gap:8px}.nr2-showcase-tools>a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(114,230,197,.095);border-radius:13px;background:linear-gradient(90deg,rgba(12,48,59,.72),rgba(8,37,48,.46));transition:all var(--nr2-transition)}.nr2-showcase-tools>a:hover{transform:translateX(3px);border-color:rgba(114,230,197,.28);background:rgba(13,54,65,.8)}.nr2-showcase-tool-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(69,219,177,.075);border:1px solid rgba(114,230,197,.1);color:#58dfb8}.nr2-showcase-tool-icon svg{width:20px;height:20px}.nr2-showcase-tools b{display:block;color:#dcebe9;font-size:10px}.nr2-showcase-tools small{display:block;margin-top:2px;color:#738f91;font-size:8px}.nr2-showcase-tools>a>i{font-style:normal;color:#5c908c;font-size:20px}.nr2-showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:11px 4px 2px;border-top:1px solid rgba(114,230,197,.08);font-size:8px;color:#718d8f}.nr2-showcase-footer>span{display:flex;align-items:center;gap:6px}.nr2-showcase-footer>span i{width:6px;height:6px;border-radius:50%;background:#45dbb1;box-shadow:0 0 12px rgba(69,219,177,.55)}.nr2-showcase-footer b{color:#8fb0ae;font-weight:700}
.nr2-floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(114,230,197,.2);border-radius:14px;background:rgba(8,37,47,.86);backdrop-filter:blur(12px);box-shadow:0 20px 48px rgba(0,0,0,.3)}.nr2-floating-card>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(69,219,177,.1);color:#58dfb8}.nr2-floating-card svg{width:16px;height:16px}.nr2-floating-card small,.nr2-floating-card b{display:block}.nr2-floating-card small{font-size:7px;color:#6f8d8e;text-transform:uppercase;letter-spacing:.09em}.nr2-floating-card b{font-size:9px;color:#cde0dc;margin-top:1px}.nr2-floating-card-a{left:-12px;bottom:76px}.nr2-floating-card-b{right:-5px;top:52px}
.nr2-hero-bottomline{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px 19px;color:#719092;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.nr2-hero-bottomline i{width:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(114,230,197,.35),transparent)}
html[data-theme="light"] .nr2-hero{background:radial-gradient(900px 520px at 78% 34%,rgba(39,201,159,.16),transparent 64%),radial-gradient(700px 420px at 8% 12%,rgba(39,135,168,.14),transparent 62%),linear-gradient(135deg,#04131d 0%,#061c27 47%,#082530 100%)!important;color:#f4fbf9}html[data-theme="light"] .nr2-hero h1{color:#f7fcfb!important}html[data-theme="light"] .nr2-hero-copy>p{color:#b7cbcd!important}
@keyframes nr2HeroPulse{0%,100%{transform:scale(.96);opacity:.8}50%{transform:scale(1.05);opacity:1}}
@media(max-width:1120px){.nr2-hero-grid{grid-template-columns:minmax(0,1fr) 400px;gap:38px}.nr2-hero-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.nr2-floating-card{display:none}}
@media(max-width:900px){.nr2-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:64px;padding-bottom:40px}.nr2-hero-copy{max-width:780px}.nr2-hero-showcase{min-height:440px}.nr2-showcase-window{transform:none}.nr2-hero h1{max-width:800px}.nr2-hero-copy>p{max-width:760px!important}}
@media(max-width:650px){.nr2-hero-grid{padding:48px 16px 28px!important;gap:32px}.nr2-hero-eyebrow{font-size:8px;letter-spacing:.12em}.nr2-hero h1{margin-top:16px!important;font-size:clamp(2.55rem,13vw,4rem)!important;line-height:.98!important}.nr2-hero-copy>p{font-size:13px!important;line-height:1.72!important}.nr2-hero-search{grid-template-columns:40px 1fr!important;margin-top:24px!important;padding:8px!important}.nr2-search-icon{width:40px;height:40px}.nr2-search-shortcut{display:none}.nr2-search-copy small{font-size:9px!important}.nr2-hero-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.nr2-hero-shortcuts a{padding:9px!important}.nr2-hero-proof{gap:13px;margin-top:20px}.nr2-hero-proof span{font-size:8px}.nr2-hero-showcase{min-height:0;display:block}.nr2-showcase-window{width:100%;padding:13px;border-radius:20px}.nr2-showcase-head{padding:17px 3px 12px}.nr2-showcase-head strong{font-size:17px}.nr2-showcase-tools>a{grid-template-columns:36px 1fr auto;padding:8px}.nr2-showcase-tool-icon{width:36px;height:36px}.nr2-showcase-footer b{display:none}.nr2-hero-bottomline{padding:12px 16px 16px;gap:8px;font-size:7px;letter-spacing:.07em}.nr2-hero-bottomline i{width:12px}}
@media(prefers-reduced-motion:reduce){.nr2-showcase-glow{animation:none}.nr2-showcase-window,.nr2-hero-search,.nr2-showcase-tools>a,.nr2-hero-shortcuts a{transition:none!important}}

/* =========================================================
   MODULE 4 — HOME INFORMATION ARCHITECTURE
   Daha kısa ana sayfa, daha güçlü keşif hiyerarşisi.
   ========================================================= */
.nr4-category-cta{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--nr2-border);border-radius:18px;background:var(--nr2-card-glass);box-shadow:var(--nr2-shadow-xs)}
.nr4-category-cta>div{min-width:0}.nr4-category-cta b,.nr4-category-cta span{display:block}.nr4-category-cta b{color:var(--nr2-heading);font-size:12px;letter-spacing:-.015em}.nr4-category-cta span{margin-top:4px;color:var(--nr2-muted);font-size:9.5px;line-height:1.55}.nr4-category-cta>a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 13px;border:1px solid rgba(69,219,177,.2);border-radius:11px;background:rgba(69,219,177,.08);color:var(--nr2-brand-600);font-size:9.5px;font-weight:800;transition:var(--nr2-transition)}.nr4-category-cta>a:hover{transform:translateY(-1px);border-color:rgba(69,219,177,.36);background:rgba(69,219,177,.13)}

.nr4-catalog-strip{padding:8px 24px 64px}.nr4-catalog-strip-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;border:1px solid rgba(69,219,177,.17);border-radius:22px;background:linear-gradient(125deg,rgba(69,219,177,.075),rgba(39,201,159,.025)),var(--nr2-card);box-shadow:var(--nr2-shadow-sm)}
.nr4-catalog-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(69,219,177,.18);background:rgba(69,219,177,.09);color:var(--nr2-brand-500)}.nr4-catalog-mark svg{width:25px;height:25px}.nr4-catalog-strip span{display:block;color:var(--nr2-brand-600);font-size:8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.nr4-catalog-strip h2{margin:4px 0 0;color:var(--nr2-heading);font-size:clamp(1.2rem,2vw,1.65rem);letter-spacing:-.035em;line-height:1.15}.nr4-catalog-strip p{margin:5px 0 0;color:var(--nr2-muted);font-size:9.5px;line-height:1.55}.nr4-catalog-strip>a,.nr4-catalog-strip-inner>a{display:inline-flex;align-items:center;gap:8px;min-height:43px;padding:0 15px;border:1px solid rgba(69,219,177,.23);border-radius:12px;background:linear-gradient(135deg,var(--nr2-brand-500),var(--nr2-brand-400));color:#03261d;font-size:10px;font-weight:850;box-shadow:0 12px 28px rgba(39,201,159,.13);transition:var(--nr2-transition)}.nr4-catalog-strip-inner>a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(39,201,159,.2)}.nr4-catalog-strip-inner>a b{font-size:14px}

/* Ana sayfada bölümler daha sıkı ve okunabilir olsun. */
.nr-home-section{padding-top:56px;padding-bottom:56px}.nr-home-section+.nr-home-section{padding-top:18px}.nr-category-band .nr-home-section{padding-top:56px;padding-bottom:56px}.nr-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nr-popular-card-primary{grid-column:auto}.nr-popular-card{min-height:154px}.nr-journey-card>p{min-height:0}.nr-home-centers{margin-top:-4px}

/* Koyu temada eski açık ana-sayfa kartlarını yeni sistemle birleştir. */
html[data-theme="dark"] .nr-popular-card,
html[data-theme="dark"] .nr-category-card,
html[data-theme="dark"] .nr-journey-card,
html[data-theme="dark"] .nr-center-light{background:var(--nr2-card)!important;border-color:var(--nr2-border)!important}
html[data-theme="dark"] .nr-category-band{background:rgba(4,19,29,.38)!important;border-color:var(--nr2-border)!important}
html[data-theme="dark"] .nr-popular-card h3,
html[data-theme="dark"] .nr-category-card h3,
html[data-theme="dark"] .nr-journey-card h3,
html[data-theme="dark"] .nr-center-light h2{color:var(--nr2-heading)!important}
html[data-theme="dark"] .nr-popular-card p,
html[data-theme="dark"] .nr-category-card p,
html[data-theme="dark"] .nr-journey-card>p,
html[data-theme="dark"] .nr-center-light p{color:var(--nr2-muted)!important}
html[data-theme="dark"] .nr-journey-card a{background:var(--nr2-card-soft)!important;color:var(--nr2-copy)!important}
html[data-theme="dark"] .nr-journey-card a:hover{background:rgba(69,219,177,.08)!important;color:var(--nr2-brand-400)!important}

@media(max-width:1000px){.nr-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nr4-catalog-strip-inner{grid-template-columns:52px minmax(0,1fr)}.nr4-catalog-strip-inner>a{grid-column:2;justify-self:start}.nr4-catalog-mark{width:52px;height:52px}}
@media(max-width:650px){.nr-home-section{padding-top:44px;padding-bottom:44px}.nr-category-band .nr-home-section{padding-top:44px;padding-bottom:44px}.nr-popular-grid{grid-template-columns:1fr}.nr4-category-cta{align-items:flex-start;flex-direction:column;padding:15px}.nr4-category-cta>a{width:100%}.nr4-catalog-strip{padding:0 16px 48px}.nr4-catalog-strip-inner{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px;border-radius:18px}.nr4-catalog-mark{width:44px;height:44px;border-radius:13px}.nr4-catalog-mark svg{width:21px;height:21px}.nr4-catalog-strip-inner>a{grid-column:1/-1;width:100%;justify-content:center}.nr4-catalog-strip p{font-size:9px}}

/* ============================================================
   NetRakam 2.0 — Module 7: Smart Search / Tool Finder
   ============================================================ */
.nr-search-panel{background:linear-gradient(180deg,var(--nr2-surface-strong,#fff),var(--nr2-surface,#f8fbfc));border-color:var(--nr2-border,#d9e6e7);box-shadow:0 32px 100px rgba(2,18,27,.34)}
.nr-search-top{padding:16px 18px;border-color:var(--nr2-border,#d9e6e7)}
.nr-search-top input{font-size:16px;font-weight:650}.nr-search-results{padding:10px 12px 16px}
.nr-search-welcome{padding:14px 8px 8px}.nr-search-welcome-head{padding:10px 8px 18px}.nr-search-welcome-head b{display:block;font-size:17px;color:var(--nr2-text,#10242b);font-weight:900}.nr-search-welcome-head small{display:block;margin-top:5px;color:var(--nr2-muted,#64777d);font-size:11px;line-height:1.55}
.nr-search-starters{display:flex;flex-wrap:wrap;gap:8px;padding:10px 8px}.nr-search-starters>span{width:100%;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--nr2-muted,#7b8d92)}.nr-search-starters button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--nr2-border,#d9e6e7);background:var(--nr2-surface-strong,#fff);color:var(--nr2-text,#173038);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.nr-search-starters button:hover{border-color:var(--nr2-accent,#37ddb0);color:var(--nr2-accent-strong,#079b79)}.nr-search-starters .nr-icon{width:13px;height:13px}
.nr-search-group h3{color:var(--nr2-muted,#7b8d92);margin:13px 9px 6px}.nr-search-recommended h3{color:var(--nr2-accent-strong,#079b79)}
.nr-search-hit{grid-template-columns:40px minmax(0,1fr) 20px;padding:12px;border:1px solid transparent;transition:.16s ease}.nr-search-hit:hover,.nr-search-hit.is-keyboard-active{background:rgba(45,216,174,.07);border-color:rgba(45,216,174,.22)}.nr-search-hit.is-recommended{background:linear-gradient(135deg,rgba(45,216,174,.09),rgba(45,216,174,.025));border-color:rgba(45,216,174,.2)}.nr-search-hit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(45,216,174,.1);color:var(--nr2-accent-strong,#079b79)}.nr-search-hit-icon .nr-icon{width:18px;height:18px}.nr-search-hit b{font-size:13px;color:var(--nr2-text,#10242b)}.nr-search-hit small{font-size:9px;color:var(--nr2-accent-strong,#079b79)}.nr-search-hit p{font-size:10px;color:var(--nr2-muted,#64777d)}.nr-search-reason{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:4px 7px;border-radius:999px;background:rgba(45,216,174,.1);color:var(--nr2-accent-strong,#087f67);font-size:9px;font-weight:800}.nr-search-reason .nr-icon{width:11px;height:11px}.nr-search-all{display:flex;justify-content:space-between;align-items:center;margin:10px 8px 0;padding:11px 12px;border-radius:12px;background:rgba(45,216,174,.08);color:var(--nr2-accent-strong,#087f67);font-size:10px;font-weight:850}.nr-search-empty b{display:block;color:var(--nr2-text,#10242b);margin-bottom:5px}.nr-search-empty span{display:block}.nr-search-loading{display:flex;align-items:center;justify-content:center;gap:5px;padding:35px;color:var(--nr2-muted,#64777d);font-size:10px}.nr-search-loading span{width:5px;height:5px;border-radius:50%;background:var(--nr2-accent,#37ddb0);animation:nrSearchPulse .8s infinite alternate}.nr-search-loading span:nth-child(2){animation-delay:.15s}.nr-search-loading span:nth-child(3){animation-delay:.3s}@keyframes nrSearchPulse{to{opacity:.25;transform:translateY(-3px)}}
.search-page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071923,#0b2b31 68%,#0a3534)!important;border-color:rgba(85,236,194,.2)!important;color:#fff}.search-page-hero:after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-170px;border-radius:50%;background:rgba(69,234,187,.12);filter:blur(10px);pointer-events:none}.search-page-hero>span{color:#62efc7}.search-page-hero h1{color:#f5fffc}.search-page-hero p{color:#b9d2d0;max-width:720px}.search-page-form{position:relative;z-index:1}.search-page-form input{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.09)!important;color:#f5fffc!important;backdrop-filter:blur(12px)}.search-page-form input::placeholder{color:#9db7b5}.search-page-form input:focus{border-color:#54e9bf;box-shadow:0 0 0 4px rgba(84,233,191,.11)}.search-page-form button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#42e8ba,#22cda3);color:#052119;box-shadow:0 12px 30px rgba(29,209,160,.2)}.search-page-form button .nr-ui-icon{width:16px;height:16px}.search-page-shortcuts{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;font-size:9px}.search-page-shortcuts span{color:#829f9d}.search-page-shortcuts a{color:#c8f9eb;padding:5px 8px;border:1px solid rgba(91,239,199,.17);border-radius:999px;background:rgba(255,255,255,.04)}
.search-results-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-end}.search-results-head>a{font-size:10px;font-weight:850;color:var(--nr2-accent-strong,#087f67)}.search-page-recommended,.search-page-other{margin-top:18px}.search-page-section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.search-page-section-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(45,216,174,.1);color:var(--nr2-accent-strong,#087f67)}.search-page-section-title .nr-ui-icon{width:16px;height:16px}.search-page-section-title h2{font-size:14px;font-weight:900;color:var(--nr2-text,#10242b)}.search-page-section-title p{font-size:10px;color:var(--nr2-muted,#64777d);margin-top:2px}.search-page-card{border-color:var(--nr2-border,#d9e6e7);background:var(--nr2-surface-strong,#fff);transition:.16s ease}.search-page-card:hover{border-color:rgba(45,216,174,.45);box-shadow:0 12px 30px rgba(4,32,39,.07);transform:translateY(-1px)}.search-page-card.is-recommended{background:linear-gradient(135deg,rgba(45,216,174,.09),var(--nr2-surface-strong,#fff));border-color:rgba(45,216,174,.3)}.search-page-card small{color:var(--nr2-accent-strong,#087f67)}.search-page-card b{color:var(--nr2-text,#10242b)}.search-page-card p{color:var(--nr2-muted,#64777d)}.search-page-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(45,216,174,.1);color:var(--nr2-accent-strong,#087f67)}.search-page-icon .nr-icon{width:19px;height:19px}.search-page-reason{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--nr2-accent-strong,#087f67);font-size:9px;font-weight:800}.search-page-reason .nr-ui-icon{width:11px;height:11px}.search-empty a{display:inline-block;margin-top:10px;color:var(--nr2-accent-strong,#087f67);font-size:10px;font-weight:850}
html[data-theme="dark"] .nr-search-panel{background:linear-gradient(180deg,#0b202a,#091a23)!important;border-color:#173a43!important}html[data-theme="dark"] .nr-search-welcome-head b,html[data-theme="dark"] .nr-search-hit b,html[data-theme="dark"] .search-page-section-title h2{color:#effffb!important}html[data-theme="dark"] .nr-search-starters button{background:#0d2630!important;border-color:#1b4149!important;color:#dff8f2!important}html[data-theme="dark"] .nr-search-hit:hover,html[data-theme="dark"] .nr-search-hit.is-keyboard-active{background:rgba(67,232,187,.09)!important}html[data-theme="dark"] .search-page-card{background:#0d222c!important;border-color:#1b3a43!important}html[data-theme="dark"] .search-page-card.is-recommended{background:linear-gradient(135deg,rgba(45,216,174,.11),#0d222c)!important}html[data-theme="dark"] .search-page-card b{color:#effffb!important}
@media(max-width:620px){.nr-search-welcome{padding-top:8px}.nr-search-starters{gap:6px}.nr-search-starters button{padding:8px 9px}.search-results-head{align-items:flex-start;flex-direction:column}.search-page-shortcuts{display:none}.search-page-section-title p{line-height:1.45}}
@media(prefers-reduced-motion:reduce){.nr-search-loading span{animation:none}.search-page-card{transition:none}}

/* =========================================================
   NetRakam 2.0 — Module 11 / Mobile Experience
   360–430px first, with safe-area aware navigation.
   ========================================================= */
.nr-mobile-dock{display:none}

@media(max-width:700px){
  :root{--nr-mobile-dock-h:66px}
  html{scroll-padding-top:78px}
  body{padding-bottom:calc(var(--nr-mobile-dock-h) + env(safe-area-inset-bottom,0px))}
  #main-content,[id]{scroll-margin-top:78px}

  /* Header: compact, touch friendly and visually quieter. */
  .nr2-header{padding-top:env(safe-area-inset-top,0px)}
  .nr2-header-container{padding-left:14px!important;padding-right:14px!important}
  .nr2-header-row{min-height:60px!important}
  .nr2-brand-logo{max-width:150px!important;height:31px!important}
  .nr2-brand-text{font-size:19px!important}
  .nr2-brand-symbol{transform:scale(.82);margin-right:-4px}
  .nr2-compact-actions{gap:6px}
  .nr2-compact-btn{width:40px!important;height:40px!important;border-radius:12px!important}
  .nr2-mobile-menu{max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px) - var(--nr-mobile-dock-h));overflow:auto;overscroll-behavior:contain;padding-bottom:14px}
  .nr2-mobile-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  .nr2-mobile-primary>a,.nr2-mobile-primary>button{min-height:66px;padding:11px;border-radius:14px}
  .nr2-mobile-primary b{font-size:11.5px}.nr2-mobile-primary small{font-size:8.5px}
  .nr2-mobile-secondary{gap:6px}.nr2-mobile-secondary>a,.nr2-mobile-secondary>button{min-height:42px}

  /* Mobile dock: the five actions users need most often. */
  .nr-mobile-dock{position:fixed;z-index:80;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));height:58px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:5px 6px;border:1px solid rgba(103,229,194,.18);border-radius:18px;background:rgba(7,24,32,.94);box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .nr-mobile-dock>a,.nr-mobile-dock>button{position:relative;min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:13px;background:transparent;color:#8fa9a6;font:750 8px/1.05 Manrope,system-ui,sans-serif;cursor:pointer;transition:background .18s,color .18s,transform .18s}
  .nr-mobile-dock .nr-ui-icon{width:19px;height:19px}.nr-mobile-dock>a.is-active{background:rgba(78,242,190,.1);color:#72e5cb}.nr-mobile-dock>a.is-active:before{content:"";position:absolute;top:2px;width:18px;height:2px;border-radius:99px;background:#4ef2be;box-shadow:0 0 11px rgba(78,242,190,.7)}
  .nr-mobile-dock-search{transform:translateY(-7px)!important;width:52px!important;height:52px!important;justify-self:center!important;border:1px solid rgba(103,229,194,.28)!important;border-radius:17px!important;background:linear-gradient(145deg,#1ab895,#0e8c76)!important;color:#eafff9!important;box-shadow:0 8px 22px rgba(17,176,143,.25)!important}
  .nr-mobile-dock-search .nr-ui-icon{width:21px;height:21px}.nr-mobile-dock-search span{font-size:7.5px}
  .nr-mobile-dock i[data-favorite-count]{position:absolute;top:2px;right:8px;min-width:15px;height:15px;display:grid;place-items:center;padding:0 3px;border:2px solid #071820;border-radius:99px;background:#4ef2be;color:#05231b;font-size:7px;font-style:normal;font-weight:900}

  /* Cookie choice must never hide behind the dock. */
  .nr-cookie-banner{left:10px!important;right:10px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;padding:13px!important;border-radius:16px!important;gap:11px!important}
  .nr-cookie-banner strong{font-size:12px!important}.nr-cookie-banner p{font-size:10px!important;line-height:1.45!important}.nr-cookie-actions button{min-height:40px!important;font-size:10px!important}

  /* Search behaves like a native mobile sheet. */
  .nr-search-modal{padding:0!important;background:rgba(2,14,20,.76)!important}
  .nr-search-panel{height:calc(100dvh - env(safe-area-inset-top,0px))!important;margin-top:env(safe-area-inset-top,0px)!important;border-radius:0!important}
  .nr-search-top{min-height:64px;padding:12px 14px!important}.nr-search-top input{font-size:16px!important}.nr-search-close{width:38px!important;height:38px!important}
  .nr-search-results{padding:8px 10px calc(84px + env(safe-area-inset-bottom,0px))!important}
  .nr-search-hit{grid-template-columns:32px minmax(0,1fr) 18px!important;padding:11px 9px!important;border-radius:13px!important}.nr-search-hit b{font-size:12.5px!important}.nr-search-hit p{font-size:9.5px!important}

  /* Home: prioritize finding a tool over decorative preview. */
  .nr2-hero-grid{padding-top:40px!important;padding-bottom:30px!important}
  .nr2-hero h1{font-size:clamp(2.35rem,12vw,3.35rem)!important}
  .nr2-hero-showcase{display:none!important}
  .nr2-hero-shortcuts a{min-height:46px!important}
  .nr2-hero-proof{margin-top:17px!important}
  .nr-home-section{padding-top:38px!important;padding-bottom:38px!important}

  /* Tool hub: thumb-friendly filter rail and less visual noise. */
  .nr-filter-shell{top:61px!important;margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  .nr-filter-row{scroll-padding-inline:14px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .nr-filter-btn{min-height:42px!important;padding:8px 12px!important;font-size:11px!important;white-space:nowrap}
  .nr-tool-card{padding:15px!important;border-radius:17px!important}.nr-tool-card p{line-height:1.55!important}

  /* Category pages: chips become a horizontal rail instead of wrapping forever. */
  .nr-category-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:5px!important;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .nr-category-chips::-webkit-scrollbar{display:none}.nr-category-chip{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center}
  .nr-category-title{font-size:clamp(2rem,10vw,2.55rem)!important}

  /* Calculator: compact work surface without sacrificing tap targets. */
  .nr-calc-page{padding-left:14px!important;padding-right:14px!important;padding-top:16px!important}
  .nr-calc-intro{padding:16px!important;border-radius:19px!important}.nr-calc-intro h1{font-size:clamp(1.55rem,7.5vw,2rem)!important;line-height:1.12!important}.nr-calc-description{font-size:12px!important}
  .nr-calc-workspace{gap:14px!important}.calc-card{padding:16px!important;border-radius:18px!important}.calc-card>h2:first-child{margin-bottom:14px!important}
  .calc-input,.calc-card select,.calc-card textarea{min-height:52px!important;font-size:16px!important;border-radius:13px!important}.calc-btn{min-height:54px!important;border-radius:14px!important;font-size:13px!important}
  .nr-result-card{padding:17px!important;border-radius:18px!important}.result-main{font-size:clamp(1.85rem,9vw,2.35rem)!important;overflow-wrap:anywhere}
  .nr-result-content .result-row{min-height:46px!important;gap:10px}.nr-result-content .result-row span{max-width:58%;font-size:10.5px!important}.nr-result-content .result-row b{font-size:12px!important}
  .nr-result-action-menu>summary{min-height:52px!important}.nr-result-action-panel{gap:6px!important;padding:6px!important}.nr-result-action-panel .calc-action{min-height:58px!important;padding:9px!important}
  .nr-related{margin-top:25px!important}.nr-related-card{padding:14px!important;border-radius:16px!important}

  /* Generic page spacing and horizontal overflow safety. */
  img,svg,canvas{max-width:100%}
  main,section,article,.container-x{min-width:0}
  pre,table{max-width:100%;overflow:auto}
  input,select,textarea,button{touch-action:manipulation}
}

@media(max-width:390px){
  .nr2-brand-logo{max-width:132px!important;height:29px!important}.nr2-brand-text{font-size:18px!important}
  .nr2-mobile-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nr2-mobile-primary>a,.nr2-mobile-primary>button{min-height:62px;padding:9px}.nr2-mobile-primary small{display:none}
  .nr-mobile-dock{left:7px;right:7px;padding-left:3px;padding-right:3px}.nr-mobile-dock>a,.nr-mobile-dock>button{font-size:7.3px}.nr-mobile-dock .nr-ui-icon{width:18px;height:18px}
  .nr2-hero-grid{padding-left:14px!important;padding-right:14px!important}.nr2-hero h1{font-size:2.25rem!important}.nr2-hero-shortcuts{gap:6px!important}.nr2-hero-shortcuts a{font-size:9px!important;padding:8px!important}
  .nr-calc-page{padding-left:12px!important;padding-right:12px!important}.nr-calc-intro,.calc-card,.nr-result-card{padding:14px!important}
  .nr-result-content .result-row{display:grid!important;grid-template-columns:1fr;gap:3px;padding:8px 0!important}.nr-result-content .result-row span{max-width:none!important}.nr-result-content .result-row b{text-align:left!important;font-size:13px!important}
  .nr-result-action-panel{grid-template-columns:1fr!important}.nr-result-action-panel .calc-action{min-height:52px!important}
  .nr-category-stats{grid-template-columns:1fr 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .nr-mobile-dock>a,.nr-mobile-dock>button{transition:none!important}
}

/* ============================================================
   NetRakam 2.0 — Module 15: Complete Light / Dark Theme System
   ============================================================ */
:root{--nr2-theme-duration:180ms;--nr2-theme-ease:cubic-bezier(.2,.8,.2,1)}
html[data-theme="dark"] body{background:
  radial-gradient(circle at 78% -12%,rgba(48,205,166,.075),transparent 30rem),
  radial-gradient(circle at -8% 28%,rgba(21,111,115,.055),transparent 28rem),
  var(--nr2-page)!important;color:var(--nr2-copy)}
html[data-theme="light"] body{background:
  radial-gradient(circle at 78% -12%,rgba(39,201,159,.045),transparent 30rem),
  var(--nr2-page)!important;color:var(--nr2-copy)}

/* Tailwind/legacy utility bridge so old templates do not leak white/slate surfaces in dark mode. */
html[data-theme="dark"] :where(.bg-white,.bg-slate-50,.bg-gray-50){background-color:var(--nr2-card)!important}
html[data-theme="dark"] :where(.bg-slate-100,.bg-gray-100){background-color:var(--nr2-card-soft)!important}
html[data-theme="dark"] :where(.text-slate-900,.text-slate-800,.text-gray-900,.text-gray-800){color:var(--nr2-heading)!important}
html[data-theme="dark"] :where(.text-slate-700,.text-slate-600,.text-gray-700,.text-gray-600){color:var(--nr2-copy)!important}
html[data-theme="dark"] :where(.text-slate-500,.text-slate-400,.text-gray-500,.text-gray-400){color:var(--nr2-muted)!important}
html[data-theme="dark"] :where(.border-slate-100,.border-slate-200,.border-gray-100,.border-gray-200){border-color:var(--nr2-border)!important}
html[data-theme="dark"] :where(.divide-slate-100,.divide-slate-200)>:not([hidden])~:not([hidden]){border-color:var(--nr2-border)!important}
html[data-theme="light"] :where(.text-brand-600,.text-brand-700){color:var(--nr2-brand-700)!important}
html[data-theme="dark"] :where(.text-brand-600,.text-brand-700){color:var(--nr2-brand-300)!important}

/* Common semantic surfaces across older pages. */
html[data-theme] :where(main,section,article,aside,nav,footer,header,div){transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--nr2-theme-duration);transition-timing-function:var(--nr2-theme-ease)}
html[data-theme] :where(button,input,select,textarea,a){transition-property:background-color,border-color,color,box-shadow,opacity,transform;transition-duration:var(--nr2-theme-duration);transition-timing-function:var(--nr2-theme-ease)}
@media(prefers-reduced-motion:reduce){html[data-theme] :where(main,section,article,aside,nav,footer,header,div,button,input,select,textarea,a){transition-duration:0s!important}}

/* Native controls / autofill */
html[data-theme="dark"] input:-webkit-autofill,html[data-theme="dark"] textarea:-webkit-autofill,html[data-theme="dark"] select:-webkit-autofill{-webkit-text-fill-color:var(--nr2-heading);-webkit-box-shadow:0 0 0 1000px var(--nr2-input) inset;caret-color:var(--nr2-heading)}
html[data-theme] select option{background:var(--nr2-card);color:var(--nr2-heading)}

/* Header is one visual system in both themes. */
html[data-theme="light"] .nr2-header{background:rgba(248,251,249,.86)!important;border-color:rgba(21,85,75,.09)!important;box-shadow:0 8px 30px rgba(10,50,43,.045)!important}
html[data-theme="dark"] .nr2-header{background:rgba(4,19,29,.84)!important;border-color:rgba(111,223,192,.11)!important;box-shadow:0 12px 38px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .nr2-desktop-nav a,html[data-theme="dark"] .nr2-icon-action,html[data-theme="dark"] .nr2-compact-btn{color:#9eb7b4}
html[data-theme="dark"] .nr2-desktop-nav a:hover,html[data-theme="dark"] .nr2-icon-action:hover,html[data-theme="dark"] .nr2-compact-btn:hover{background:rgba(79,213,178,.075)!important;color:#dff8f1!important}
html[data-theme="dark"] .nr2-desktop-nav a.is-active,html[data-theme="dark"] .nr2-icon-action.is-active{color:#6be6c4!important;background:rgba(69,219,177,.09)!important}

/* Shared page cards that predate Module 1 aliases. */
html[data-theme="dark"] :where(.rounded-xl,.rounded-2xl,.rounded-3xl).border.bg-white{background:var(--nr2-card)!important;border-color:var(--nr2-border)!important}
html[data-theme="dark"] :where(.nr-feedback-widget,.nr-quality-card,.nr-related,.nr-program-related,.nr-comparison-shell,.nr-dashboard-card,.nr-trend-shell){background:var(--nr2-card)!important;border-color:var(--nr2-border)!important;color:var(--nr2-copy)}
html[data-theme="dark"] :where(.nr-feedback-widget,.nr-quality-card,.nr-related,.nr-program-related,.nr-comparison-shell,.nr-dashboard-card,.nr-trend-shell) :where(h1,h2,h3,h4,strong,b){color:var(--nr2-heading)}

/* Theme picker */
.nr-theme-menu{position:fixed;z-index:9999;display:none;padding:8px;border:1px solid var(--nr2-border);border-radius:18px;background:var(--nr2-card-glass);box-shadow:var(--nr2-shadow-lg);backdrop-filter:blur(20px) saturate(1.16);-webkit-backdrop-filter:blur(20px) saturate(1.16);color:var(--nr2-copy);transform-origin:top right}
.nr-theme-menu.is-open{display:block;animation:nrThemeMenuIn .16s var(--nr2-theme-ease)}
@keyframes nrThemeMenuIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.nr-theme-menu-head{padding:9px 10px 10px;border-bottom:1px solid var(--nr2-border);margin-bottom:5px}.nr-theme-menu-head b,.nr-theme-menu-head span{display:block}.nr-theme-menu-head b{font-size:12px;color:var(--nr2-heading)}.nr-theme-menu-head span{margin-top:3px;font-size:9px;color:var(--nr2-muted)}
.nr-theme-menu>button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--nr2-copy);text-align:left;cursor:pointer}
.nr-theme-menu>button:hover,.nr-theme-menu>button:focus-visible{background:rgba(69,219,177,.07);border-color:rgba(69,219,177,.13);outline:none}.nr-theme-menu>button.is-active{background:rgba(69,219,177,.09);border-color:rgba(69,219,177,.2)}
.nr-theme-choice-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--nr2-card-soft);border:1px solid var(--nr2-border);color:var(--nr2-brand-500)}.nr-theme-choice-icon svg{width:17px;height:17px}.nr-theme-menu>button>span:nth-child(2) b,.nr-theme-menu>button>span:nth-child(2) small{display:block}.nr-theme-menu>button>span:nth-child(2) b{color:var(--nr2-heading);font-size:11px}.nr-theme-menu>button>span:nth-child(2) small{margin-top:2px;color:var(--nr2-muted);font-size:8.5px;line-height:1.4}.nr-theme-menu>button>i{width:14px;height:14px;border:1px solid var(--nr2-border-strong);border-radius:50%;position:relative}.nr-theme-menu>button.is-active>i{border-color:var(--nr2-brand-500);background:var(--nr2-brand-500)}.nr-theme-menu>button.is-active>i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#053129}

/* Explicit light theme polish: premium, not plain-white. */
html[data-theme="light"] :where(.nr-tools-hub-card,.nr-category-v2-card,.nr-personal-v2-card,.nr-seo-v2-summary-card,.nr-next-step-card){box-shadow:0 8px 24px rgba(11,55,48,.045)}
html[data-theme="light"] :where(.nr-tools-hub-card,.nr-category-v2-card,.nr-personal-v2-card,.nr-next-step-card):hover{box-shadow:0 15px 36px rgba(11,55,48,.075)}

/* Scrollbar follows theme where supported. */
html[data-theme="dark"]{scrollbar-color:#244741 #061924}html[data-theme="light"]{scrollbar-color:#b7cbc5 #eef4f1}

@media(max-width:720px){.nr-theme-menu{left:12px!important;right:12px!important;width:auto!important;top:auto!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;transform-origin:bottom center}.nr-theme-menu.is-open{animation:nrThemeMenuMobile .16s var(--nr2-theme-ease)}@keyframes nrThemeMenuMobile{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}}
@media print{.nr-theme-menu{display:none!important}html,body{background:#fff!important;color:#111!important}}