@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root {
  --bg: #f7f9fc;
  --bg-soft: #fbfcfe;
  --surface: rgba(255,255,255,.88);
  --surface-solid: #ffffff;
  --surface-2: #f2f5f9;
  --surface-3: #edf1f6;
  --text: #111827;
  --text-soft: #354052;
  --muted: #6b7280;
  --muted-2: #8b93a1;
  --line: rgba(17,24,39,.09);
  --line-strong: rgba(17,24,39,.14);
  --brand: #6657f5;
  --brand-2: #3d7cff;
  --brand-deep: #4f46e5;
  --brand-soft: #f0efff;
  --success: #0b8a61;
  --success-soft: #e9f8f2;
  --danger: #c9364f;
  --danger-soft: #fff0f3;
  --warning: #a66400;
  --warning-soft: #fff7e8;
  --shadow-xs: 0 1px 2px rgba(16,24,40,.04);
  --shadow-sm: 0 8px 26px rgba(16,24,40,.06);
  --shadow-md: 0 18px 50px rgba(16,24,40,.09);
  --shadow-lg: 0 30px 90px rgba(16,24,40,.18);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 30px;
  --max: 1180px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

html[data-theme="dark"] {
  --bg: #0d1016;
  --bg-soft: #11151d;
  --surface: rgba(20,25,34,.86);
  --surface-solid: #151a23;
  --surface-2: #1b222d;
  --surface-3: #232c39;
  --text: #f6f8fb;
  --text-soft: #d2d8e3;
  --muted: #98a2b3;
  --muted-2: #7f8a9a;
  --line: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.14);
  --brand: #8b7cff;
  --brand-2: #5f96ff;
  --brand-deep: #786aff;
  --brand-soft: rgba(124,108,255,.14);
  --success: #49c998;
  --success-soft: rgba(34,197,137,.12);
  --danger: #ff7186;
  --danger-soft: rgba(255,86,113,.12);
  --warning: #f4b84d;
  --warning-soft: rgba(244,184,77,.12);
  --shadow-sm: 0 10px 30px rgba(0,0,0,.2);
  --shadow-md: 0 22px 64px rgba(0,0,0,.28);
  --shadow-lg: 0 36px 110px rgba(0,0,0,.48);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
html[lang="ar"] body,
html[dir="rtl"] body {
  font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button, [role="button"] { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
::selection { background: rgba(102,87,245,.18); }
.hidden { display: none !important; }

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(102,87,245,.22);
  outline-offset: 3px;
}

/* Ambient background */
.ambient {
  position: fixed;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  filter: blur(110px);
  pointer-events: none;
  z-index: -2;
  opacity: .18;
}
.ambient-a { top: -230px; left: -140px; background: #8b7cff; }
.ambient-b { top: 80px; right: -260px; background: #4da2ff; opacity: .12; }
html[data-theme="dark"] .ambient { opacity: .11; }

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 14px 18px 0;
  pointer-events: none;
}
.nav-shell {
  width: min(var(--max), 100%);
  height: 62px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 10px 0 14px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-solid) 84%, transparent);
  box-shadow: 0 8px 30px rgba(16,24,40,.045);
  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  pointer-events: auto;
}
html[data-theme="dark"] .nav-shell { box-shadow: 0 10px 32px rgba(0,0,0,.22); }
.brand {
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 6px;
  cursor: pointer;
  min-width: 0;
  border-radius: 13px;
}
.brand-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--brand), var(--brand-2));
  box-shadow: 0 8px 20px rgba(87,76,233,.26);
}
.brand-mark svg { width: 22px; height: 22px; }
.brand-mark.small { width: 32px; height: 32px; border-radius: 10px; }
.brand-mark.small svg { width: 19px; height: 19px; }
.brand-copy { display: grid; text-align: start; line-height: 1.05; min-width: 0; }
.brand-copy strong { font-size: 17.5px; letter-spacing: -.025em; }
.brand-copy small { margin-top: 4px; color: var(--muted); font-size: 12px; font-weight: 500; white-space: nowrap; }
.top-actions { display: flex; align-items: center; gap: 5px; }
.nav-link,
.round-btn,
.search-trigger {
  border: 0;
  cursor: pointer;
  transition: background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);
}
.nav-link {
  height: 40px;
  padding: 0 12px;
  border-radius: 11px;
  background: transparent;
  color: var(--muted);
  font-size: 15px;
  font-weight: 600;
}
.nav-link:hover { background: var(--surface-2); color: var(--text); }
.language-btn { color: var(--text-soft); }
.round-btn {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: transparent;
  color: var(--muted);
}
.round-btn:hover { background: var(--surface-2); color: var(--text); }
.round-btn svg { width: 18px; height: 18px; }
html:not([data-theme="dark"]) .moon-icon { display: none; }
html[data-theme="dark"] .sun-icon { display: none; }
.search-trigger {
  height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 9px 0 11px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--muted);
  border-radius: 12px;
  font-size: 14.5px;
  font-weight: 600;
}
.search-trigger:hover { border-color: var(--line-strong); color: var(--text); transform: translateY(-1px); }
.search-trigger svg { width: 16px; height: 16px; }
kbd {
  display: inline-grid;
  place-items: center;
  min-width: 28px;
  height: 23px;
  padding: 0 6px;
  border: 1px solid var(--line-strong);
  border-bottom-width: 2px;
  border-radius: 7px;
  background: var(--surface-solid);
  color: var(--muted-2);
  font: 600 10px/1 Inter, sans-serif;
}

main { min-height: calc(100vh - 200px); }
.page { width: min(var(--max), calc(100% - 36px)); margin: 0 auto; }

/* Home */
.hero {
  position: relative;
  text-align: center;
  padding: 100px 0 52px;
  animation: riseIn .55s var(--ease) both;
}
.hero::before {
  content: "";
  position: absolute;
  width: 720px;
  height: 270px;
  left: 50%;
  top: 36px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(102,87,245,.09), transparent 70%);
  pointer-events: none;
  z-index: -1;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(102,87,245,.14);
  border-radius: 999px;
  background: var(--brand-soft);
  color: var(--brand-deep);
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .02em;
}
html[data-theme="dark"] .eyebrow { color: #b8afff; }
.hero h1 {
  max-width: 860px;
  margin: 18px auto 13px;
  font-size: clamp(48.5px, 6vw, 83px);
  line-height: .98;
  letter-spacing: -.058em;
  font-weight: 800;
  text-wrap: balance;
}
html[dir="rtl"] .hero h1 { letter-spacing: -.02em; line-height: 1.18; }
.hero p {
  max-width: 660px;
  margin: 0 auto;
  color: var(--muted);
  font-size: clamp(17.5px, 1.5vw, 19.5px);
  line-height: 1.75;
  text-wrap: balance;
}
.search-shell {
  position: relative;
  width: min(770px, 100%);
  margin: 34px auto 0;
  isolation: isolate;
}
.search-shell::before {
  content: "";
  position: absolute;
  inset: -5px;
  z-index: -1;
  border-radius: 23px;
  background: linear-gradient(90deg, rgba(102,87,245,.16), rgba(61,124,255,.12), rgba(102,87,245,.16));
  filter: blur(9px);
  opacity: .45;
}
.search-box {
  width: 100%;
  height: 68px;
  padding: 0 92px 0 56px;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  background: var(--surface-solid);
  color: var(--text);
  box-shadow: 0 18px 50px rgba(16,24,40,.09), inset 0 1px 0 rgba(255,255,255,.7);
  outline: none;
  font-size: 18.5px;
  font-weight: 500;
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);
}
.search-box::placeholder { color: var(--muted-2); font-weight: 400; }
.search-box:focus { border-color: rgba(102,87,245,.42); box-shadow: 0 20px 60px rgba(16,24,40,.12), 0 0 0 5px rgba(102,87,245,.08); transform: translateY(-1px); }
html[dir="rtl"] .search-box { padding: 0 56px 0 92px; }
.search-icon {
  position: absolute;
  inset-inline-start: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  color: var(--muted);
  pointer-events: none;
}
.search-icon svg { width: 100%; height: 100%; }
.search-shortcut {
  position: absolute;
  inset-inline-end: 17px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface-2);
  color: var(--muted-2);
  font-size: 11.5px;
  font-weight: 700;
  pointer-events: none;
}
.category-chips {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 21px;
}
.chip {
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-solid) 82%, transparent);
  color: var(--muted);
  cursor: pointer;
  font-size: 14.5px;
  font-weight: 600;
  transition: .18s var(--ease);
}
.chip:hover { border-color: var(--line-strong); background: var(--surface-solid); color: var(--text); transform: translateY(-1px); box-shadow: var(--shadow-xs); }
.chip.active { border-color: rgba(102,87,245,.2); background: var(--brand-soft); color: var(--brand-deep); }
html[data-theme="dark"] .chip.active { color: #b8afff; }

.section { padding: 30px 0 42px; }
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 17px;
}
.section-head h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.03em;
}
html[dir="rtl"] .section-head h2 { letter-spacing: 0; }
.section-head p { margin: 6px 0 0; color: var(--muted); font-size: 15px; }
.link-btn {
  border: 0;
  background: transparent;
  color: var(--brand-deep);
  cursor: pointer;
  padding: 7px 0;
  font-size: 14.5px;
  font-weight: 700;
}
html[data-theme="dark"] .link-btn { color: #afa6ff; }
.link-btn:hover { text-decoration: underline; text-underline-offset: 3px; }
.tools-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.tool-card {
  position: relative;
  min-height: 155px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--surface-solid) 92%, transparent);
  cursor: pointer;
  overflow: hidden;
  box-shadow: var(--shadow-xs);
  transition: transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease);
}
.tool-card::after {
  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  inset-inline-end: -70px;
  bottom: -72px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(102,87,245,.12), transparent 65%);
  opacity: 0;
  transition: opacity .22s var(--ease), transform .22s var(--ease);
}
.tool-card:hover {
  transform: translateY(-3px);
  border-color: rgba(102,87,245,.18);
  box-shadow: 0 16px 38px rgba(16,24,40,.08);
  background: var(--surface-solid);
}
.tool-card:hover::after { opacity: 1; transform: scale(1.15); }
.tool-card .icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  margin-bottom: 17px;
  border: 1px solid rgba(102,87,245,.09);
  border-radius: 12px;
  background: var(--brand-soft);
  color: var(--brand-deep);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.tool-card strong { display: block; max-width: calc(100% - 22px); font-size: 16px; line-height: 1.3; letter-spacing: -.015em; }
.tool-card small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.star {
  position: absolute;
  inset-inline-end: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--muted-2);
  cursor: pointer;
  font-size: 19.5px;
  transition: background .18s, color .18s;
  z-index: 2;
}
.star:hover { background: var(--surface-2); color: var(--text); }
.star.on { color: #d99a22; }
.category-panel { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.category-card {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 19px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface-solid);
  text-align: start;
  cursor: pointer;
  transition: .2s var(--ease);
}
.category-card:hover { border-color: rgba(102,87,245,.2); transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.category-card strong { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; }
.category-card > span { color: var(--muted); font-size: 13px; white-space: nowrap; }
.category-dot { width: 10px; height: 10px; border-radius: 4px; background: linear-gradient(145deg, var(--brand), var(--brand-2)); box-shadow: 0 0 0 5px var(--brand-soft); }

.privacy-strip {
  margin: 16px 0 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 19px 20px;
  border: 1px solid rgba(11,138,97,.13);
  border-radius: var(--radius-lg);
  background: linear-gradient(110deg, var(--success-soft), color-mix(in srgb, var(--surface-solid) 86%, transparent));
}
.privacy-strip strong { color: var(--success); font-size: 15px; }
.privacy-strip p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }

/* Tool workspace */
.tool-page { padding: 52px 0 86px; animation: riseIn .4s var(--ease) both; }
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 27px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}
.breadcrumb :is(button, a) { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 0; }
.breadcrumb :is(button, a):hover { color: var(--text); }
.tool-title-row { max-width: 780px; margin-bottom: 23px; }
.tool-title-row h1 {
  margin: 0 0 9px;
  font-size: clamp(39px, 4.6vw, 57.5px);
  line-height: 1.05;
  letter-spacing: -.048em;
}
html[dir="rtl"] .tool-title-row h1 { letter-spacing: 0; line-height: 1.3; }
.tool-title-row p { max-width: 680px; margin: 0; color: var(--muted); font-size: 16.5px; line-height: 1.7; }
.workspace {
  max-width: 870px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-2xl);
  background: var(--surface-solid);
  box-shadow: 0 22px 58px rgba(16,24,40,.075);
}
.workspace-main { padding: 28px; }
.workspace-foot {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 16px 11px 20px;
  border-top: 1px solid var(--line);
  background: var(--bg-soft);
  color: var(--muted);
  font-size: 13px;
}
.workspace-foot .star { position: static; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.form-grid.one { grid-template-columns: 1fr; }
.field { display: grid; gap: 7px; margin-bottom: 13px; }
.field label { color: var(--text-soft); font-size: 13px; font-weight: 700; }
.field input,
.field textarea,
.field select {
  width: 100%;
  min-height: 47px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--bg-soft);
  color: var(--text);
  outline: none;
  transition: border .18s, box-shadow .18s, background .18s;
}
.field input:focus,
.field textarea:focus,
.field select:focus { border-color: rgba(102,87,245,.38); background: var(--surface-solid); box-shadow: 0 0 0 4px rgba(102,87,245,.07); }
.field textarea { min-height: 170px; resize: vertical; line-height: 1.65; }
.actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 17px; }
.primary-btn,
.secondary-btn,
.danger-btn {
  min-height: 43px;
  padding: 10px 15px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 14.5px;
  font-weight: 700;
  border: 1px solid transparent;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease);
}
.primary-btn {
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color: #fff;
  box-shadow: 0 8px 20px rgba(88,82,228,.2);
}
.primary-btn:hover { transform: translateY(-1px); box-shadow: 0 11px 25px rgba(88,82,228,.28); }
.primary-btn:active { transform: translateY(0); }
.secondary-btn { background: var(--surface-2); border-color: var(--line); color: var(--text-soft); }
.secondary-btn:hover { border-color: var(--line-strong); background: var(--surface-3); }
.danger-btn { background: var(--danger-soft); color: var(--danger); border-color: rgba(201,54,79,.14); }
.result-card {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-soft);
  animation: riseIn .26s var(--ease) both;
}
.result-card h3 { margin: 0 0 10px; font-size: 15px; }
.result-card p { color: var(--muted); font-size: 14.5px; }
.result-big { color: var(--brand-deep); font-size: clamp(34.5px, 5vw, 50.5px); font-weight: 800; letter-spacing: -.04em; }
html[data-theme="dark"] .result-big { color: #aaa1ff; }
.result-pre {
  max-height: 420px;
  overflow: auto;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-solid);
  white-space: pre-wrap;
  word-break: break-word;
  font: 500 12px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.upload-zone {
  position: relative;
  min-height: 225px;
  display: grid;
  place-items: center;
  align-content: center;
  padding: 32px 20px;
  border: 1.5px dashed color-mix(in srgb, var(--brand) 28%, var(--line-strong));
  border-radius: 20px;
  background: linear-gradient(180deg, var(--bg-soft), color-mix(in srgb, var(--brand-soft) 32%, var(--bg-soft)));
  text-align: center;
  cursor: pointer;
  transition: border-color .2s, background .2s, transform .2s;
}
.upload-zone::before {
  content: "PDF";
  width: 55px;
  height: 55px;
  display: grid;
  place-items: center;
  margin-bottom: 13px;
  border: 1px solid rgba(102,87,245,.13);
  border-radius: 16px;
  background: var(--surface-solid);
  color: var(--brand-deep);
  box-shadow: var(--shadow-sm);
  font-size: 12.5px;
  font-weight: 800;
}
.upload-zone:hover,
.upload-zone.drag { border-color: var(--brand); background: var(--brand-soft); transform: translateY(-1px); }
.upload-zone strong { display: block; font-size: 17.5px; letter-spacing: -.015em; }
.upload-zone p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.file-list { display: grid; gap: 8px; margin-top: 12px; }
.file-row {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px 9px 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--bg-soft);
}
.file-meta { min-width: 0; }
.file-meta strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14.5px; }
.file-meta small { color: var(--muted); font-size: 12px; }
.status-pill { padding: 5px 8px; border-radius: 999px; background: var(--surface-3); color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
.status-pill.ok { background: var(--success-soft); color: var(--success); }
.status-pill.bad { background: var(--danger-soft); color: var(--danger); }
.guard-note { display: flex; gap: 9px; align-items: flex-start; margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.guard-note strong { color: var(--text-soft); }
.progress { height: 7px; overflow: hidden; margin-top: 12px; border-radius: 999px; background: var(--surface-2); }
.progress > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--brand), var(--brand-2)); transition: width .25s ease; }
.option-row { display: flex; gap: 8px; flex-wrap: wrap; }
.option-pill { border: 1px solid var(--line); background: var(--surface-solid); border-radius: 999px; padding: 8px 11px; cursor: pointer; color: var(--muted); }
.option-pill.active { border-color: rgba(102,87,245,.23); background: var(--brand-soft); color: var(--brand-deep); }
.continue-row { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.continue-row .mini-tools { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 9px; }
.mini-tool { border: 1px solid var(--line); background: var(--surface-solid); padding: 7px 10px; border-radius: 9px; cursor: pointer; color: var(--muted); }
.qr-output { min-height: 230px; display: grid; place-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }

/* Browse */
.browse-head { padding: 70px 0 20px; animation: riseIn .4s var(--ease) both; }
.browse-head h1 { margin: 0 0 8px; font-size: clamp(41.5px, 5vw, 57.5px); letter-spacing: -.05em; }
html[dir="rtl"] .browse-head h1 { letter-spacing: 0; }
.browse-head p { margin: 0; color: var(--muted); font-size: 16px; }
.browse-controls { display: flex; align-items: center; gap: 10px; margin: 19px 0 14px; }
.browse-controls input {
  flex: 1;
  min-width: 220px;
  height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface-solid);
  color: var(--text);
  outline: none;
}
.browse-controls input:focus { border-color: rgba(102,87,245,.34); box-shadow: 0 0 0 4px rgba(102,87,245,.07); }

/* Command palette */
.palette-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  padding: 12vh 18px 24px;
  background: rgba(8,11,18,.32);
  backdrop-filter: blur(12px) saturate(90%);
  -webkit-backdrop-filter: blur(12px) saturate(90%);
  animation: fadeIn .16s ease both;
}
.palette {
  width: min(670px,100%);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-radius: 22px;
  background: var(--surface-solid);
  box-shadow: var(--shadow-lg);
  animation: paletteIn .2s var(--ease) both;
}
.palette-search-row {
  height: 66px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 15px;
  border-bottom: 1px solid var(--line);
}
.palette-search-row > svg { width: 20px; height: 20px; color: var(--muted); flex: 0 0 auto; }
.palette-search-row input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 17.5px; font-weight: 500; }
.palette-search-row input::placeholder { color: var(--muted-2); }
.palette-hint { padding: 9px 14px 5px; color: var(--muted-2); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.palette-results { max-height: 430px; overflow: auto; padding: 6px 7px 10px; }
.palette-item {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 11px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  text-align: start;
  cursor: pointer;
  transition: background .15s;
}
.palette-item:hover,
.palette-item.active { background: var(--surface-2); }
.palette-item strong { font-size: 14.5px; }
.palette-item small { color: var(--muted); font-size: 12px; }
.palette-item > span:last-child { color: var(--muted-2); font-size: 12.5px; }
.no-results { grid-column: 1 / -1; padding: 36px 18px; color: var(--muted); text-align: center; font-size: 14.5px; }

/* Legal */
.legal { max-width: 720px; margin: 0 auto; padding: 70px 0 90px; }
.legal-updated { display: inline-block; margin-bottom: 14px; padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12.5px; font-weight: 700; letter-spacing: .02em; }
.legal h1 { margin: 0 0 18px; font-size: 48.5px; letter-spacing: -.045em; }
.legal-summary { margin: 0 0 34px; padding: 16px 18px; border-inline-start: 3px solid var(--brand); border-radius: var(--radius-md); background: var(--brand-soft); color: var(--text); font-size: 17.5px; font-weight: 600; line-height: 1.6; }
.legal-section { margin: 0 0 30px; }
.legal-section h2 { margin: 0 0 10px; font-size: 22px; letter-spacing: -.02em; }
.legal-section p { margin: 0 0 12px; color: var(--text-soft); font-size: 16px; line-height: 1.8; }
.legal-section p:last-child { margin-bottom: 0; }
.legal-contact { margin-top: 6px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--text-soft); font-size: 15.5px; }

/* Footer */
.footer {
  width: min(var(--max), calc(100% - 36px));
  margin: 0 auto;
  padding: 28px 0 30px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
}
.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.footer-brand-line { display: flex; align-items: center; gap: 9px; color: var(--text); }
.footer-brand p { margin: 7px 0 0; }
.footer-links { display: flex; gap: 14px; flex-wrap: wrap; }
.footer-links :is(button, a) { border: 0; background: transparent; color: var(--muted); cursor: pointer; padding: 5px 0; font-size: 13px; }
.footer-links :is(button, a):hover { color: var(--text); }
.footer-note { display: flex; align-items: center; gap: 8px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 12px; }

.toast {
  position: fixed;
  left: 50%;
  bottom: max(22px, env(safe-area-inset-bottom));
  z-index: 120;
  transform: translateX(-50%);
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 11px;
  background: #11151d;
  color: #fff;
  box-shadow: var(--shadow-md);
  font-size: 13px;
  animation: toastIn .18s var(--ease) both;
}

@keyframes riseIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes paletteIn { from { opacity: 0; transform: translateY(-8px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes toastIn { from { opacity: 0; transform: translate(-50%,8px); } to { opacity: 1; transform: translate(-50%,0); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

@media (max-width: 940px) {
  .tools-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .category-panel { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  .site-header { padding: 10px 10px 0; }
  .nav-shell { height: 58px; border-radius: 17px; padding-inline: 9px 8px; }
  .brand-copy small { display: none; }
  .top-actions .nav-link:first-child { display: none; }
  .search-trigger { width: 40px; padding: 0; justify-content: center; }
  .search-trigger span, .search-trigger kbd { display: none; }
  .round-btn { width: 38px; height: 38px; }
  .nav-link { height: 38px; padding-inline: 9px; }
  .hero { padding: 78px 0 38px; }
  .hero h1 { font-size: clamp(46px, 11vw, 66.5px); }
  .hero p { max-width: 520px; }
  .search-box { height: 62px; padding-inline-end: 56px; font-size: 16px; }
  .search-shortcut { display: none; }
  .tools-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tool-card { min-height: 150px; }
  .workspace-main { padding: 20px; }
  .workspace { border-radius: 24px; }
  .form-grid { grid-template-columns: 1fr; }
  .footer-main { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .page { width: min(var(--max), calc(100% - 24px)); }
  .brand-copy strong { font-size: 15px; }
  .brand-mark { width: 34px; height: 34px; }
  .language-btn { font-size: 13px; }
  .hero { padding-top: 62px; }
  .hero h1 { margin-top: 15px; font-size: 48.5px; }
  html[dir="rtl"] .hero h1 { font-size: 45px; }
  .hero p { font-size: 15.5px; line-height: 1.75; }
  .search-shell { margin-top: 26px; }
  .search-box { height: 58px; border-radius: 17px; padding-inline-start: 48px; }
  .search-icon { inset-inline-start: 16px; }
  .category-chips { gap: 6px; margin-top: 16px; }
  .chip { min-height: 34px; padding: 6px 10px; font-size: 12.5px; }
  .section { padding: 24px 0 32px; }
  .section-head { margin-bottom: 13px; }
  .section-head h2 { font-size: 20.5px; }
  .section-head p { font-size: 13px; }
  .tools-grid { grid-template-columns: 1fr; gap: 9px; }
  .tool-card { min-height: 108px; padding: 14px; display: grid; grid-template-columns: 42px 1fr; column-gap: 12px; align-content: center; }
  .tool-card .icon { grid-row: 1 / span 2; margin: 0; align-self: start; }
  .tool-card strong { align-self: end; max-width: calc(100% - 30px); }
  .tool-card small { margin-top: 4px; align-self: start; }
  .category-panel { grid-template-columns: 1fr; }
  .category-card { min-height: 72px; }
  .privacy-strip { align-items: flex-start; flex-direction: column; margin-bottom: 50px; }
  .tool-page { padding: 36px 0 62px; }
  .tool-title-row h1 { font-size: 39px; }
  .tool-title-row p { font-size: 15px; }
  .workspace-main { padding: 16px; }
  .upload-zone { min-height: 205px; }
  .workspace-foot { align-items: flex-start; }
  .browse-head { padding-top: 48px; }
  .browse-controls { flex-wrap: wrap; }
  .browse-controls input { width: 100%; }
  .footer { width: calc(100% - 24px); }
  .dot-separator { display: none; }
  .footer-note { align-items: flex-start; flex-direction: column; gap: 3px; }
  .palette-backdrop { padding: 10vh 10px 10px; }
  .palette { border-radius: 18px; }
}

/* ============================================================
   SimpleFlick 2026 — premium interface layer
   ============================================================ */
:root {
  --bg: #f6f7fb;
  --bg-soft: #fafbfe;
  --surface: rgba(255,255,255,.92);
  --surface-solid: #ffffff;
  --surface-2: #f2f4f8;
  --surface-3: #e9edf4;
  --text: #0a1020;
  --text-soft: #2c3547;
  --muted: #6d7688;
  --muted-2: #929aaa;
  --line: rgba(10,16,32,.085);
  --line-strong: rgba(10,16,32,.14);
  --brand: #5d5bf7;
  --brand-2: #4268ff;
  --brand-deep: #4846e7;
  --brand-soft: #efefff;
  --success: #0a8b63;
  --success-soft: #ebf9f4;
  --danger: #d33e57;
  --danger-soft: #fff1f4;
  --warning: #a26800;
  --warning-soft: #fff7e8;
  --shadow-xs: 0 1px 2px rgba(10,16,32,.04);
  --shadow-sm: 0 10px 28px rgba(10,16,32,.055);
  --shadow-md: 0 22px 64px rgba(10,16,32,.09);
  --shadow-lg: 0 34px 100px rgba(10,16,32,.15);
  --max: 1240px;
}
html[data-theme="dark"] {
  --bg:#0b0d13; --bg-soft:#0f1219; --surface:rgba(20,23,32,.92); --surface-solid:#141720;
  --surface-2:#1a1e29; --surface-3:#222836; --text:#f7f8fb; --text-soft:#d7dce5; --muted:#98a0b0;
  --muted-2:#788294; --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.14);
  --brand:#8c83ff; --brand-2:#6f8cff; --brand-deep:#9a93ff; --brand-soft:rgba(124,115,255,.14);
}
body {
  background: radial-gradient(820px 460px at 12% -8%,rgba(93,91,247,.11),transparent 60%),
              radial-gradient(720px 440px at 91% 0%,rgba(66,104,255,.08),transparent 60%), var(--bg);
  letter-spacing:-.006em;
}
.ambient{display:none}
.site-header{padding:18px 22px 0}
.nav-shell{
  height:68px;padding:0 10px 0 14px;border-radius:22px;border:1px solid rgba(255,255,255,.72);
  background:color-mix(in srgb,var(--surface-solid) 82%,transparent);
  box-shadow:0 18px 50px rgba(15,23,42,.07),inset 0 0 0 1px var(--line)
}
html[data-theme="dark"] .nav-shell{border-color:rgba(255,255,255,.06);box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 0 0 1px var(--line)}
.brand{gap:12px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#6d6bff 0%,#4c56ee 58%,#3f73f5 100%);box-shadow:0 9px 20px rgba(78,82,238,.25),inset 0 1px 0 rgba(255,255,255,.25)}
.brand-copy strong{font-size: 16px;letter-spacing:-.025em}.brand-copy small{font-size: 9px;letter-spacing:.08em;text-transform:uppercase}.nav-link{font-weight:700;font-size: 14px}
.search-trigger{height:42px;min-width:190px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}.search-trigger:hover{background:var(--surface-solid);border-color:var(--line-strong)}
.round-btn{width:42px;height:42px;border-radius:13px}.page{width:min(var(--max),calc(100% - 44px))}
.hero{min-height:530px;padding:112px 0 74px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.hero::before{width:760px;height:360px;filter:blur(80px);opacity:.5;background:radial-gradient(circle at 50% 50%,rgba(99,91,255,.13),transparent 65%)}
.eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border:1px solid rgba(93,91,247,.16);background:color-mix(in srgb,var(--brand-soft) 64%,transparent);color:var(--brand-deep);border-radius:999px;font-size: 11.5px;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.hero h1{max-width:920px;margin:18px auto 12px;font-size: clamp(55px, 7.2vw, 94.5px);line-height:.98;letter-spacing:-.065em;font-weight:800;text-wrap:balance}
.hero p{max-width:670px;margin:0 auto 30px;color:var(--muted);font-size: clamp(16px, 1.5vw, 19.5px);line-height:1.7;text-wrap:balance}
.search-shell{width:min(820px,100%);height:72px;border-radius:22px;background:var(--surface-solid);border:1px solid var(--line-strong);box-shadow:0 24px 70px rgba(10,16,32,.11),0 2px 3px rgba(10,16,32,.03);transition:.25s var(--ease)}
.search-shell:hover{transform:translateY(-1px);box-shadow:0 28px 78px rgba(10,16,32,.13)}.search-shell::before{border-radius:21px}.search-icon{inset-inline-start:22px;margin:0;width:21px;height:21px}.search-box{height:70px;padding-inline-start:58px;padding-inline-end:128px;font-size: 17.5px;font-weight:550;border-radius:22px}.search-box:focus{box-shadow:0 28px 80px rgba(10,16,32,.13),0 0 0 5px rgba(93,91,247,.07)}
html[dir="rtl"] .search-box{padding-inline-start:58px;padding-inline-end:128px}.search-shortcut{inset-inline-end:15px;right:auto;left:auto;padding:7px 9px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;color:var(--muted);font-size: 10.5px;font-weight:700}
.category-chips{margin-top:20px;gap:8px}.chip{min-height:36px;padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);border:1px solid var(--line);box-shadow:0 4px 12px rgba(10,16,32,.025);font-size: 12px;font-weight:750}
.hero-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 14px;margin-top:21px;color:var(--muted);font-size: 12px;font-weight:650}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-trust i{width:5px;height:5px;border-radius:999px;background:var(--success);box-shadow:0 0 0 4px rgba(10,139,99,.08)}
.section{padding:40px 0 54px}.section-head{margin-bottom:18px}.section-head h2{font-size: 27.5px;letter-spacing:-.045em}.section-head p{font-size: 14.5px}.link-btn{font-size: 12.5px;font-weight:800;color:var(--brand-deep)}
.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{min-height:158px;padding:20px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-solid) 97%,transparent),color-mix(in srgb,var(--surface-solid) 92%,var(--bg)));border:1px solid var(--line);box-shadow:0 1px 1px rgba(10,16,32,.025);transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}
.tool-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px 120px at 15% 0%,rgba(93,91,247,.08),transparent 62%);opacity:0;transition:.22s var(--ease)}.tool-card:hover{transform:translateY(-4px);border-color:rgba(93,91,247,.18);box-shadow:0 20px 45px rgba(10,16,32,.085)}.tool-card:hover::before{opacity:1}.tool-card::after{content:"↗";position:absolute;right:18px;bottom:16px;font-size: 16px;color:var(--muted-2);opacity:0;transform:translate(-4px,4px);transition:.22s var(--ease);background:none;width:auto;height:auto}.tool-card:hover::after{opacity:.8;transform:none}html[dir="rtl"] .tool-card::after{right:auto;left:18px;content:"↖"}
.tool-card .icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(145deg,#f2f1ff,#e8ebff);border:1px solid rgba(93,91,247,.10);color:var(--brand-deep);font-size: 12.5px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}html[data-theme="dark"] .tool-card .icon{background:rgba(124,115,255,.12)}.tool-card strong{font-size: 16px;letter-spacing:-.022em}.tool-card small{margin-top:7px;font-size: 13px;line-height:1.55}.star{top:15px;right:15px;width:28px;height:28px;border-radius:9px}html[dir="rtl"] .star{right:auto;left:15px}
.category-panel{grid-template-columns:repeat(3,1fr);gap:14px}.category-card{min-height:82px;padding:19px 20px;border-radius:18px;background:var(--surface-solid);border:1px solid var(--line)}.category-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(10,16,32,.07)}.category-card strong{font-size: 15px}.category-dot{width:10px;height:10px;border-radius:4px;background:linear-gradient(145deg,var(--brand),var(--brand-2));box-shadow:0 0 0 5px rgba(93,91,247,.07)}
.privacy-strip{margin:24px 0 80px;padding:21px 22px;border-radius:20px;border:1px solid rgba(10,139,99,.15);background:linear-gradient(100deg,rgba(10,139,99,.075),rgba(255,255,255,.58))}html[data-theme="dark"] .privacy-strip{background:linear-gradient(100deg,rgba(10,139,99,.10),rgba(20,23,32,.70))}
.browse-head{padding:92px 0 26px}.browse-head h1{font-size: clamp(53px, 6vw, 78px)}.browse-controls input{height:54px;border-radius:16px;font-size: 15px}
.tool-page{padding:78px 0 110px;max-width:980px}.breadcrumb{margin-bottom:26px;font-size: 12.5px}.tool-title-row{margin-bottom:28px}.tool-title-row h1{font-size: clamp(46px, 6vw, 66.5px);letter-spacing:-.055em;margin-bottom:10px}.tool-title-row p{max-width:640px;font-size: 16px;line-height:1.65}.workspace{border-radius:26px;border:1px solid var(--line);background:var(--surface-solid);box-shadow:0 28px 80px rgba(10,16,32,.09);overflow:hidden}.workspace-main{padding:34px}.workspace-foot{min-height:58px;padding:14px 18px 14px 24px;background:var(--surface-2);border-top:1px solid var(--line)}
.field{gap:8px;margin-bottom:16px}.field label{font-size: 12.5px;letter-spacing:.01em}.field input,.field textarea,.field select{min-height:52px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line);padding:13px 14px;font-size: 15px}.field textarea{min-height:190px}.primary-btn,.secondary-btn{min-height:48px;border-radius:14px;padding:0 18px;font-size: 14px;font-weight:800}.primary-btn{background:linear-gradient(135deg,#625fff,#4c62f0);box-shadow:0 12px 26px rgba(78,82,238,.22)}
.upload-zone{min-height:235px;border-radius:20px;border:1.5px dashed rgba(93,91,247,.30);background:linear-gradient(180deg,rgba(93,91,247,.035),rgba(93,91,247,.015))}.upload-zone strong{font-size: 19.5px}.upload-zone p{font-size: 14px}.upload-glyph{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;border-radius:16px;background:var(--surface-solid);border:1px solid rgba(93,91,247,.14);box-shadow:0 10px 25px rgba(10,16,32,.07);color:var(--brand-deep);font-size: 12.5px;font-weight:850;letter-spacing:.02em}.guard-note{border-radius:14px}.result-card{border-radius:18px;padding:20px}
.palette-backdrop{background:rgba(8,11,20,.42);backdrop-filter:blur(10px)}.palette{width:min(680px,calc(100% - 28px));border-radius:24px;box-shadow:0 40px 120px rgba(0,0,0,.28)}.palette-search-row{min-height:66px;padding:0 18px}.palette-search-row input{font-size: 18.5px}.palette-item{border-radius:14px;padding:13px 14px}.footer{width:min(var(--max),calc(100% - 44px));padding:32px 0 28px;margin-top:30px;border-top:1px solid var(--line)}
@media(max-width:900px){.nav-shell{height:62px;border-radius:18px}.search-trigger{min-width:44px;width:44px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.hero{min-height:auto;padding:88px 0 58px}.hero h1{font-size: clamp(50.5px, 12vw, 76px)}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-panel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-header{padding:10px 10px 0}.page{width:min(var(--max),calc(100% - 24px))}.brand-copy small{display:none}.nav-link#allToolsBtn{display:none}.language-btn{padding:6px}.hero{padding:72px 0 46px;align-items:stretch;text-align:start}.hero h1{margin-inline:0;font-size: clamp(48.5px, 14vw, 66.5px)}.hero p{margin-inline:0}.eyebrow{align-self:flex-start}.search-shell{height:64px;border-radius:18px}.search-box{height:62px;border-radius:18px;padding-inline-start:50px;padding-inline-end:16px;font-size: 16px}.search-icon{inset-inline-start:16px}.search-shortcut{display:none}.category-chips{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.hero-trust{justify-content:flex-start}.tools-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:132px;padding:18px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:start}.tool-card .icon{grid-row:1 / span 2;margin:0}.tool-card strong{align-self:end}.tool-card small{margin-top:3px}.category-panel{grid-template-columns:1fr;gap:10px}.section{padding:30px 0 40px}.section-head h2{font-size: 24px}.privacy-strip{margin-bottom:48px}.workspace-main{padding:20px}.tool-page{padding:52px 0 80px}.tool-title-row h1{font-size: 46px}.footer{width:calc(100% - 24px)}}
/* Final simplicity pass: keyboard shortcut remains in the header command trigger, not inside the hero search field. */
.search-shortcut{display:none!important}


/* Human-designed editorial UI — quiet, precise, utility-first */
:root{
  --bg:#f5f5f1;--bg-soft:#fafaf7;--surface:#fff;--surface-solid:#fff;--surface-2:#efefea;--surface-3:#e8e8e2;
  --text:#181816;--text-soft:#343430;--muted:#73736d;--muted-2:#9b9b93;--line:#dcdcd5;--line-strong:#c7c7bf;
  --brand:#2146d0;--brand-2:#2146d0;--brand-deep:#1738b1;--brand-soft:#e9edff;--success:#147a58;--danger:#b9364c;
  --radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--max:1160px;
}
html[data-theme="dark"]{--bg:#11110f;--bg-soft:#161613;--surface:#1a1a17;--surface-solid:#1a1a17;--surface-2:#22221e;--surface-3:#2a2a25;--text:#f2f2ed;--text-soft:#d7d7d0;--muted:#999991;--muted-2:#76766f;--line:#30302b;--line-strong:#45453e;--brand:#7e98ff;--brand-deep:#9db0ff;--brand-soft:#20294b}
body{background:var(--bg);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:0;}
html[lang="ar"] body,html[dir="rtl"] body{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif}
::selection{background:rgba(33,70,208,.15)}
.ambient{display:none!important}.page{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;padding:0;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav-shell{width:min(var(--max),calc(100% - 48px));height:68px;margin:0 auto;padding:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:auto}
.brand{padding:0;border:0;border-radius:0;gap:9px}.brand-word{font-size: 20.5px;font-weight:800;letter-spacing:-.045em}.brand-status{width:6px;height:6px;border-radius:50%;background:var(--brand);margin-top:-10px}.primary-nav{display:flex;align-items:center;gap:22px}.top-actions{gap:14px}
.nav-link{height:auto;padding:5px 0;border-radius:0;background:none!important;color:var(--muted);font-size: 15px;font-weight:600}.nav-link:hover{color:var(--text)}.language-btn{color:var(--text-soft)}
.round-btn{width:30px;height:30px;border-radius:6px;background:none}.round-btn:hover{background:var(--surface-2)}.round-btn svg{width:16px;height:16px}
.search-trigger{height:34px;min-width:0;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);gap:8px;box-shadow:none}.search-trigger:hover{border-color:var(--line-strong);background:var(--surface)}.search-trigger svg{width:15px;height:15px}.search-trigger span{font-size: 14px;font-weight:600}.search-trigger kbd{font:600 10px/1 Arial,sans-serif;padding:3px 5px;border:0;border-radius:4px;background:var(--surface-2);color:var(--muted)}
.home-page{padding-bottom:84px}.hero{min-height:0;padding:110px 0 82px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:end;gap:88px;text-align:start}.hero::before{display:none}.hero-copy{max-width:560px}.eyebrow{display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--muted);font-size: 12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:590px;margin:17px 0 18px;font-size: clamp(55px, 6vw, 85px);line-height:.98;letter-spacing:-.07em;font-weight:800;text-wrap:balance}.hero p{max-width:520px;margin:0;color:var(--muted);font-size: 17.5px;line-height:1.65}.hero-search-area{padding-bottom:4px}.search-label{display:block;margin-bottom:10px;color:var(--text-soft);font-size: 14px;font-weight:700}
.search-shell{position:relative;width:100%;height:58px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:none;overflow:hidden}.search-shell:hover{transform:none;box-shadow:none;border-color:#aaa9a0}.search-shell::before{display:none}.search-icon{position:absolute;inset-inline-start:17px;top:18px;width:20px;height:20px;color:var(--muted);z-index:2}.search-icon svg{width:20px;height:20px}.search-box{width:100%;height:56px;padding:0 58px 0 50px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size: 16px;font-weight:500;box-shadow:none!important}.search-box::placeholder{color:var(--muted-2)}html[dir="rtl"] .search-box{padding:0 50px 0 58px}.search-key{position:absolute;inset-inline-end:12px;top:13px;padding:8px 7px;border:1px solid var(--line);border-radius:5px;background:var(--bg-soft);color:var(--muted);font:600 10px/1 Arial,sans-serif}
.category-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;color:var(--muted-2);font-size: 12.5px}.category-links :is(button, a){padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font-weight:600}.category-links :is(button, a):hover{color:var(--brand)}
.section,.directory-section{padding:46px 0 22px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline}.section-head .section-index{grid-row:1 / span 2;color:var(--muted-2);font-size: 11.5px;font-weight:700;letter-spacing:.08em}.section-head h2{margin:0;color:var(--text);font-size: 25.5px;letter-spacing:-.035em;font-weight:750}.section-head p{grid-column:2;margin:5px 0 0;color:var(--muted);font-size: 14px}.link-btn{padding:0;border:0;background:none;color:var(--text);font-size: 12.5px;font-weight:700;cursor:pointer}.link-btn:hover{color:var(--brand)}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.tool-card{position:relative;min-height:0;padding:18px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;cursor:pointer;transition:padding .16s ease,color .16s ease}.tool-card:nth-child(-n+2){border-top-color:var(--line-strong)}.tool-card::before,.tool-card::after{display:none}.tool-card:hover{transform:none;padding-inline-start:5px;border-color:var(--line-strong);box-shadow:none}.tool-card-main{min-width:0}.tool-kicker{display:block;margin-bottom:5px;color:var(--muted-2);font-size: 10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tool-card strong{display:block;font-size: 17.5px;font-weight:700;letter-spacing:-.018em}.tool-card small{display:block;margin-top:5px;padding-right:14px;color:var(--muted);font-size: 13px;line-height:1.5}.tool-card-side{display:flex;align-items:center;gap:12px}.tool-arrow{color:var(--muted-2);font-size: 20.5px;transition:transform .16s ease,color .16s ease}.tool-card:hover .tool-arrow{transform:translateX(3px);color:var(--brand)}html[dir="rtl"] .tool-arrow{transform:scaleX(-1)}html[dir="rtl"] .tool-card:hover .tool-arrow{transform:scaleX(-1) translateX(3px)}.star{position:static;width:26px;height:26px;padding:0;border:0;border-radius:5px;background:none;color:var(--muted-2);font-size: 16px;opacity:.5}.star:hover,.star.on{opacity:1;color:var(--brand);background:var(--brand-soft)}
.category-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 38px}.category-card{position:relative;min-height:62px;padding:18px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;text-align:start;cursor:pointer}.category-card:hover{transform:none;box-shadow:none}.category-name{font-size: 15px;font-weight:700}.category-count{color:var(--muted);font-size: 11.5px}.category-arrow{color:var(--muted-2);font-size: 18.5px}.category-card:hover .category-name,.category-card:hover .category-arrow{color:var(--brand)}.category-card strong,.category-dot{display:none}
.privacy-strip{margin:54px 0 0;padding:24px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none!important;display:flex;align-items:center;justify-content:space-between;gap:24px}.privacy-strip strong{font-size: 15px}.privacy-strip p{margin:5px 0 0;max-width:760px;color:var(--muted);font-size: 13px;line-height:1.55}
.browse-page{padding-bottom:90px}.browse-head{padding:90px 0 34px;border-bottom:1px solid var(--line)}.browse-head h1{margin:12px 0 10px;font-size: clamp(55px, 6vw, 78px);letter-spacing:-.065em}.browse-head p{max-width:580px;margin:0;color:var(--muted);font-size: 16px}.browse-controls{padding:24px 0 12px}.browse-search-wrap{position:relative;width:min(520px,100%)}.browse-search-wrap svg{position:absolute;inset-inline-start:14px;top:14px;width:18px}.browse-controls input{width:100%;height:46px;padding-inline-start:43px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size: 15px;color:var(--text);outline:0}.browse-controls input:focus{border-color:var(--brand)}.filter-row{display:flex;gap:18px;flex-wrap:wrap;padding:10px 0 30px;border-bottom:1px solid var(--line)}.filter-link{padding:0 0 5px;border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);font-size: 12.5px;font-weight:700;cursor:pointer}.filter-link:hover,.filter-link.active{color:var(--text);border-color:var(--text)}.browse-grid{padding-top:18px}
.tool-page{max-width:900px;padding:76px 0 110px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:42px;color:var(--muted);font-size: 11.5px}.breadcrumb :is(button, a){padding:0;border:0;background:none;color:inherit;cursor:pointer}.breadcrumb :is(button, a):hover{color:var(--text)}.tool-title-row{margin-bottom:30px}.tool-category-label{display:block;margin-bottom:10px;color:var(--muted);font-size: 11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.tool-title-row h1{margin:0 0 10px;font-size: clamp(48.5px, 6vw, 69px);line-height:1;letter-spacing:-.06em;font-weight:780}.tool-title-row p{max-width:610px;margin:0;color:var(--muted);font-size: 15px;line-height:1.6}.workspace{border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);box-shadow:none;overflow:hidden}.workspace-main{padding:30px}.workspace-foot{min-height:48px;padding:11px 16px 11px 30px;border-top:1px solid var(--line);background:var(--bg-soft);color:var(--muted);font-size: 11.5px}
.field{gap:7px;margin-bottom:15px}.field label{color:var(--text-soft);font-size: 12.5px;font-weight:700}.field input,.field textarea,.field select{min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft);color:var(--text);font-size: 15px;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.field textarea{min-height:175px}.form-grid{gap:14px}.actions{gap:8px;margin-top:18px}.primary-btn,.secondary-btn{min-height:42px;padding:0 15px;border-radius:7px;font-size: 12.5px;font-weight:750;box-shadow:none}.primary-btn{border:1px solid var(--brand);background:var(--brand);color:#fff}.primary-btn:hover{background:var(--brand-deep);border-color:var(--brand-deep);transform:none}.secondary-btn{border:1px solid var(--line);background:var(--surface);color:var(--text-soft)}.secondary-btn:hover{border-color:var(--line-strong);background:var(--bg-soft)}
.upload-zone{min-height:220px;border:1px dashed var(--line-strong);border-radius:8px;background:var(--bg-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,background .16s ease}.upload-zone:hover,.upload-zone.drag{border-color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 32%,var(--bg-soft))}.upload-filemark{width:44px;height:52px;margin-bottom:16px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);display:grid;place-items:center;box-shadow:2px 2px 0 var(--surface-3)}.upload-filemark span{font-size: 10.5px;font-weight:800;letter-spacing:.06em;color:var(--muted)}.upload-zone strong{font-size: 16px;font-weight:750}.upload-zone p{margin:5px 0 0;color:var(--muted);font-size: 12.5px}.guard-note{margin-top:12px;padding:0;border:0;border-radius:0;background:none;display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size: 11.5px;line-height:1.45}.guard-note strong{color:var(--text-soft);font-weight:700}.guard-dot{width:6px;height:6px;margin-top:4px;border-radius:50%;background:var(--success);flex:0 0 auto}.file-list{gap:0}.file-row{padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.status-pill{border-radius:4px}.result-card{margin-top:16px;padding:17px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft);box-shadow:none}.result-card h3{font-size: 15px}
.palette-backdrop{background:rgba(18,18,16,.35);backdrop-filter:none}.palette{width:min(620px,calc(100% - 32px));border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);box-shadow:0 20px 60px rgba(0,0,0,.18)}.palette-search-row{min-height:58px;padding:0 14px;border-bottom:1px solid var(--line)}.palette-search-row input{font-size: 16px}.palette-hint{padding:10px 14px;color:var(--muted);font-size: 11.5px;border-bottom:1px solid var(--line)}.palette-results{padding:6px}.palette-item{padding:11px 10px;border-radius:6px}.palette-item:hover{background:var(--bg-soft)}
.footer{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:28px 0 24px;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-left{display:flex;align-items:baseline;gap:14px}.footer-left strong{font-size: 15px}.footer-left span{color:var(--muted);font-size: 11.5px}.footer-links{display:flex;gap:18px}.footer-links :is(button, a){padding:0;border:0;background:none;color:var(--muted);font-size: 11.5px;cursor:pointer}.footer-links :is(button, a):hover{color:var(--text)}.footer-note{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted-2);font-size: 10.5px}
@media(max-width:900px){.nav-shell{grid-template-columns:auto 1fr auto;gap:18px}.primary-nav{display:none}.hero{grid-template-columns:1fr;gap:42px;padding:82px 0 62px}.hero-copy{max-width:660px}.tools-grid{grid-template-columns:1fr}.tool-card:nth-child(2){border-top-color:var(--line)}.category-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.search-trigger span,.search-trigger kbd{display:none}.search-trigger{width:34px;padding:0;justify-content:center}}
@media(max-width:620px){.page,.nav-shell,.footer{width:calc(100% - 28px)}.site-header{padding:0}.nav-shell{height:58px}.brand-word{font-size: 18.5px}.top-actions{gap:9px}.hero{padding:58px 0 52px;gap:34px}.hero h1{font-size: 53px}.hero p{font-size: 15.5px}.search-shell{height:54px}.search-box{height:52px;font-size: 15px}.search-key{display:none}.category-links{gap:7px}.section,.directory-section{padding-top:36px}.section-head{align-items:flex-start}.section-head h2{font-size: 23px}.section-head p{display:none}.tools-grid{gap:0}.tool-card{padding:16px 0}.tool-card small{font-size: 12.5px}.category-panel{grid-template-columns:1fr}.privacy-strip{align-items:flex-start;flex-direction:column;margin-top:40px}.browse-head{padding:58px 0 26px}.browse-head h1{font-size: 55px}.filter-row{gap:14px}.tool-page{padding:46px 0 80px}.breadcrumb{margin-bottom:30px}.tool-title-row h1{font-size: 49.5px}.workspace-main{padding:20px}.workspace-foot{padding-inline:20px}.upload-zone{min-height:190px}.form-grid{grid-template-columns:1fr}.footer-main{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.footer-note{font-size: 10px}}



/* =========================================================
   COLOR EDITION — warm editorial palette, intentionally flat
   ========================================================= */
:root{
  --bg:#f6f0e6;
  --bg-soft:#fbf7f0;
  --surface:#fffdf9;
  --surface-solid:#fffdf9;
  --surface-2:#f0e8dc;
  --surface-3:#e9dfd1;
  --text:#17233b;
  --text-soft:#33415c;
  --muted:#6e7180;
  --muted-2:#98959d;
  --line:rgba(23,35,59,.12);
  --line-strong:rgba(23,35,59,.22);
  --brand:#3158d4;
  --brand-2:#0f9f87;
  --brand-deep:#2344aa;
  --brand-soft:#e8edff;
  --coral:#e9654c;
  --coral-soft:#ffe8e1;
  --gold:#d99b25;
  --gold-soft:#fff0c8;
  --teal:#0f9f87;
  --teal-soft:#dff5ee;
  --violet:#7959b8;
  --violet-soft:#eee7fa;
  --sky:#2786c8;
  --sky-soft:#e1f1fb;
  --rose:#c95072;
  --rose-soft:#fae5ec;
  --olive:#74853d;
  --olive-soft:#eef2db;
  --success:#168063;
  --success-soft:#e0f3eb;
  --danger:#c84957;
  --danger-soft:#fde8eb;
  --warning:#9d6915;
  --warning-soft:#fff0cd;
}
html[data-theme="dark"]{
  --bg:#121722;
  --bg-soft:#171d29;
  --surface:#1b2230;
  --surface-solid:#1b2230;
  --surface-2:#242c3b;
  --surface-3:#2d3748;
  --text:#f7f1e8;
  --text-soft:#d9d4ca;
  --muted:#a7a8ad;
  --muted-2:#858993;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --brand:#6f8dff;
  --brand-2:#38c7ad;
  --brand-deep:#9cb0ff;
  --brand-soft:rgba(93,127,255,.16);
  --coral:#ff826d;
  --coral-soft:rgba(255,130,109,.14);
  --gold:#efb950;
  --gold-soft:rgba(239,185,80,.14);
  --teal:#43cdb4;
  --teal-soft:rgba(67,205,180,.14);
  --violet:#aa8ae9;
  --violet-soft:rgba(170,138,233,.14);
  --sky:#63afe3;
  --sky-soft:rgba(99,175,227,.14);
  --rose:#eb7898;
  --rose-soft:rgba(235,120,152,.14);
  --olive:#a6ba68;
  --olive-soft:rgba(166,186,104,.14);
}
body{background:var(--bg);letter-spacing:-.006em}
::selection{background:rgba(49,88,212,.18)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:rgba(49,88,212,.28)}

/* a slim physical-print-like color register at the very top */
body::before{
  content:"";position:fixed;z-index:1000;inset:0 0 auto 0;height:4px;pointer-events:none;
  background:linear-gradient(90deg,var(--brand) 0 28%,var(--teal) 28% 51%,var(--coral) 51% 74%,var(--gold) 74% 100%);
}

.site-header{padding-top:4px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.nav-shell{height:64px;border:0;border-radius:0;background:transparent;box-shadow:none!important;padding-inline:0}
.brand-word{color:var(--text);font-weight:840;letter-spacing:-.045em}
.brand-status{width:7px;height:7px;background:var(--coral);border-radius:50%;box-shadow:none}
.nav-link:hover{background:transparent;color:var(--brand)}
.search-trigger{background:var(--surface);border-color:var(--line);border-radius:8px;box-shadow:0 1px 0 rgba(23,35,59,.04)}
.round-btn{border-radius:8px}.round-btn:hover{background:var(--surface)}

.home-page{padding-bottom:90px}
.hero{padding:96px 0 78px;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:76px;align-items:center}
.hero-copy{max-width:570px}
.eyebrow{color:var(--coral);font-size: 11.5px;font-weight:850;letter-spacing:.11em}
.hero h1{color:var(--text);font-size: clamp(60px, 6.3vw, 89.5px);line-height:.96;letter-spacing:-.073em}
.hero h1::after{content:"";display:block;width:72px;height:7px;margin-top:24px;background:linear-gradient(90deg,var(--brand) 0 35%,var(--teal) 35% 62%,var(--coral) 62% 100%);border-radius:1px}
html[dir="rtl"] .hero h1::after{margin-inline-start:0}
.hero p{color:var(--text-soft);font-size: 17.5px}
.hero-search-area{position:relative;padding:30px 30px 27px;background:#2448bc;border:1px solid #2448bc;border-radius:16px;box-shadow:10px 10px 0 #d9dfef}
html[data-theme="dark"] .hero-search-area{background:#294bb6;border-color:#294bb6;box-shadow:10px 10px 0 #0c1019}
.hero-search-area::after{content:"";position:absolute;right:22px;top:0;width:92px;height:8px;background:linear-gradient(90deg,var(--gold) 0 33%,var(--coral) 33% 66%,var(--teal) 66%);transform:translateY(-1px)}
html[dir="rtl"] .hero-search-area::after{right:auto;left:22px}
.search-label{color:#eef2ff;font-size: 12.5px;letter-spacing:.04em}
.search-shell{height:62px;border:0;border-radius:9px;background:#fffdf9;box-shadow:none;overflow:hidden}
.search-shell:hover{transform:none;box-shadow:none}
.search-box{height:60px;border:0;border-radius:9px;background:#fffdf9;color:#17233b;font-size: 16px;box-shadow:none!important}
.search-box:focus{box-shadow:inset 0 0 0 2px #122d80!important;transform:none}
.search-box::placeholder{color:#7b8090}
.search-icon{color:#40506d}.search-key{background:#edf0f7;border-color:#d8dce5;color:#707789}
.category-links{margin-top:18px;color:#cbd5ff}.category-links span{color:rgba(255,255,255,.35)}.category-links :is(button, a){color:#e7ecff;font-weight:700}.category-links :is(button, a):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

.section,.directory-section{border-top-color:var(--line);padding-top:48px}
.section-index{width:24px;height:24px;display:inline-grid!important;place-items:center;border-radius:50%;background:var(--brand);color:#fff!important;font-size: 10.5px!important;letter-spacing:0!important}
.section-head h2{font-size: 27.5px;color:var(--text)}
.section-head p{color:var(--muted)}
.link-btn{color:var(--brand-deep)}

/* tool rows gain a tiny color identity without becoming card soup */
.tool-card{padding:19px 0 19px 14px;border-top-color:var(--line);border-inline-start:4px solid transparent}
html[dir="rtl"] .tool-card{padding:19px 14px 19px 0}
.tool-card:hover{padding-inline-start:14px;background:color-mix(in srgb,var(--tool-soft,#e8edff) 54%,transparent);border-inline-start-color:var(--tool-color,var(--brand));border-top-color:var(--line)}
.tool-card[data-category="pdf"]{--tool-color:#3158d4;--tool-soft:#e8edff}
.tool-card[data-category="text"]{--tool-color:#0f9f87;--tool-soft:#dff5ee}
.tool-card[data-category="calc"]{--tool-color:#e9654c;--tool-soft:#ffe8e1}
.tool-card[data-category="convert"]{--tool-color:#d99b25;--tool-soft:#fff0c8}
.tool-card[data-category="student"]{--tool-color:#7959b8;--tool-soft:#eee7fa}
.tool-card[data-category="dev"]{--tool-color:#2786c8;--tool-soft:#e1f1fb}
.tool-card[data-category="seo"]{--tool-color:#74853d;--tool-soft:#eef2db}
.tool-card[data-category="security"]{--tool-color:#c95072;--tool-soft:#fae5ec}
.tool-card[data-category="generator"]{--tool-color:#9a6a2d;--tool-soft:#f6ead9}
html[data-theme="dark"] .tool-card:hover{background:color-mix(in srgb,var(--tool-color,var(--brand)) 11%,transparent)}
.tool-kicker{color:var(--tool-color,var(--brand));font-weight:850}
.tool-card:hover .tool-arrow{color:var(--tool-color,var(--brand))}.star:hover,.star.on{color:var(--tool-color,var(--brand));background:transparent}

/* directory uses real color blocks — quick to scan, not decorative noise */
.category-panel{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.category-card{--cat:#3158d4;--cat-soft:#e8edff;min-height:76px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--cat) 20%,var(--line));border-radius:10px;background:var(--cat-soft);grid-template-columns:1fr auto auto;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.category-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cat) 48%,var(--line));box-shadow:0 7px 18px rgba(23,35,59,.07)}
.category-card .category-name{color:color-mix(in srgb,var(--cat) 88%,#17233b);font-weight:820}
.category-card .category-count{color:color-mix(in srgb,var(--cat) 48%,#6e7180)}
.category-card .category-arrow{color:var(--cat)}
.category-card[data-category="pdf"]{--cat:#3158d4;--cat-soft:#e8edff}
.category-card[data-category="text"]{--cat:#0f9f87;--cat-soft:#dff5ee}
.category-card[data-category="calc"]{--cat:#e9654c;--cat-soft:#ffe8e1}
.category-card[data-category="convert"]{--cat:#c78a14;--cat-soft:#fff0c8}
.category-card[data-category="student"]{--cat:#7959b8;--cat-soft:#eee7fa}
.category-card[data-category="dev"]{--cat:#2786c8;--cat-soft:#e1f1fb}
.category-card[data-category="seo"]{--cat:#74853d;--cat-soft:#eef2db}
.category-card[data-category="security"]{--cat:#c95072;--cat-soft:#fae5ec}
.category-card[data-category="generator"]{--cat:#9a6a2d;--cat-soft:#f6ead9}
html[data-theme="dark"] .category-card{background:color-mix(in srgb,var(--cat) 14%,var(--surface));border-color:color-mix(in srgb,var(--cat) 32%,var(--line))}
html[data-theme="dark"] .category-card .category-name{color:color-mix(in srgb,var(--cat) 68%,#fff)}
html[data-theme="dark"] .category-card .category-count{color:var(--muted)}

.privacy-strip{margin-top:58px;padding:22px 24px;border:1px solid #b8dfd2;border-radius:10px;background:#e4f4ee!important;box-shadow:6px 6px 0 #cde8df}
.privacy-strip strong{color:#116c56}.privacy-strip p{color:#4f6f65}.privacy-strip .link-btn{color:#116c56}
html[data-theme="dark"] .privacy-strip{background:#17352f!important;border-color:#24594e;box-shadow:6px 6px 0 #0c1716}.privacy-strip strong{font-weight:850}

/* browse filters look like a colored index rather than pills */
.filter-link.active{color:var(--brand);border-bottom-color:var(--brand)}
.browse-head .eyebrow{color:var(--coral)}
.browse-controls input{background:var(--surface);border-color:var(--line-strong)}

/* tool workspaces carry the same identity */
.tool-title-row h1{color:var(--text)}
.workspace{border-radius:12px;border-color:var(--line-strong);box-shadow:8px 8px 0 color-mix(in srgb,var(--brand) 10%,var(--surface-3))}
.workspace-main{border-top:5px solid var(--brand)}
.workspace-foot{background:var(--surface-2)}
.upload-zone{border-radius:9px;border-color:#9badde;background:#f3f6ff}
.upload-zone:hover,.upload-zone.drag{border-color:var(--brand);background:#ebf0ff}
.upload-filemark{border-color:#9badde;background:#fff;color:var(--brand)}
.upload-zone::before{display:none!important;content:none!important}.upload-filemark{width:64px;height:72px;margin-bottom:14px;border:0;background:transparent;box-shadow:none}.upload-filemark svg{display:block;width:64px;height:72px}.upload-filemark svg>path:first-child{fill:var(--surface-solid);stroke:#9badde;stroke-width:1.5}.upload-filemark .fold{fill:#e8edff;stroke:#9badde;stroke-width:1.5;stroke-linejoin:round}.upload-filemark .line{fill:none;stroke:#b2bdd8;stroke-width:2;stroke-linecap:round}.upload-filemark rect{fill:#3158d4}.upload-filemark .pdf-letters{fill:#fff}.upload-zone strong{font-size:17px;font-weight:800;letter-spacing:-.018em}.upload-zone p{margin-top:5px;font-size:13px}html[data-theme="dark"] .upload-filemark svg>path:first-child{fill:#202a42;stroke:#6177b5}html[data-theme="dark"] .upload-filemark .fold{fill:#293858;stroke:#6177b5}
html[data-theme="dark"] .upload-zone{background:#19233d;border-color:#4c64a8}html[data-theme="dark"] .upload-zone:hover{background:#1d2a4a}
.guard-dot{background:var(--teal)}
.primary-btn{border-color:var(--brand);background:var(--brand);border-radius:7px}.primary-btn:hover{background:#2448bc;border-color:#2448bc}
.secondary-btn{border-radius:7px}.result-card{border-radius:9px;background:var(--surface-2)}

.palette{border-radius:10px;border-top:5px solid var(--brand)}
.palette-item:hover{background:var(--brand-soft)}
.footer{border-top-color:var(--line-strong)}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:42px}.hero-search-area{max-width:760px}.category-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body::before{height:3px}.site-header{padding-top:3px}.hero{padding-top:58px}.hero h1{font-size: 55px}.hero h1::after{height:6px;width:60px;margin-top:18px}.hero-search-area{padding:22px 18px 20px;border-radius:12px;box-shadow:6px 6px 0 #d9dfef}.category-panel{grid-template-columns:1fr}.category-card{min-height:68px}.privacy-strip{box-shadow:4px 4px 0 #cde8df}.workspace{box-shadow:5px 5px 0 color-mix(in srgb,var(--brand) 10%,var(--surface-3))}
}


/* Homepage portal — approved visual direction */
.portal-hero-v5{padding:66px 0 54px}
.portal-intro-v5{max-width:960px;margin:0 auto 38px;text-align:center;animation:portalReveal .55s cubic-bezier(.2,.75,.25,1) both}
.portal-kicker-v5{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:17px;color:var(--v4-sub);font-size: 10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.portal-intro-v5 h1{margin:0;color:var(--v4-ink);font-size: clamp(49.5px, 5.2vw, 76px);font-weight:850;letter-spacing:-.062em;line-height:1.02;text-wrap:balance}
.portal-intro-v5 h1 span{color:var(--v4-cobalt)}
html[dir="rtl"] .portal-intro-v5 h1{letter-spacing:-.025em;line-height:1.18}
.portal-intro-v5>p{margin:18px auto 25px;color:var(--v4-sub);font-size: 16px;line-height:1.7}
.portal-search-v5{height:64px;max-width:960px;margin:0 auto;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:13px;padding:0 15px 0 19px;border:1px solid #cfd5df;border-radius:13px;background:var(--surface-solid);box-shadow:0 8px 24px rgba(27,42,71,.07);text-align:start;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
html[dir="rtl"] .portal-search-v5{padding:0 19px 0 15px}
.portal-search-v5:focus-within{border-color:#7790ea;box-shadow:0 0 0 4px rgba(49,87,213,.09),0 12px 30px rgba(27,42,71,.09);transform:translateY(-1px)}
.portal-search-v5>span{display:grid;color:#647188}.portal-search-v5>span svg{width:23px;height:23px}
.portal-search-v5 .search-box{height:auto;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--v4-ink);font-size: 16px}
.portal-search-v5 kbd{padding:6px 8px;border:1px solid #dfe4eb;border-bottom-width:2px;border-radius:7px;background:#f7f8fa;color:#697386;font-size: 10.5px;font-weight:800}
.portal-primary-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.portal-card-v5{--portal-accent:var(--v4-cobalt);--portal-soft:var(--v4-cobalt-soft);position:relative;min-height:250px;padding:30px 26px;border:1px solid color-mix(in srgb,var(--portal-accent) 62%,var(--v4-border));border-radius:17px;background:color-mix(in srgb,var(--portal-soft) 48%,var(--surface-solid));display:grid;grid-template-columns:96px 1fr;align-items:center;gap:21px;text-align:start;color:var(--v4-ink);cursor:pointer;overflow:hidden;box-shadow:0 5px 16px rgba(26,39,68,.035);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;animation:portalReveal .52s cubic-bezier(.2,.75,.25,1) both}
.portal-card-v5:nth-child(1){animation-delay:.08s}.portal-card-v5:nth-child(2){animation-delay:.14s}.portal-card-v5:nth-child(3){animation-delay:.2s}
.portal-card-v5:hover{transform:translateY(-6px);border-color:var(--portal-accent);box-shadow:0 19px 42px color-mix(in srgb,var(--portal-accent) 15%,transparent)}
.portal-card-v5:focus-visible,.portal-mini-v5:focus-visible{outline:3px solid color-mix(in srgb,var(--portal-accent,var(--v4-cobalt)) 30%,transparent);outline-offset:3px}
.portal-students-v5{--portal-accent:#087d80;--portal-soft:#eaf8f7}.portal-pdf-v5{--portal-accent:#e0523c;--portal-soft:#fff0ec}.portal-calculators-v5{--portal-accent:#bb7600;--portal-soft:#fff6df}
.portal-icon-v5{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--portal-accent) 9%,var(--surface-solid));color:var(--portal-accent);transition:transform .22s ease}
.portal-icon-v5 svg{width:48px;height:48px}.portal-card-v5:hover .portal-icon-v5{transform:scale(1.045) rotate(-2deg)}
html[dir="rtl"] .portal-card-v5:hover .portal-icon-v5{transform:scale(1.045) rotate(2deg)}
.portal-card-copy-v5{display:block;min-width:0}.portal-card-copy-v5>strong{display:block;color:var(--portal-accent);font-size: 31px;font-weight:850;letter-spacing:-.035em}.portal-card-copy-v5>small{display:block;margin-top:9px;color:var(--v4-ink);font-size: 15px;line-height:1.55}
.portal-tags-v5{display:flex;flex-wrap:wrap;gap:0;margin-top:15px;color:var(--portal-accent);font-size: 11px;font-weight:780}.portal-tags-v5 i{font-style:normal}.portal-tags-v5 i+i{margin-inline-start:9px;padding-inline-start:9px;border-inline-start:1px solid color-mix(in srgb,var(--portal-accent) 32%,transparent)}
.portal-feature-v5{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--portal-accent) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--portal-accent) 8%,var(--surface-solid));color:var(--portal-accent);font-size:10.5px;font-weight:900;line-height:1.15}.portal-feature-v5 b{font-size:12px}.portal-feature-v5 svg{width:13px;height:13px}
.portal-status-v5,.portal-count-v5{width:max-content;margin-top:15px;display:inline-flex;align-items:center;gap:6px;color:#08765d;font-size: 11.5px;font-weight:850}.portal-status-v5 svg{width:14px;height:14px}.portal-count-v5{color:var(--portal-accent)}
.portal-arrow-v5{position:absolute;inset-inline-end:20px;bottom:20px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--portal-accent) 10%,var(--surface-solid));color:var(--portal-accent);transition:transform .22s ease,background .22s ease}
.portal-arrow-v5 svg{width:21px;height:21px}.portal-card-v5:hover .portal-arrow-v5{transform:translateX(4px);background:color-mix(in srgb,var(--portal-accent) 17%,var(--surface-solid))}
html[dir="rtl"] .portal-arrow-v5 svg{transform:scaleX(-1)}html[dir="rtl"] .portal-card-v5:hover .portal-arrow-v5{transform:translateX(-4px)}
.portal-secondary-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.portal-mini-v5{--portal-accent:var(--v4-cobalt);min-height:102px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--portal-accent) 33%,var(--v4-border));border-radius:14px;background:var(--surface-solid);display:grid;grid-template-columns:48px 1fr auto 22px;align-items:center;gap:12px;color:var(--v4-ink);text-align:start;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;animation:portalReveal .46s cubic-bezier(.2,.75,.25,1) both}
.portal-mini-v5:nth-child(1){animation-delay:.24s}.portal-mini-v5:nth-child(2){animation-delay:.29s}.portal-mini-v5:nth-child(3){animation-delay:.34s}.portal-mini-v5:nth-child(4){animation-delay:.39s}
.portal-mini-v5.cobalt{--portal-accent:var(--v4-cobalt)}.portal-mini-v5.teal{--portal-accent:var(--v4-teal)}.portal-mini-v5.violet{--portal-accent:var(--v4-violet)}.portal-mini-v5.sky{--portal-accent:var(--v4-sky)}
.portal-mini-v5>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--portal-accent) 10%,var(--surface-solid));color:var(--portal-accent);transition:transform .2s ease}.portal-mini-v5>span svg{width:24px;height:24px}
.portal-mini-v5>strong{font-size: 15px}.portal-mini-v5>small{min-width:24px;height:23px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--portal-accent) 9%,transparent);color:var(--portal-accent);font-size: 10.5px;font-weight:850}.portal-mini-v5>b{display:grid;color:var(--portal-accent);transition:transform .2s ease}.portal-mini-v5>b svg{width:17px;height:17px}
.portal-mini-v5:hover{transform:translateY(-3px);border-color:var(--portal-accent);box-shadow:0 12px 28px rgba(25,39,67,.07)}.portal-mini-v5:hover>span{transform:rotate(-4deg) scale(1.04)}.portal-mini-v5:hover>b{transform:translateX(3px)}
html[dir="rtl"] .portal-mini-v5>b svg{transform:scaleX(-1)}html[dir="rtl"] .portal-mini-v5:hover>b{transform:translateX(-3px)}
.portal-trust-v5{margin-top:30px;padding:19px 24px;border:1px solid #ddd7ca;border-radius:14px;background:#fffcf5;display:grid;grid-template-columns:1fr 1fr;animation:portalReveal .5s .42s cubic-bezier(.2,.75,.25,1) both}
.portal-trust-v5>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:13px;padding:0 24px}.portal-trust-v5>div+div{border-inline-start:1px solid #dfd9ce}
.portal-trust-v5>div>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ccd6ea;border-radius:50%;background:#fff;color:var(--v4-cobalt)}.portal-trust-v5>div>span svg{width:21px;height:21px}
.portal-trust-v5 p{margin:0}.portal-trust-v5 strong{display:block;color:var(--v4-ink);font-size: 14px}.portal-trust-v5 small{display:block;margin-top:3px;color:var(--v4-sub);font-size: 11px}
html[data-theme="dark"] .portal-search-v5,html[data-theme="dark"] .portal-mini-v5{background:#151c26;border-color:#303a49}
html[data-theme="dark"] .portal-search-v5 kbd{background:#202835;border-color:#333d4c}
html[data-theme="dark"] .portal-card-v5{background:color-mix(in srgb,var(--portal-accent) 9%,#151c26)}
html[data-theme="dark"] .portal-icon-v5,html[data-theme="dark"] .portal-arrow-v5,html[data-theme="dark"] .portal-mini-v5>span{background:color-mix(in srgb,var(--portal-accent) 14%,#151c26)}
html[data-theme="dark"] .portal-trust-v5{background:#171b21;border-color:#353941}html[data-theme="dark"] .portal-trust-v5>div+div{border-color:#343943}html[data-theme="dark"] .portal-trust-v5>div>span{background:#202631;border-color:#394359}
@keyframes portalReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1020px){.portal-primary-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-calculators-v5{grid-column:1/-1}.portal-secondary-v5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.portal-hero-v5{padding:48px 0 42px}.portal-intro-v5{margin-bottom:28px;text-align:start}.portal-kicker-v5{justify-content:flex-start}.portal-intro-v5 h1{font-size: 50.5px}.portal-intro-v5>p{margin-inline:0}.portal-search-v5{height:58px}.portal-search-v5 kbd{display:none}.portal-primary-v5{grid-template-columns:1fr}.portal-calculators-v5{grid-column:auto}.portal-card-v5{min-height:190px;padding:22px 18px;grid-template-columns:76px 1fr;gap:16px}.portal-icon-v5{width:74px;height:74px}.portal-icon-v5 svg{width:38px;height:38px}.portal-card-copy-v5>strong{font-size: 26.5px}.portal-arrow-v5{width:39px;height:39px;inset-inline-end:15px;bottom:15px}.portal-secondary-v5{grid-template-columns:1fr}.portal-mini-v5{min-height:86px}.portal-trust-v5{grid-template-columns:1fr;padding:7px 18px}.portal-trust-v5>div{padding:14px 0}.portal-trust-v5>div+div{border-inline-start:0;border-top:1px solid #dfd9ce}html[data-theme="dark"] .portal-trust-v5>div+div{border-top-color:#343943}}
@media(prefers-reduced-motion:reduce){.portal-intro-v5,.portal-card-v5,.portal-mini-v5,.portal-trust-v5{animation:none}.portal-card-v5,.portal-mini-v5,.portal-icon-v5,.portal-arrow-v5,.portal-search-v5{transition:none}}

/* ==========================================================
   2026 V4 — lively, icon-led, human product design
   ========================================================== */
:root{
  --v4-ink:#14213d;--v4-sub:#5c6475;--v4-cobalt:#3157d5;--v4-cobalt-soft:#edf1ff;
  --v4-teal:#0f9f87;--v4-teal-soft:#e7f8f3;--v4-coral:#ee6b55;--v4-coral-soft:#fff0ec;
  --v4-amber:#d9991d;--v4-amber-soft:#fff5db;--v4-violet:#7b61c8;--v4-violet-soft:#f1edff;
  --v4-sky:#2f8fc7;--v4-sky-soft:#e9f6fd;--v4-lime:#75883d;--v4-lime-soft:#f0f5df;
  --v4-rose:#c95072;--v4-rose-soft:#fdebf1;--v4-sand:#9a6a2d;--v4-sand-soft:#fbf0e1;
  --v4-border:#e1e5ec;--v4-shadow:0 18px 50px rgba(32,45,74,.08);--v4-shadow-hover:0 22px 56px rgba(32,45,74,.13)
}
html[data-theme="light"] body{background:#f8f9fc;color:var(--v4-ink)}
html[data-theme="dark"]{--v4-ink:#f5f7fb;--v4-sub:#9ba6b9;--v4-border:#28313f;--v4-cobalt-soft:rgba(67,92,214,.16);--v4-teal-soft:rgba(15,159,135,.14);--v4-coral-soft:rgba(238,107,85,.13);--v4-amber-soft:rgba(217,153,29,.13);--v4-violet-soft:rgba(123,97,200,.15);--v4-sky-soft:rgba(47,143,199,.14);--v4-lime-soft:rgba(117,136,61,.14);--v4-rose-soft:rgba(201,80,114,.14);--v4-sand-soft:rgba(154,106,45,.14)}
html[data-theme="dark"] body{background:#0f141c;color:var(--v4-ink)}
.ambient{display:none!important}body::before{content:"";position:fixed;z-index:1000;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#3157d5 0 22%,#0f9f87 22% 43%,#ee6b55 43% 64%,#d9991d 64% 82%,#7b61c8 82%);pointer-events:none}
.site-header{padding:4px 0 0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-shell{width:min(1240px,calc(100% - 38px));height:68px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand{gap:10px;padding:4px 6px 4px 0}.brand-symbol{width:34px;height:34px;padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:10px;background:#14213d;box-shadow:0 6px 14px rgba(20,33,61,.15)}html[data-theme="dark"] .brand-symbol{background:#f3f5fb}.brand-symbol i{display:block;border-radius:2px}.brand-symbol i:nth-child(1){background:#6e86ff}.brand-symbol i:nth-child(2){background:#20b59d}.brand-symbol i:nth-child(3){background:#f27b64}.brand-symbol i:nth-child(4){background:#f1b843}.brand-word{font-size: 19.5px;font-weight:850;letter-spacing:-.035em;color:var(--v4-ink)}.brand-status{display:none}
.beta-badge{min-height:19px;display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border:1px solid #e7bd55;border-radius:999px;background:#fff5d5;color:#8a5b00;font-size: 9px;font-weight:900;letter-spacing:.09em;line-height:1;box-shadow:0 2px 6px rgba(138,91,0,.08)}.beta-badge::before{content:"";width:5px;height:5px;margin-inline-end:4px;border-radius:50%;background:#e0a11d;box-shadow:0 0 0 2px rgba(224,161,29,.14)}html[data-theme="dark"] .beta-badge{border-color:rgba(238,188,73,.38);background:rgba(224,161,29,.12);color:#f1c86c}@media(max-width:620px){.brand{gap:7px}.beta-badge{padding:2px 5px;font-size: 8px}.beta-badge::before{display:none}}
.primary-nav{gap:2px}.nav-link{height:38px;border-radius:9px;font-weight:680;font-size: 14px}.search-trigger{background:var(--surface-solid);border:1px solid var(--v4-border);box-shadow:0 2px 8px rgba(32,45,74,.04)}
.page{width:min(1240px,calc(100% - 38px))}
.home-v4{padding-bottom:48px}
.hero-v4{display:grid;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:82px;align-items:center;padding:92px 0 84px}
.hero-v4-copy{min-width:0}.hero-badge-v4{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#526078;font-size: 11.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.badge-squares{display:flex;gap:3px}.badge-squares i{width:7px;height:7px;border-radius:2px}.badge-squares i:nth-child(1){background:var(--v4-cobalt)}.badge-squares i:nth-child(2){background:var(--v4-teal)}.badge-squares i:nth-child(3){background:var(--v4-coral)}
.hero-v4 h1{max-width:650px;margin:0;font-size: clamp(57.5px, 5.8vw, 85px);line-height:.98;letter-spacing:-.068em;font-weight:850;color:var(--v4-ink);text-wrap:balance}.hero-v4 h1 span{display:block;margin-top:7px;color:var(--v4-cobalt)}html[dir="rtl"] .hero-v4 h1{letter-spacing:-.025em;line-height:1.12}.hero-v4 p{max-width:590px;margin:23px 0 30px;color:var(--v4-sub);font-size: 17.5px;line-height:1.72}
.hero-search-v4{height:62px;max-width:650px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:13px;padding:0 15px 0 18px;border:1px solid #d8dee9;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(26,40,72,.08);transition:.2s ease}html[data-theme="dark"] .hero-search-v4{background:#151c26;border-color:#303a49}.hero-search-v4:focus-within{border-color:#7b91ef;box-shadow:0 0 0 4px rgba(49,87,213,.09),0 12px 32px rgba(26,40,72,.1)}.hero-search-icon{display:grid;color:#69748a}.hero-search-icon svg{width:22px;height:22px}.hero-search-v4 .search-box{height:auto;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;font-size: 16px;color:var(--v4-ink)}.hero-search-v4 kbd{padding:5px 7px;border:1px solid #dfe4ec;border-bottom-width:2px;border-radius:7px;background:#f6f7f9;color:#6f7785;font-size: 11.5px;font-weight:750}html[data-theme="dark"] .hero-search-v4 kbd{background:#202835;border-color:#333d4c}
.hero-shortcuts-v4{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.shortcut-v4{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:var(--surface-solid);color:var(--v4-sub);font-size: 12.5px;font-weight:750;cursor:pointer;transition:.16s ease}.shortcut-v4 span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px}.shortcut-v4 span svg{width:15px;height:15px}.shortcut-v4.cobalt span{background:var(--v4-cobalt-soft);color:var(--v4-cobalt)}.shortcut-v4.coral span{background:var(--v4-coral-soft);color:var(--v4-coral)}.shortcut-v4.amber span{background:var(--v4-amber-soft);color:var(--v4-amber)}.shortcut-v4.sky span{background:var(--v4-sky-soft);color:var(--v4-sky)}.shortcut-v4.more span{background:#f1f3f6;color:#596477;font-size: 18.5px}.shortcut-v4:hover{transform:translateY(-1px);border-color:var(--v4-border);box-shadow:0 5px 16px rgba(28,43,76,.06)}
.hero-board-v4{position:relative;padding:24px;border:1px solid #dfe4ec;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(33,49,80,.11)}html[data-theme="dark"] .hero-board-v4{background:#151c26;border-color:#2a3443}.hero-board-v4::before{content:"";position:absolute;inset:-12px 20px 12px -12px;z-index:-1;border-radius:20px;background:#e9edfb}.hero-board-v4::after{content:"";position:absolute;width:74px;height:74px;right:-22px;top:-25px;z-index:-1;border-radius:16px;background:var(--v4-coral-soft);transform:rotate(12deg)}html[dir="rtl"] .hero-board-v4::after{right:auto;left:-22px}.board-top-v4{display:flex;align-items:center;justify-content:space-between;padding:0 2px 17px;border-bottom:1px solid #edf0f4}.board-top-v4>div{display:flex;align-items:center;gap:9px}.board-top-v4 strong{font-size: 14px;color:var(--v4-ink)}.board-dot{width:8px;height:8px;border-radius:999px;background:#20b59d;box-shadow:0 0 0 4px rgba(32,181,157,.1)}.board-count{padding:5px 8px;border-radius:7px;background:#f4f6f9;color:#6b7482;font-size: 10.5px;font-weight:800}html[data-theme="dark"] .board-count{background:#202936}
.board-grid-v4{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0}.board-tool-v4{min-height:78px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;padding:11px;border:1px solid #edf0f4;border-radius:13px;background:#fcfdff;text-align:start}.board-icon-v4{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.board-icon-v4 svg{width:21px;height:21px}.board-tool-v4 small{display:block;margin-bottom:3px;color:#8a92a0;font-size: 9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.board-tool-v4 strong{display:block;color:var(--v4-ink);font-size: 12.5px;line-height:1.2}.mini-arrow{display:grid;color:#9aa2af}.mini-arrow svg{width:16px}.board-tool-v4.cobalt .board-icon-v4{background:var(--v4-cobalt-soft);color:var(--v4-cobalt)}.board-tool-v4.teal .board-icon-v4{background:var(--v4-teal-soft);color:var(--v4-teal)}.board-tool-v4.coral .board-icon-v4{background:var(--v4-coral-soft);color:var(--v4-coral)}.board-tool-v4.amber .board-icon-v4{background:var(--v4-amber-soft);color:var(--v4-amber)}.board-tool-v4.violet .board-icon-v4{background:var(--v4-violet-soft);color:var(--v4-violet)}.board-tool-v4.sky .board-icon-v4{background:var(--v4-sky-soft);color:var(--v4-sky)}.board-tool-v4.rose .board-icon-v4{background:var(--v4-rose-soft);color:var(--v4-rose)}.board-tool-v4.sand .board-icon-v4{background:var(--v4-sand-soft);color:var(--v4-sand)}html[data-theme="dark"] .board-tool-v4{background:#111821;border-color:#27313f}
.board-footer-v4{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:12px;background:#effaf6;color:#0b7f69}.board-footer-v4>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#d9f4ea}.board-footer-v4 svg{width:18px;height:18px}.board-footer-v4 strong{display:block;font-size: 11.5px}.board-footer-v4 small{display:block;margin-top:2px;color:#5d8b80;font-size: 10.5px}html[data-theme="dark"] .board-footer-v4{background:rgba(15,159,135,.12)}
.section-v4,.directory-v4{padding:48px 0;border-top:1px solid var(--v4-border)}.section-head-v4{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-head-v4>div>span{display:block;margin-bottom:5px;color:#8a93a1;font-size: 10.5px;font-weight:850;letter-spacing:.12em}.section-head-v4 h2{margin:0;color:var(--v4-ink);font-size: 28.5px;letter-spacing:-.04em}.section-head-v4 p{margin:5px 0 0;color:var(--v4-sub);font-size: 14px}.link-btn-v4{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--v4-cobalt);font-size: 12.5px;font-weight:800;cursor:pointer}.link-btn-v4 svg{width:16px;height:16px}html[dir="rtl"] .link-btn-v4 svg,.category-go-v4 svg,.tool-arrow svg,.privacy-link-v4 svg{transform:scaleX(-1)}
.tools-grid-v4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tool-card-v4{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft);position:relative;min-height:168px!important;padding:17px!important;border:1px solid var(--v4-border)!important;border-radius:16px!important;background:var(--surface-solid)!important;box-shadow:0 3px 12px rgba(31,45,74,.035)!important;display:grid!important;grid-template-columns:44px 1fr!important;grid-template-rows:auto 1fr!important;gap:13px!important;align-items:start!important;transition:.18s ease!important}.tool-card-v4:hover{transform:translateY(-3px)!important;padding:17px!important;border-color:color-mix(in srgb,var(--accent) 35%,var(--v4-border))!important;box-shadow:var(--v4-shadow-hover)!important}.tool-card-v4.cobalt{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft)}.tool-card-v4.teal{--accent:var(--v4-teal);--soft:var(--v4-teal-soft)}.tool-card-v4.coral{--accent:var(--v4-coral);--soft:var(--v4-coral-soft)}.tool-card-v4.amber{--accent:var(--v4-amber);--soft:var(--v4-amber-soft)}.tool-card-v4.violet{--accent:var(--v4-violet);--soft:var(--v4-violet-soft)}.tool-card-v4.sky{--accent:var(--v4-sky);--soft:var(--v4-sky-soft)}.tool-card-v4.lime{--accent:var(--v4-lime);--soft:var(--v4-lime-soft)}.tool-card-v4.rose{--accent:var(--v4-rose);--soft:var(--v4-rose-soft)}.tool-card-v4.sand{--accent:var(--v4-sand);--soft:var(--v4-sand-soft)}
.tool-icon-v4{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--accent);transition:.18s ease}.tool-icon-v4 svg{width:22px;height:22px}.tool-card-v4:hover .tool-icon-v4{transform:scale(1.04)}.tool-card-v4 .tool-card-main{grid-column:1 / -1}.tool-card-v4 .tool-kicker{margin-bottom:6px;color:var(--accent)!important;font-size: 10px!important;font-weight:850!important}.tool-card-v4 strong{font-size: 16px!important;color:var(--v4-ink)!important}.tool-card-v4 small{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px!important;padding:0!important;color:var(--v4-sub)!important;font-size: 12px!important;line-height:1.5!important}.tool-card-v4 .tool-card-side{position:absolute;top:16px;right:14px;display:flex;gap:3px}html[dir="rtl"] .tool-card-v4 .tool-card-side{right:auto;left:14px}.tool-card-v4 .star{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#a4acb8;opacity:1}.tool-card-v4 .star svg{width:16px;height:16px}.tool-card-v4 .star.on{background:var(--soft);color:var(--accent)}.tool-card-v4 .tool-arrow{width:28px;height:28px;display:grid;place-items:center;color:#a4acb8}.tool-card-v4 .tool-arrow svg{width:17px;height:17px}.tool-card-v4:hover .tool-arrow{color:var(--accent)}
.category-grid-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-card-v4{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft);min-height:92px;display:grid;grid-template-columns:48px 1fr auto 22px;align-items:center;gap:13px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--v4-border));border-radius:15px;background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--soft) 35%,var(--surface-solid)));text-align:start;cursor:pointer;transition:.18s ease}.category-card-v4:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--v4-border));box-shadow:0 12px 26px rgba(30,45,74,.07)}.category-card-v4.cobalt{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft)}.category-card-v4.teal{--accent:var(--v4-teal);--soft:var(--v4-teal-soft)}.category-card-v4.coral{--accent:var(--v4-coral);--soft:var(--v4-coral-soft)}.category-card-v4.amber{--accent:var(--v4-amber);--soft:var(--v4-amber-soft)}.category-card-v4.violet{--accent:var(--v4-violet);--soft:var(--v4-violet-soft)}.category-card-v4.sky{--accent:var(--v4-sky);--soft:var(--v4-sky-soft)}.category-card-v4.lime{--accent:var(--v4-lime);--soft:var(--v4-lime-soft)}.category-card-v4.rose{--accent:var(--v4-rose);--soft:var(--v4-rose-soft)}.category-card-v4.sand{--accent:var(--v4-sand);--soft:var(--v4-sand-soft)}.category-icon-v4{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--surface-solid);color:var(--accent);box-shadow:0 4px 12px rgba(30,45,74,.06)}.category-icon-v4 svg{width:24px;height:24px}.category-copy-v4{min-width:0}.category-copy-v4 strong{display:block;color:var(--v4-ink);font-size: 15px}.category-copy-v4 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:var(--v4-sub);font-size: 11px}.category-count-v4{min-width:28px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--surface-solid);color:var(--accent);font-size: 10.5px;font-weight:850}.category-go-v4{display:grid;color:var(--accent)}.category-go-v4 svg{width:17px;height:17px}
.privacy-v4{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;margin-top:52px;padding:22px 24px;border:1px solid #cfe9df;border-radius:16px;background:#edf9f5}.privacy-icon-v4{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#d9f2e9;color:#0b8a70}.privacy-icon-v4 svg{width:26px;height:26px}.privacy-v4>div:nth-child(2)>span{display:block;color:#0c8a70;font-size: 9px;font-weight:900;letter-spacing:.12em}.privacy-v4 strong{display:block;margin-top:2px;color:#17372f;font-size: 17.5px}.privacy-v4 p{max-width:690px;margin:5px 0 0;color:#58766e;font-size: 12px}.privacy-link-v4{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#0b7d67;font-size: 11.5px;font-weight:850;cursor:pointer}.privacy-link-v4 svg{width:16px;height:16px}html[data-theme="dark"] .privacy-v4{background:rgba(15,159,135,.1);border-color:rgba(15,159,135,.25)}html[data-theme="dark"] .privacy-v4 strong{color:#d7f7ee}
.tool-page-v4{padding-top:56px}.tool-title-v4{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft);display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:center;max-width:760px;margin-bottom:26px}.tool-title-v4.cobalt{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft)}.tool-title-v4.teal{--accent:var(--v4-teal);--soft:var(--v4-teal-soft)}.tool-title-v4.coral{--accent:var(--v4-coral);--soft:var(--v4-coral-soft)}.tool-title-v4.amber{--accent:var(--v4-amber);--soft:var(--v4-amber-soft)}.tool-title-v4.violet{--accent:var(--v4-violet);--soft:var(--v4-violet-soft)}.tool-title-v4.sky{--accent:var(--v4-sky);--soft:var(--v4-sky-soft)}.tool-title-v4.lime{--accent:var(--v4-lime);--soft:var(--v4-lime-soft)}.tool-title-v4.rose{--accent:var(--v4-rose);--soft:var(--v4-rose-soft)}.tool-title-v4.sand{--accent:var(--v4-sand);--soft:var(--v4-sand-soft)}.tool-title-icon-v4{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;background:var(--soft);color:var(--accent)}.tool-title-icon-v4 svg{width:32px;height:32px}.tool-title-v4 .tool-category-label{display:block;margin-bottom:4px;color:var(--accent);font-size: 10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tool-title-v4 h1{margin:0;font-size: 48.5px;letter-spacing:-.05em}.tool-title-v4 p{margin:5px 0 0;color:var(--v4-sub);font-size: 14px}.workspace-v4{border-radius:18px!important;border:1px solid var(--v4-border)!important;background:var(--surface-solid)!important;box-shadow:0 18px 48px rgba(28,43,73,.07)!important}.workspace-foot-shield{display:inline-flex!important;align-items:center;gap:7px}.workspace-foot-shield svg{width:16px;height:16px;color:#0f9f87}.workspace-v4 .workspace-foot .star svg{width:16px;height:16px}

/* Tool guide: purpose, common uses and a clear in-context safety notice */
.tool-purpose-panel{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft);margin-top:24px;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--v4-border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--soft) 48%,var(--surface-solid)),var(--surface-solid) 62%);box-shadow:0 10px 30px rgba(28,43,73,.045);animation:purposeReveal .38s var(--ease) both}.tool-purpose-panel.cobalt{--accent:var(--v4-cobalt);--soft:var(--v4-cobalt-soft)}.tool-purpose-panel.teal{--accent:var(--v4-teal);--soft:var(--v4-teal-soft)}.tool-purpose-panel.coral{--accent:var(--v4-coral);--soft:var(--v4-coral-soft)}.tool-purpose-panel.amber{--accent:var(--v4-amber);--soft:var(--v4-amber-soft)}.tool-purpose-panel.violet{--accent:var(--v4-violet);--soft:var(--v4-violet-soft)}.tool-purpose-panel.sky{--accent:var(--v4-sky);--soft:var(--v4-sky-soft)}.tool-purpose-panel.lime{--accent:var(--v4-lime);--soft:var(--v4-lime-soft)}.tool-purpose-panel.rose{--accent:var(--v4-rose);--soft:var(--v4-rose-soft)}.tool-purpose-panel.sand{--accent:var(--v4-sand);--soft:var(--v4-sand-soft)}
.purpose-panel-head{display:flex;align-items:center;gap:13px;margin-bottom:19px}.purpose-panel-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--soft);color:var(--accent)}.purpose-panel-icon svg{width:21px;height:21px}.purpose-panel-kicker{display:block;margin-bottom:3px;color:var(--accent);font-size: 10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.purpose-panel-head h2{margin:0;color:var(--v4-ink);font-size: 26.5px;letter-spacing:-.035em}
.purpose-panel-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:28px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--accent) 15%,var(--v4-border))}.purpose-copy p{margin:0;color:var(--v4-sub);font-size: 14.5px;line-height:1.72}.purpose-copy .purpose-lead{margin-bottom:8px;color:var(--v4-ink);font-size: 16px}.purpose-copy .purpose-lead strong{color:var(--accent)}
.purpose-uses strong{display:block;margin-bottom:9px;color:var(--v4-ink);font-size: 12.5px}.purpose-uses ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.purpose-uses li{position:relative;padding-inline-start:17px;color:var(--v4-sub);font-size: 12.5px;line-height:1.45}.purpose-uses li::before{content:"";position:absolute;inset-inline-start:1px;top:.58em;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.purpose-disclaimer{display:grid;grid-template-columns:36px 1fr;gap:12px;margin-top:20px;padding:15px 16px;border:1px solid #ead9ad;border-radius:13px;background:#fffaf0;color:#654b16}.purpose-disclaimer>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff0c7;color:#9a6800}.purpose-disclaimer>span svg{width:18px;height:18px}.purpose-disclaimer strong{display:block;font-size: 12.5px}.purpose-disclaimer p{margin:4px 0 0;font-size: 12px;line-height:1.6}.purpose-disclaimer.engineering{border-color:#efc4b1;background:#fff5ef;color:#743719}.purpose-disclaimer.engineering>span{background:#ffe4d7;color:#ba5429}.purpose-disclaimer.security{border-color:#e9c4d0;background:#fff5f8;color:#72344a}.purpose-disclaimer.security>span{background:#fbe2ea;color:#b53c62}
.purpose-legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.purpose-legal-links :is(button, a){padding:0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font-size: 11px;font-weight:800;cursor:pointer}.purpose-legal-links :is(button, a):hover{opacity:.72}
html[data-theme="dark"] .tool-purpose-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#151c26),#151c26 65%)}html[data-theme="dark"] .purpose-disclaimer{border-color:#5a4a2b;background:#241f16;color:#e9d6a4}html[data-theme="dark"] .purpose-disclaimer>span{background:#3a2f18;color:#f0bf52}html[data-theme="dark"] .purpose-disclaimer.engineering{border-color:#633c2c;background:#291c17;color:#f2b89d}html[data-theme="dark"] .purpose-disclaimer.security{border-color:#5e3242;background:#28191f;color:#efb6c8}
@keyframes purposeReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero-v4{grid-template-columns:1fr;gap:46px;padding-top:70px}.hero-v4-copy{max-width:760px}.hero-board-v4{max-width:760px}.tools-grid-v4{grid-template-columns:repeat(2,1fr)}.category-grid-v4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.nav-shell,.page{width:calc(100% - 28px)}.primary-nav{display:none}.hero-v4{padding:52px 0 58px;gap:34px}.hero-v4 h1{font-size: 53px}.hero-v4 p{font-size: 15.5px}.hero-search-v4{height:58px}.hero-shortcuts-v4{gap:6px}.shortcut-v4{height:36px;padding:0 9px}.hero-board-v4{padding:16px}.board-grid-v4{grid-template-columns:1fr}.board-tool-v4:nth-child(n+5){display:none}.tools-grid-v4,.category-grid-v4{grid-template-columns:1fr}.section-v4,.directory-v4{padding:38px 0}.section-head-v4 h2{font-size: 25.5px}.section-head-v4 p{display:none}.tool-card-v4{min-height:138px!important}.privacy-v4{grid-template-columns:46px 1fr;padding:18px}.privacy-icon-v4{width:46px;height:46px}.privacy-link-v4{grid-column:2;justify-self:start}.tool-title-v4{grid-template-columns:56px 1fr}.tool-title-icon-v4{width:56px;height:56px;border-radius:15px}.tool-title-icon-v4 svg{width:27px;height:27px}.tool-title-v4 h1{font-size: 39px}.tool-purpose-panel{padding:19px}.purpose-panel-grid{grid-template-columns:1fr;gap:18px}.purpose-panel-head h2{font-size: 23px}.purpose-disclaimer{grid-template-columns:32px 1fr;padding:13px}.purpose-disclaimer>span{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.tool-purpose-panel{animation:none}}



/* Student learning hub */
.student-hub { padding: 58px 0 90px; }
.student-hero {
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:28px; align-items:stretch;
  padding:34px; border:1px solid var(--line); border-radius:28px; background:var(--surface-solid); box-shadow:var(--shadow-sm);
  overflow:hidden; position:relative;
}
.student-hero::after { content:""; position:absolute; width:280px; height:280px; inset-inline-end:-120px; top:-130px; border-radius:50%; background:rgba(121,89,184,.10); pointer-events:none; }
.student-hero-copy { position:relative; z-index:1; }
.student-hero-badge { display:inline-flex; align-items:center; gap:8px; color:#6d4bb0; font-weight:800; font-size: 14px; text-transform:uppercase; letter-spacing:.08em; }
.student-hero-badge span { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:#eee7fa; }
.student-hero-badge svg { width:16px; height:16px; }
.student-hero h1 { margin:18px 0 12px; max-width:760px; font-size: clamp(43.5px, 5vw, 76px); letter-spacing:-.055em; line-height:.98; }
html[dir="rtl"] .student-hero h1 { letter-spacing:0; line-height:1.12; }
.student-hero p { margin:0; max-width:690px; color:var(--muted); font-size: 18.5px; }
.student-civil-feature{margin-top:20px;width:100%;max-width:690px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:13px 14px;border:1px solid rgba(8,125,128,.24);border-radius:16px;background:linear-gradient(135deg,rgba(8,125,128,.08),rgba(102,87,245,.06));color:var(--text);text-align:start;cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.student-civil-feature:hover{transform:translateY(-2px);border-color:rgba(8,125,128,.45);box-shadow:var(--shadow-sm)}.student-civil-feature>span:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#087d80;color:#fff;font-size:21px;font-weight:900}.student-civil-feature strong{display:block;font-size:14px}.student-civil-feature small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.student-civil-feature .civil-open{display:inline-flex;align-items:center;gap:6px;color:#087d80;font-size:11px;font-weight:900;white-space:nowrap}.student-civil-feature .civil-open svg{width:15px;height:15px}html[dir="rtl"] .student-civil-feature .civil-open svg{transform:scaleX(-1)}
.student-disclaimer {
  margin-top:22px; display:flex; gap:12px; align-items:flex-start; padding:15px 16px; border:1px solid #d9cef0; border-radius:14px; background:#f7f3ff; color:#4e3b77; font-size: 15px;
}
html[data-theme="dark"] .student-disclaimer { background:rgba(121,89,184,.12); border-color:rgba(166,139,220,.28); color:#d9c8ff; }
.student-disclaimer span:first-child { width:28px; height:28px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; background:#eee7fa; color:#6d4bb0; }
.student-disclaimer svg { width:16px; height:16px; }
.student-disclaimer strong { display:block; margin-bottom:3px; }
.student-level-panel { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:12px; align-content:center; }
.level-jump { border:1px solid var(--line); background:var(--bg-soft); color:var(--text); border-radius:18px; padding:18px; text-align:start; cursor:pointer; min-height:118px; transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease); }
.level-jump:hover { transform:translateY(-2px); border-color:rgba(121,89,184,.30); box-shadow:var(--shadow-sm); }
.level-jump b { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; margin-bottom:14px; color:#fff; background:#7959b8; }
.level-jump:nth-child(2) b { background:#3678d5; }.level-jump:nth-child(3) b { background:#0d8c76; }.level-jump:nth-child(4) b { background:#d76b32; }
.level-jump svg { width:20px; height:20px; }
.level-jump strong { display:block; font-size: 17.5px; }.level-jump small { display:block; margin-top:4px; color:var(--muted); line-height:1.35; }
.student-section { padding-top:52px; scroll-margin-top:100px; }
.student-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.student-section-head .left { display:flex; align-items:center; gap:14px; }
.student-section-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:#eee7fa; color:#6d4bb0; }
.student-section:nth-of-type(3) .student-section-icon { background:#e7f0ff; color:#3678d5; }
.student-section:nth-of-type(4) .student-section-icon { background:#e5f5f1; color:#0d8c76; }
.student-section:nth-of-type(5) .student-section-icon { background:#fff0e8; color:#d76b32; }
.student-section-icon svg { width:22px; height:22px; }
.student-section h2 { margin:0; font-size: 31px; letter-spacing:-.035em; }.student-section p { margin:4px 0 0; color:var(--muted); font-size: 15px; }
.student-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.student-tool-card { border:1px solid var(--line); background:var(--surface-solid); border-radius:17px; padding:18px; text-align:start; cursor:pointer; min-height:154px; display:flex; flex-direction:column; transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease); }
.student-tool-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-sm); border-color:rgba(121,89,184,.28); }
.student-tool-top { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:20px; }
.student-tool-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:#6d4bb0; background:#f0eafa; }
.student-tool-icon svg { width:20px; height:20px; }.student-tool-card .tag { color:#7959b8; font-size: 11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.student-tool-card strong { font-size: 17.5px; letter-spacing:-.015em; }.student-tool-card small { display:block; color:var(--muted); margin-top:6px; line-height:1.42; }
.student-tool-card.engineering .student-tool-icon { color:#c65d28; background:#fff0e8; }.student-tool-card.engineering .tag { color:#c65d28; }
.study-notice { margin-bottom:16px; border:1px solid #d9cef0; background:#f7f3ff; color:#4e3b77; border-radius:14px; padding:13px 14px; display:flex; gap:10px; align-items:flex-start; font-size: 14.5px; line-height:1.5; }
.study-notice.engineering { border-color:#f0c8b4; background:#fff5ef; color:#7a3a1b; }
html[data-theme="dark"] .study-notice { background:rgba(121,89,184,.12); border-color:rgba(166,139,220,.25); color:#decfff; }
html[data-theme="dark"] .study-notice.engineering { background:rgba(215,107,50,.10); border-color:rgba(215,107,50,.28); color:#ffc6a8; }
.study-notice svg { width:18px; height:18px; flex:0 0 auto; margin-top:1px; }
.edu-result-note { margin-top:10px; color:var(--muted); font-size: 14px; }
@media(max-width:900px){.student-hero{grid-template-columns:1fr}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.student-hub{padding-top:36px}.student-hero{padding:23px;border-radius:22px}.student-level-panel{grid-template-columns:1fr 1fr}.student-grid{grid-template-columns:1fr}.student-section-head{align-items:flex-start}.student-hero h1{font-size: 48.5px}.student-nav{display:none}.level-jump{min-height:106px;padding:15px}}


/* COMPLETE 2026 PRODUCT SYSTEM */
.free-trust-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0 3px;color:var(--muted);font-size: 14px;font-weight:700}.free-trust-row span:first-child{color:var(--success);display:inline-flex;align-items:center;gap:6px}.free-trust-row svg{width:15px;height:15px}.processing-mini{width:max-content;margin-top:11px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px 7px;font-size: 10.5px!important;font-weight:800!important;line-height:1;color:var(--muted)!important;background:var(--surface-2)}.processing-mini svg{width:11px;height:11px}.processing-mini.local{color:var(--success)!important;background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.processing-mini.protected{color:var(--brand-deep)!important;background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 25%,transparent)}
.tool-trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.processing-pill,.free-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size: 11.5px;font-weight:800}.processing-pill svg{width:13px;height:13px}.processing-pill.local{color:var(--success);background:var(--success-soft)}.processing-pill.protected{color:var(--brand-deep);background:var(--brand-soft)}.free-pill{color:#0f6b53;background:#eaf8f3;border-color:#ccecdf}html[data-theme="dark"] .free-pill{color:#78d9b8;background:rgba(34,197,137,.1);border-color:rgba(34,197,137,.22)}
.student-subjects{padding-top:46px}.subject-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.subject-chip{min-height:84px;text-align:start;border:1px solid var(--line);border-radius:15px;background:var(--surface-solid);padding:13px 14px;cursor:pointer;transition:.18s var(--ease)}.subject-chip:hover{transform:translateY(-1px);border-color:rgba(121,89,184,.3)}.subject-chip.active{background:#f0eafa;border-color:#cab7ee;box-shadow:inset 0 0 0 1px rgba(121,89,184,.08)}html[data-theme="dark"] .subject-chip.active{background:rgba(121,89,184,.14);border-color:rgba(180,150,235,.35)}.subject-chip strong{display:block;font-size: 14px}.subject-chip small{display:block;margin-top:5px;color:var(--muted);font-size: 11.5px}.cluster-hidden{display:none!important}
.learning-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.learning-card{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);padding:14px}.learning-card>span{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--brand-soft);color:var(--brand-deep)}.learning-card>span svg{width:15px;height:15px}.learning-card small{display:block;color:var(--muted);font-size: 10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.learning-card strong{font-size: 15px;line-height:1.45}.learning-card p{margin:0;color:var(--text-soft);font-size: 12.5px;line-height:1.55}.formula-card strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.steps-panel{margin-top:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);overflow:hidden;animation:riseIn .26s var(--ease) both}.steps-panel-head{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);font-size: 12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-deep)}.steps-panel-head svg{width:14px;height:14px}.step-row{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.step-row:last-of-type{border-bottom:0}.step-num{width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center;font-size: 12.5px;font-weight:800}.step-body strong{display:block;font-size: 14.5px;margin-bottom:6px;line-height:1.4}.step-math{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 14px;color:var(--text-soft);background:var(--surface-solid);border:1px solid var(--line);border-radius:8px;padding:9px 11px;overflow-x:auto;white-space:pre}.step-note{margin:7px 0 0;color:var(--muted);font-size: 12.5px;line-height:1.5}.steps-answer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:var(--success-soft)}.steps-answer span{color:var(--success);font-size: 12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.steps-answer strong{font-size: 16px;color:var(--success);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.related-section{margin-top:34px}.related-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.related-head span{color:var(--brand-deep);font-size: 11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.related-head h2{margin:4px 0 0;font-size: 25.5px;letter-spacing:-.03em}
.pdf-continue{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.pdf-continue>small{display:block;color:var(--muted);font-weight:800;margin-bottom:9px}.pdf-continue>div{display:flex;gap:7px;flex-wrap:wrap}.continue-tool-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);padding:9px 10px;color:var(--text);cursor:pointer;font-size: 11.5px;font-weight:800}.continue-tool-btn:hover{border-color:rgba(102,87,245,.28);background:var(--brand-soft)}.continue-tool-btn svg{width:15px;height:15px;color:var(--brand-deep)}
.pdf-options{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.pdf-options-title{margin:0 0 13px;color:var(--text);font-size: 15px}.field-hint{display:block;margin-top:-7px;margin-bottom:13px;color:var(--muted);font-size: 11.5px;line-height:1.5}.pdf-warning{margin:12px 0 0;padding:11px 12px;border:1px solid #ead9ad;border-radius:9px;background:#fffaf0;color:#745714;font-size: 12px;line-height:1.55}html[data-theme="dark"] .pdf-warning{border-color:#5a4a2b;background:#241f16;color:#e9d6a4}.field input[type="color"]{min-height:46px;padding:6px;cursor:pointer}
.pdf-page-editor-shell{display:none;margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft)}.pdf-page-editor-shell.ready{display:block}.pdf-page-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.pdf-page-editor-toolbar strong{font-size: 14px}.pdf-page-editor-toolbar span{display:block;margin-top:3px;color:var(--muted);font-size: 11px}.pdf-page-editor-toolbar button{min-height:34px;padding:6px 10px}.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.pdf-page-card{position:relative;min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface-solid);cursor:grab;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pdf-page-card:hover{border-color:rgba(49,87,213,.34);box-shadow:0 7px 18px rgba(28,43,73,.07)}.pdf-page-card.dragging{opacity:.42;transform:scale(.97)}.pdf-page-card.drop-target{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.pdf-page-thumb{height:154px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#e9edf3}.pdf-page-thumb img{display:block;max-width:100%;max-height:100%;transform:rotate(var(--page-rotation,0deg));transition:transform .18s ease}.pdf-page-card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px}.pdf-page-card-meta strong{font-size: 11.5px}.pdf-page-card-meta small{color:var(--muted);font-size: 9px}.pdf-page-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.pdf-page-card-actions button{min-height:29px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft);color:var(--text-soft);cursor:pointer;font-size: 14px}.pdf-page-card-actions button:hover{border-color:var(--brand);color:var(--brand)}.pdf-page-card-actions .remove:hover{border-color:var(--danger);color:var(--danger)}
.pdf-compare-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.pdf-compare-stat{padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid)}.pdf-compare-stat strong{display:block;color:var(--brand-deep);font-size: 23px}.pdf-compare-stat span{color:var(--muted);font-size: 10.5px}.pdf-diff-list{display:grid;gap:8px;max-height:540px;overflow:auto}.pdf-diff-page{border:1px solid var(--line);border-radius:9px;background:var(--surface-solid)}.pdf-diff-page summary{padding:11px 12px;cursor:pointer;font-size: 12.5px;font-weight:800}.pdf-diff-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 10px}.pdf-diff-side{min-width:0;padding:10px;border-radius:7px;background:var(--bg-soft)}.pdf-diff-side strong{display:block;margin-bottom:6px;font-size: 10.5px}.pdf-diff-side pre{max-height:220px;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text-soft);font:500 9px/1.55 ui-monospace,monospace}.pdf-diff-side.removed{border-inline-start:3px solid var(--danger)}.pdf-diff-side.added{border-inline-start:3px solid var(--success)}
.matrix3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.matrix3-grid .field label{font-family:ui-monospace,monospace}
html[dir="rtl"] .learning-card small{letter-spacing:0;text-transform:none}html[dir="rtl"] .related-head span{letter-spacing:0;text-transform:none}html[dir="rtl"] .processing-mini{font-size: 11.5px!important}html[dir="rtl"] .steps-panel-head{letter-spacing:0;text-transform:none}html[dir="rtl"] .steps-answer span{letter-spacing:0;text-transform:none}
@media(max-width:920px){.subject-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-panel{grid-template-columns:1fr}}@media(max-width:620px){.subject-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.processing-mini{margin-top:8px}.free-trust-row{font-size: 12.5px}.pdf-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-page-thumb{height:132px}.pdf-page-editor-toolbar{align-items:flex-start;flex-direction:column}.pdf-compare-summary,.pdf-diff-columns{grid-template-columns:1fr}}

/* Calculator portal */
.calc-hub{padding:58px 0 92px}.calc-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:30px;align-items:center;padding:36px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,var(--surface-solid),color-mix(in srgb,#ffe8e1 42%,var(--surface-solid)));box-shadow:var(--shadow-sm)}.calc-hero::after{content:"";position:absolute;width:320px;height:320px;inset-inline-end:-130px;top:-150px;border-radius:50%;background:rgba(233,101,76,.1);pointer-events:none}.calc-hero-copy{position:relative;z-index:1}.calc-hero-badge{display:inline-flex;align-items:center;gap:8px;color:#c84f39;font-size: 14px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.calc-hero-badge span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ffe8e1}.calc-hero-badge svg{width:17px;height:17px}.calc-hero h1{max-width:720px;margin:18px 0 12px;font-size: clamp(46px, 5vw, 76px);line-height:.98;letter-spacing:-.055em}.calc-hero p{max-width:690px;margin:0;color:var(--muted);font-size: 18.5px}.calc-hero-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.calc-hero-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(200,79,57,.16);border-radius:999px;background:var(--surface-solid);color:var(--text-soft);font-size: 12px;font-weight:800}.calc-hero-trust svg{width:14px;height:14px;color:#c84f39}.calc-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-stat{min-height:116px;padding:18px;border:1px solid color-mix(in srgb,#e9654c 18%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--surface-solid) 92%,transparent);display:flex;flex-direction:column;justify-content:center}.calc-stat strong{color:#c84f39;font-size: 37px;line-height:1}.calc-stat small{margin-top:7px;color:var(--muted);font-size: 12.5px;line-height:1.35}.calc-group-nav{padding-top:44px}.calc-group-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.calc-group-tab{min-height:78px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-solid);color:var(--text);text-align:start;cursor:pointer;transition:.18s var(--ease)}.calc-group-tab:hover{transform:translateY(-1px);border-color:rgba(233,101,76,.32)}.calc-group-tab.active{background:#fff1ed;border-color:#efb4a7;box-shadow:inset 0 0 0 1px rgba(233,101,76,.06)}html[data-theme="dark"] .calc-group-tab.active{background:rgba(233,101,76,.11);border-color:rgba(233,101,76,.35)}.calc-group-tab strong{display:block;font-size: 14px}.calc-group-tab small{display:block;margin-top:5px;color:var(--muted);font-size: 11px}.calc-group-section{padding-top:48px;scroll-margin-top:94px}.calc-section-head{display:flex;align-items:center;gap:13px;margin-bottom:17px}.calc-section-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffe8e1;color:#c84f39}.calc-section-icon svg{width:21px;height:21px}.calc-section-head h2{margin:0;font-size: 30px;letter-spacing:-.035em}.calc-section-head p{margin:4px 0 0;color:var(--muted);font-size: 14px}.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calc-tool-card{min-height:154px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface-solid);text-align:start;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.calc-tool-card:hover{transform:translateY(-2px);border-color:rgba(233,101,76,.3);box-shadow:var(--shadow-sm)}.calc-tool-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.calc-tool-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff0ec;color:#c84f39}.calc-tool-icon svg{width:20px;height:20px}.calc-tool-card .tag{color:#c84f39;font-size: 11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.calc-tool-card strong{font-size: 17.5px;letter-spacing:-.015em}.calc-tool-card small{display:block;margin-top:6px;color:var(--muted);line-height:1.45}.calc-group-hidden{display:none!important}html[dir="rtl"] .calc-hero h1{letter-spacing:0;line-height:1.12}html[dir="rtl"] .calc-hero-badge,html[dir="rtl"] .calc-tool-card .tag{letter-spacing:0;text-transform:none}
@media(max-width:940px){.calc-hero{grid-template-columns:1fr}.calc-group-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.calc-hub{padding-top:36px}.calc-hero{padding:23px;border-radius:22px}.calc-hero h1{font-size: 48.5px}.calc-hero-stats{grid-template-columns:1fr 1fr}.calc-stat{min-height:96px;padding:14px}.calc-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-grid{grid-template-columns:1fr}.calc-section-head{align-items:flex-start}}

/* Social proof and sharing */
.tool-social{--social-accent:var(--brand);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:16px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--surface-solid),color-mix(in srgb,var(--brand-soft) 28%,var(--surface-solid)));box-shadow:var(--shadow-xs)}.tool-social.cobalt{--social-accent:#3158d4}.tool-social.coral{--social-accent:#e9654c}.tool-social.violet{--social-accent:#7959b8}.tool-social-head{display:flex;align-items:center;gap:12px;min-width:0}.tool-social-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--surface-solid);color:var(--social-accent);box-shadow:0 3px 10px rgba(24,36,66,.06)}.tool-social-icon svg{width:19px;height:19px}.tool-social-copy strong{display:block;font-size: 14.5px}.tool-social-copy span{display:block;margin-top:3px;color:var(--muted);font-size: 11px;line-height:1.4}.tool-social-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.social-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-solid);color:var(--text-soft);cursor:pointer;font-size: 12px;font-weight:800;transition:.16s ease}.social-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--social-accent) 36%,var(--line));color:var(--social-accent)}.social-action svg{width:15px;height:15px}.social-action.helpful.active{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:var(--success-soft);color:var(--success)}.social-action:disabled{opacity:.55;cursor:wait;transform:none}.social-stat{min-height:38px;display:flex;align-items:center;gap:7px;padding:8px 10px;border-inline-start:1px solid var(--line);color:var(--muted);font-size: 11.5px;white-space:nowrap}.social-stat svg{width:14px;height:14px;color:var(--social-accent)}.social-stat strong{color:var(--text);font-size: 12.5px}.share-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(12,16,26,.56);backdrop-filter:blur(6px)}.share-sheet{width:min(460px,100%);padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface-solid);box-shadow:var(--shadow-lg)}.share-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.share-sheet-head h2{margin:0;font-size: 24px}.share-sheet-head p{margin:5px 0 0;color:var(--muted);font-size: 12.5px}.share-close{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);color:var(--text);cursor:pointer;font-size: 20.5px}.share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.share-option{min-height:54px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft);color:var(--text);cursor:pointer;text-decoration:none;font-size: 12.5px;font-weight:800}.share-option:hover{border-color:rgba(102,87,245,.34);background:var(--brand-soft)}.share-option span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--surface-solid);color:var(--brand-deep)}.share-option svg{width:15px;height:15px}.trending-card-wrap{position:relative;min-width:0}.trending-card-wrap .tool-card{height:100%}.trend-count{position:absolute;z-index:2;inset-inline-end:12px;top:11px;padding:5px 7px;border-radius:999px;background:#fff5e8;color:#a65b00;border:1px solid #f0d5ad;font-size: 10px;font-weight:850;pointer-events:none}html[data-theme="dark"] .trend-count{background:rgba(232,154,44,.12);color:#f4c06d;border-color:rgba(232,154,44,.25)}
@media(max-width:760px){.tool-social{grid-template-columns:1fr}.tool-social-actions{justify-content:flex-start}.social-stat{border-inline-start:0;padding-inline-start:2px}.share-options{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.tool-social-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.social-action{width:100%}.social-stat{grid-column:1/-1}.share-options{grid-template-columns:1fr}}


/* Civil Engineering Formula Solver */
.civil-hub{display:grid;gap:18px}.civil-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--bg-soft),var(--surface-solid))}.civil-intro h2{margin:0 0 6px;font-size:19px}.civil-intro p{margin:0;color:var(--text-soft);font-size:12px;line-height:1.65;max-width:760px}.civil-count{flex:0 0 auto;border:1px solid rgba(198,93,40,.22);background:#fff5ef;color:#8a431f;border-radius:13px;padding:10px 12px;font-size:11px;font-weight:900;white-space:nowrap}html[data-theme="dark"] .civil-count{background:rgba(215,107,50,.10);color:#ffc6a8;border-color:rgba(215,107,50,.28)}
.civil-filterbar{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr);gap:10px}.civil-filterbar .field{margin:0}.civil-formula-meta{border:1px solid var(--line);border-radius:18px;background:var(--surface-solid);overflow:hidden}.civil-formula-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line);background:var(--bg-soft)}.civil-formula-top small{display:block;color:#c65d28;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.civil-formula-top h3{margin:0;font-size:17px}.civil-standard{font-size:9px;font-weight:900;color:var(--muted);border:1px solid var(--line);background:var(--surface-solid);border-radius:999px;padding:6px 9px;white-space:nowrap}.civil-equation{padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;font-weight:900;line-height:1.5;direction:ltr;text-align:left;color:var(--brand-deep);overflow:auto}.civil-note{padding:0 18px 17px;color:var(--text-soft);font-size:11px;line-height:1.65}.civil-input-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;margin:2px 0 -4px}.civil-input-title span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand-deep)}.civil-input-title svg{width:14px;height:14px}.civil-inputs .field label span{color:var(--muted);font-weight:700}.civil-result{margin-top:18px;border:1px solid rgba(11,138,97,.22);border-radius:18px;background:var(--surface-solid);overflow:hidden}.civil-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--success-soft);border-bottom:1px solid rgba(11,138,97,.16)}.civil-result-head small{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--success);margin-bottom:4px}.civil-result-answer{font-size:21px;font-weight:950;line-height:1.35;direction:ltr;text-align:left}.civil-steps{padding:17px 18px;display:grid;gap:10px}.civil-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.civil-step-num{width:27px;height:27px;border-radius:9px;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center;font-size:10px;font-weight:950}.civil-step strong{display:block;font-size:11px;margin:1px 0 4px}.civil-step code{display:block;padding:9px 10px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.55;direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.civil-check{margin:0 18px 17px;padding:11px 12px;border-radius:11px;background:var(--warning-soft);color:var(--warning);font-size:10px;font-weight:750;line-height:1.55}.civil-catalog{border-top:1px solid var(--line);padding-top:17px}.civil-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.civil-catalog-head h3{margin:0;font-size:15px}.civil-catalog-head small{color:var(--muted);font-size:10px}.civil-catalog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding-right:3px}.civil-catalog-btn{appearance:none;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface-solid);padding:11px;cursor:pointer;color:var(--text);transition:.15s ease}.civil-catalog-btn:hover,.civil-catalog-btn.active{border-color:rgba(198,93,40,.35);background:#fff7f2;transform:translateY(-1px)}html[data-theme="dark"] .civil-catalog-btn:hover,html[data-theme="dark"] .civil-catalog-btn.active{background:rgba(215,107,50,.08)}.civil-catalog-btn small{display:block;color:#c65d28;font-size:8px;font-weight:900;margin-bottom:4px}.civil-catalog-btn strong{display:block;font-size:11px;line-height:1.35}.civil-catalog-btn span{display:block;margin-top:5px;color:var(--muted);font:700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civil-empty{grid-column:1/-1;padding:25px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.civil-unit-hint{font-size:9px;color:var(--muted);margin-inline-start:4px}.civil-copy{min-width:84px}
html[dir="rtl"] .civil-formula-top small,html[dir="rtl"] .civil-result-head small{letter-spacing:0;text-transform:none}html[dir="rtl"] .civil-catalog-btn{text-align:right}.civil-hub input[type="number"]{font-variant-numeric:tabular-nums}
@media(max-width:900px){.civil-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.civil-intro{display:block}.civil-count{display:inline-block;margin-top:12px}.civil-filterbar{grid-template-columns:1fr}.civil-formula-top{display:block}.civil-standard{display:inline-block;margin-top:9px}.civil-catalog-list{grid-template-columns:1fr}.civil-result-head{align-items:flex-start}.civil-result-answer{font-size:18px}}

/* ==========================================================
   SIMPLEFLICK WORKBENCH — v0.10
   A quieter, authored product system with task-specific layouts.
   ========================================================== */
:root{
  --bg:#f7f6f2;
  --bg-soft:#fbfaf7;
  --surface:#fffefa;
  --surface-solid:#fffefa;
  --surface-2:#f2f0ea;
  --surface-3:#ebe8e0;
  --text:#0d1b36;
  --text-soft:#34435c;
  --muted:#687286;
  --line:rgba(13,27,54,.12);
  --line-strong:rgba(13,27,54,.2);
  --brand:#145de6;
  --brand-2:#0e8e8f;
  --brand-deep:#124fc0;
  --brand-soft:#eaf0ff;
  --success:#087f80;
  --success-soft:#e8f7f5;
  --warning:#9b5b10;
  --warning-soft:#fff7e7;
  --max:1240px;
}
html[data-theme="dark"]{--bg:#0c1421;--bg-soft:#101a29;--surface:#121d2c;--surface-solid:#121d2c;--surface-2:#172435;--surface-3:#1d2c40;--text:#f5f7fb;--text-soft:#d2d9e5;--muted:#97a3b7;--line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.18);--brand:#6b99ff;--brand-deep:#86aaff;--brand-soft:rgba(52,102,218,.2);--success:#46c5b4;--success-soft:rgba(26,151,137,.16)}
body{background:var(--bg)}.ambient{display:none}.page{padding-inline:22px}
.site-header{padding:4px 0 0;background:var(--surface-solid);border-bottom:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-shell{width:100%;max-width:none;height:62px;margin:0;padding:0 30px;border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-word{letter-spacing:-.035em}.nav-link{font-size:13px}.command-trigger{border-radius:8px;background:var(--bg-soft)}
.tool-page:not(.civil-page-v6){max-width:1040px;padding-top:46px}.tool-page:not(.civil-page-v6) .breadcrumb{margin-bottom:30px}.tool-title-v4{grid-template-columns:54px 1fr;gap:15px;max-width:820px;margin-bottom:23px}.tool-title-icon-v4{width:54px;height:54px;border-radius:12px}.tool-title-icon-v4 svg{width:27px;height:27px}.tool-title-v4 h1{font-size:clamp(34px,4vw,48px);line-height:1.05;letter-spacing:-.045em}.tool-title-v4 p{font-size:13.5px}.workspace-v4{border-radius:12px!important;box-shadow:0 16px 42px rgba(25,37,58,.06)!important}.workspace-main{padding:28px}.tool-social,.tool-purpose-panel{border-radius:12px;background:var(--surface-solid);box-shadow:none}.tool-purpose-panel{background:var(--surface-solid)}.purpose-disclaimer{border-radius:8px}.related-section .tool-card-v4{border-radius:10px}
.calc-hub{padding-top:34px}.calc-hero{padding:30px;border-radius:14px;background:var(--surface-solid);box-shadow:none}.calc-hero::after{display:none}.calc-hero h1{font-size:clamp(38px,4.5vw,58px);line-height:1.02}.calc-hero p{font-size:15px}.calc-stat,.calc-group-tab,.calc-tool-card{border-radius:10px;box-shadow:none}.calc-stat{min-height:96px}.calc-tool-card:hover{transform:translateY(-1px)}

/* Student discovery workbench */
.student-hub-v6{width:min(1500px,100%);max-width:1500px;padding-top:28px;padding-bottom:84px}
.student-shell-v6{display:grid;grid-template-columns:146px 292px minmax(0,1fr);min-height:760px;border:1px solid var(--line);background:var(--surface-solid);box-shadow:0 18px 55px rgba(21,33,53,.06);overflow:hidden}
.student-level-rail-v6{display:flex;flex-direction:column;background:#06294d;color:#fff}
.student-level-rail-v6 button{appearance:none;min-height:92px;display:grid;place-items:center;align-content:center;gap:7px;padding:13px 8px;border:0;border-inline-start:4px solid transparent;background:transparent;color:rgba(255,255,255,.78);cursor:pointer;text-align:center;transition:.16s ease}
.student-level-rail-v6 button:hover,.student-level-rail-v6 button.active{border-inline-start-color:#1f73ff;background:#0b3f73;color:#fff}.student-level-rail-v6 button span{width:28px;height:28px;display:grid;place-items:center}.student-level-rail-v6 button svg{width:25px;height:25px}.student-level-rail-v6 button b{font-size:12px;line-height:1.25}.student-level-rail-v6 button:first-child{min-height:80px}
.student-subject-panel-v6{padding:28px 22px;border-inline-end:1px solid var(--line);background:var(--bg-soft)}
.student-panel-title-v6{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-panel-title-v6 h2{margin:0;font-size:19px;letter-spacing:-.025em}.student-panel-title-v6 span{color:var(--muted);font-size:11px;font-weight:800}
.student-directory-search-v6,.civil-search-v6{height:42px;display:flex;align-items:center;gap:9px;margin-top:18px;padding:0 12px;border:1px solid var(--line-strong);background:var(--surface-solid);color:var(--muted)}.student-directory-search-v6{border-radius:7px}.student-directory-search-v6 svg,.civil-search-v6 svg{width:17px;height:17px;flex:0 0 auto}.student-directory-search-v6 input,.civil-search-v6 input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}
.student-subject-list-v6{display:grid;margin-top:18px}.student-subject-list-v6 button{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text-soft);text-align:start;cursor:pointer}.student-subject-list-v6 button:hover,.student-subject-list-v6 button.active{color:var(--brand-deep)}.student-subject-list-v6 button span{font-size:11.5px;line-height:1.35}.student-subject-list-v6 button b{font-size:10px;color:var(--muted)}
.student-dashboard-v6{min-width:0;padding:28px 32px 0}.student-dashboard-head-v6>span{color:var(--brand-deep);font-size:9px;font-weight:900;letter-spacing:.12em}.student-dashboard-head-v6 h1{margin:5px 0 3px;font-size:31px;line-height:1.08;letter-spacing:-.04em}.student-dashboard-head-v6 p{margin:0;color:var(--muted);font-size:13px}
.student-dashboard-v6 section{margin-top:25px}.student-dashboard-v6 h2{margin:0 0 11px;font-size:15px;letter-spacing:-.015em}.student-continue-list-v6{border:1px solid var(--line);background:var(--surface-solid)}.student-continue-list-v6 :is(button, a){appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 17px;gap:12px;align-items:center;padding:13px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:start;cursor:pointer}.student-continue-list-v6 :is(button, a):last-child{border-bottom:0}.student-continue-list-v6 :is(button, a):hover{background:var(--bg-soft)}.student-continue-list-v6 strong{display:block;font-size:12.5px}.student-continue-list-v6 small{display:block;margin-top:2px;color:var(--muted);font-size:10.5px}.student-continue-list-v6 b{min-width:78px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:6px;color:var(--brand-deep);font-size:10.5px;text-align:center}.student-continue-list-v6 :is(button, a):first-child b{border-color:var(--brand);background:var(--brand);color:#fff}.student-continue-list-v6 svg{width:15px;height:15px}
.student-row-icon-v6{width:34px;height:34px;display:grid;place-items:center;color:var(--brand-deep)}.student-row-icon-v6 svg{width:21px!important;height:21px!important}
.student-browse-levels-v6{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.student-browse-levels-v6 button{appearance:none;min-height:165px;display:flex;flex-direction:column;align-items:flex-start;padding:17px 15px;border:0;border-inline-end:1px solid var(--line);background:transparent;color:var(--text);text-align:start;cursor:pointer}.student-browse-levels-v6 button:last-child{border-inline-end:0}.student-browse-levels-v6 button:hover,.student-browse-levels-v6 button.active{background:var(--bg-soft)}.student-browse-levels-v6 button>span{width:28px;height:28px;color:var(--brand-deep)}.student-browse-levels-v6 svg{width:22px;height:22px}.student-browse-levels-v6 strong{margin-top:11px;font-size:12.5px}.student-browse-levels-v6 small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}.student-browse-levels-v6 b{display:flex;align-items:center;gap:5px;margin-top:auto;color:var(--brand-deep);font-size:10px}.student-browse-levels-v6 b svg{width:13px;height:13px}
.student-section-title-v6{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.student-section-title-v6 h2{margin-bottom:3px}.student-section-title-v6 p{margin:0;color:var(--muted);font-size:10.5px}.student-section-title-v6>button{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--brand-deep);cursor:pointer;font-size:10.5px;font-weight:800}.student-section-title-v6>button svg{width:13px;height:13px}
.student-popular-table-v6,.student-directory-table-v6{margin-top:11px;border:1px solid var(--line)}.student-popular-table-v6 :is(button, a),.student-directory-table-v6 :is(button, a){appearance:none;width:100%;display:grid;grid-template-columns:35px minmax(160px,1.2fr) 150px minmax(190px,1.5fr) 17px;gap:12px;align-items:center;padding:10px 13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:start;cursor:pointer}.student-popular-table-v6 :is(button, a):last-child,.student-directory-table-v6 :is(button, a):last-child{border-bottom:0}.student-popular-table-v6 :is(button, a):hover,.student-directory-table-v6 :is(button, a):hover{background:var(--bg-soft)}.student-popular-table-v6 strong,.student-directory-table-v6 strong{font-size:11.5px}.student-popular-table-v6 small,.student-directory-table-v6 small{color:var(--muted);font-size:10px}.student-popular-table-v6 em,.student-directory-table-v6 em{color:var(--text-soft);font-size:10px;font-style:normal}.student-popular-table-v6>:is(button, a)>svg,.student-directory-table-v6>:is(button, a)>svg{width:14px;height:14px;color:var(--muted)}
.student-directory-v6{scroll-margin-top:82px}.student-directory-table-v6{max-height:620px;overflow:auto}.student-directory-empty-v6{padding:30px;border:1px solid var(--line);border-top:0;color:var(--muted);text-align:center;font-size:12px}.student-local-note-v6{display:flex;align-items:center;gap:8px;margin:26px -32px 0;padding:14px 32px;border-top:1px solid var(--line);background:var(--bg-soft);color:var(--muted);font-size:10.5px}.student-local-note-v6 svg{width:15px;height:15px;color:var(--success)}

/* Student navigation correction: one compact control row, no scrolling side rails. */
.student-shell-v6{display:block;min-height:0}
.student-dashboard-v6{padding:30px 34px 0}
.student-filterbar-v7{margin-top:24px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.student-level-tabs-v7{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:thin}
.student-level-tabs-v7 button{appearance:none;flex:0 0 auto;min-height:36px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.student-level-tabs-v7 button:hover{color:var(--text);background:var(--bg-soft)}
.student-level-tabs-v7 button.active{border-color:color-mix(in srgb,var(--brand) 24%,var(--line));background:var(--brand-soft);color:var(--brand-deep)}
.student-filter-tools-v7{display:grid;grid-template-columns:minmax(230px,1fr) minmax(230px,330px);gap:10px;margin-top:12px}
.student-search-v7,.student-subject-select-v7{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-solid);color:var(--muted)}
.student-search-v7 svg{width:16px;height:16px;flex:0 0 auto}.student-search-v7 input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}
.student-subject-select-v7 span{flex:0 0 auto;color:var(--text-soft);font-size:10px;font-weight:850}.student-subject-select-v7 select{min-width:0;width:100%;border:0;outline:0;background:var(--surface-solid);color:var(--text);font-size:11.5px;cursor:pointer}
.portal-card-v5{grid-template-columns:96px minmax(0,1fr)}
.portal-card-copy-v5{padding-inline-end:0}.portal-feature-v5{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.brand-symbol{width:36px;height:36px;padding:0;display:block;flex:0 0 auto;border-radius:11px;background:transparent;box-shadow:0 6px 15px rgba(13,27,54,.16);overflow:hidden}.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}.primary-nav{gap:6px}.primary-nav .nav-link{min-width:max-content;padding-inline:11px;line-height:1}.primary-nav .nav-link:hover{background:var(--bg-soft)}.footer-brand-lockup{display:inline-flex;align-items:center;gap:8px}.footer-brand-lockup img{display:block;width:25px;height:25px;border-radius:8px}
.tool-card-v4 .tool-card-side{position:static;grid-column:2;grid-row:1;justify-self:end;align-self:start}html[dir="rtl"] .tool-card-v4 .tool-card-side{position:static;right:auto;left:auto}
.tool-card-v4 .tool-trend-stat{display:flex;align-items:baseline;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.2}.tool-card-v4 .tool-trend-stat strong{color:var(--accent)!important;font-size:12px!important;font-weight:900!important}.tool-card-v4 .tool-trend-stat span{font-weight:700}
.trending-card-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch}.trending-card-wrap .tool-card{grid-row:1;height:auto}.trend-count{position:static;grid-row:2;justify-self:start;display:inline-flex;align-items:baseline;gap:4px;max-width:100%;margin-top:8px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}.trend-count strong{font-size:10.5px;font-weight:900;color:var(--text-soft)}.trend-count svg{display:none!important}html[data-theme="dark"] .trend-count{border:0;background:transparent;color:var(--muted)}

/* Dedicated PDF toolkit directory */
.primary-nav .nav-link.active{background:var(--brand-soft);color:var(--brand-deep)}
.pdf-directory-v8{width:min(1360px,calc(100% - 44px));max-width:1360px;padding:54px 0 88px}
.pdf-hero-v8{max-width:760px}.pdf-kicker-v8{display:block;margin-bottom:12px;color:var(--v4-coral);font-size:10px;font-weight:900;letter-spacing:.14em}.pdf-hero-v8 h1{margin:0;color:var(--v4-ink);font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.055em}.pdf-hero-v8>p{margin:13px 0 0;color:var(--v4-sub);font-size:16px}.pdf-device-note-v8{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--v4-sub);font-size:12px;font-weight:720}.pdf-device-note-v8 svg{width:16px;height:16px;color:var(--v4-teal)}
.pdf-search-v8{height:54px;display:flex;align-items:center;gap:11px;margin-top:24px;padding:0 16px;border:1px solid var(--v4-border);border-radius:10px;background:var(--surface-solid);box-shadow:0 3px 12px rgba(25,39,67,.035);color:var(--v4-sub);transition:border-color .18s,box-shadow .18s}.pdf-search-v8:focus-within{border-color:color-mix(in srgb,var(--v4-cobalt) 52%,var(--v4-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--v4-cobalt) 8%,transparent)}.pdf-search-v8 svg{width:19px;height:19px;flex:0 0 auto}.pdf-search-v8 input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--v4-ink);font:inherit;font-size:14px}.pdf-search-v8 input::placeholder{color:var(--v4-sub)}
.pdf-tabs-v8{display:flex;align-items:center;gap:30px;margin-top:34px;border-bottom:1px solid var(--v4-border);overflow-x:auto;scrollbar-width:none}.pdf-tabs-v8::-webkit-scrollbar{display:none}.pdf-tabs-v8 button{position:relative;min-width:max-content;height:48px;display:inline-flex;align-items:center;gap:7px;padding:0 4px;border:0;background:none;color:var(--v4-sub);font-size:12px;font-weight:760;cursor:pointer}.pdf-tabs-v8 button::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:transparent}.pdf-tabs-v8 button:hover,.pdf-tabs-v8 button.active{color:var(--v4-cobalt)}.pdf-tabs-v8 button.active::after{background:var(--v4-cobalt)}.pdf-tabs-v8 small{min-width:21px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:6px;background:var(--v4-cobalt-soft);color:var(--v4-cobalt);font-size:9px;font-weight:850}
.pdf-featured-v8{padding:31px 0 36px;border-bottom:1px solid var(--v4-border)}.pdf-section-head-v8{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.pdf-section-head-v8 span{display:block;margin-bottom:4px;color:var(--v4-coral);font-size:9px;font-weight:900;letter-spacing:.12em}.pdf-section-head-v8 h2,.pdf-all-head-v8 h2{margin:0;color:var(--v4-ink);font-size:24px;letter-spacing:-.035em}.pdf-section-head-v8>p{margin:0;color:var(--v4-sub);font-size:11px}.pdf-featured-grid-v8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid color-mix(in srgb,var(--v4-amber) 25%,var(--v4-border));border-radius:12px;background:#fffcf7;overflow:hidden}.pdf-featured-grid-v8>:is(button, a){appearance:none;min-height:126px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;padding:19px 21px;border:0;border-inline-end:1px solid var(--v4-border);background:transparent;color:var(--v4-ink);text-align:start;cursor:pointer;transition:background .18s}.pdf-featured-grid-v8>:is(button, a):last-child{border-inline-end:0}.pdf-featured-grid-v8>:is(button, a):hover{background:color-mix(in srgb,var(--v4-cobalt) 4%,#fffcf7)}.pdf-featured-icon-v8{width:52px;height:52px;display:grid;place-items:center;color:var(--v4-cobalt)}.pdf-featured-icon-v8 svg{width:36px;height:36px}.pdf-featured-grid-v8 strong{display:block;font-size:14px}.pdf-featured-grid-v8 small{display:block;margin-top:5px;color:var(--v4-sub);font-size:10.5px;line-height:1.45}.pdf-featured-grid-v8 em{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:var(--v4-teal);font-size:9px;font-style:normal;font-weight:800}.pdf-featured-grid-v8 em svg{width:13px;height:13px}
.pdf-all-v8{padding-top:34px}.pdf-all-head-v8{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}.pdf-all-head-v8>div{display:flex;align-items:baseline;gap:11px}.pdf-all-head-v8 p{margin:0;color:var(--v4-sub);font-size:10px}.pdf-clear-v8{padding:0;border:0;background:none;color:var(--v4-cobalt);font-size:10.5px;font-weight:800;cursor:pointer}.pdf-tool-grid-v8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pdf-tool-row-v8{appearance:none;min-height:108px;display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px;align-items:center;padding:16px;border:1px solid var(--v4-border);border-radius:10px;background:var(--surface-solid);color:var(--v4-ink);text-align:start;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.pdf-tool-row-v8:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--v4-cobalt) 38%,var(--v4-border));box-shadow:0 10px 25px rgba(25,39,67,.055)}.pdf-tool-icon-v8{width:43px;height:43px;display:grid;place-items:center;border-radius:9px;background:var(--v4-cobalt-soft);color:var(--v4-cobalt)}.pdf-tool-icon-v8 svg{width:23px;height:23px}.pdf-tool-row-v8 strong{display:block;font-size:12px;line-height:1.3}.pdf-tool-row-v8 small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--v4-sub);font-size:9.5px;line-height:1.45}.pdf-empty-v8{padding:42px;border:1px solid var(--v4-border);border-radius:10px;color:var(--v4-sub);text-align:center;font-size:12px}.pdf-trust-strip-v8{display:flex;align-items:center;gap:12px;margin-top:36px;padding:16px 19px;border-top:1px solid color-mix(in srgb,var(--v4-teal) 28%,var(--v4-border));border-bottom:1px solid color-mix(in srgb,var(--v4-teal) 28%,var(--v4-border));background:color-mix(in srgb,var(--v4-teal) 4%,var(--surface-solid));color:var(--v4-sub);font-size:11px}.pdf-trust-strip-v8>svg{width:22px;height:22px;flex:0 0 auto;color:var(--v4-teal)}.pdf-trust-strip-v8 strong{margin-inline-end:8px;color:var(--v4-ink)}
html[dir="rtl"] .pdf-kicker-v8,html[dir="rtl"] .pdf-section-head-v8 span{letter-spacing:0}.pdf-directory-v8 .hidden{display:none!important}
html[data-theme="dark"] .pdf-featured-grid-v8{background:#171b21;border-color:#343943}html[data-theme="dark"] .pdf-featured-grid-v8>:is(button, a):hover{background:#1c222c}
@media(max-width:1050px){.pdf-tool-grid-v8{grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-featured-grid-v8>:is(button, a){padding-inline:16px}}
@media(max-width:820px){.pdf-directory-v8{width:calc(100% - 30px);padding-top:38px}.pdf-hero-v8 h1{font-size:44px}.pdf-featured-grid-v8{grid-template-columns:1fr}.pdf-featured-grid-v8>:is(button, a){border-inline-end:0;border-bottom:1px solid var(--v4-border)}.pdf-featured-grid-v8>:is(button, a):last-child{border-bottom:0}.pdf-tool-grid-v8{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pdf-directory-v8{width:calc(100% - 28px);padding-top:30px}.pdf-hero-v8 h1{font-size:37px}.pdf-hero-v8>p{font-size:14px}.pdf-search-v8{height:51px}.pdf-tabs-v8{gap:20px;margin-top:24px}.pdf-section-head-v8{align-items:flex-start;flex-direction:column}.pdf-section-head-v8>p{display:none}.pdf-featured-grid-v8>:is(button, a){min-height:112px}.pdf-tool-grid-v8{grid-template-columns:1fr}.pdf-tool-row-v8{min-height:96px}.pdf-all-head-v8{align-items:flex-start}.pdf-trust-strip-v8{align-items:flex-start}.pdf-trust-strip-v8 strong{display:block;margin:0 0 3px}}

/* Civil engineering formula notebook */
.civil-page-v6{width:min(1500px,100%);max-width:1500px;padding-top:34px;padding-bottom:100px}.civil-page-v6 .breadcrumb{margin-bottom:23px}.civil-page-head-v6{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.civil-page-head-v6>div:first-child>span{color:var(--brand-deep);font-size:9px;font-weight:900;letter-spacing:.11em}.civil-page-head-v6 h1{margin:5px 0 4px;font-size:clamp(31px,3vw,45px);line-height:1.03;letter-spacing:-.045em}.civil-page-head-v6 p{margin:0;color:var(--muted);font-size:13px}.civil-page-meta-v6{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.civil-page-meta-v6>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);background:var(--surface-solid);font-size:10px;font-weight:800}.civil-page-meta-v6 svg{width:14px;height:14px}.civil-page-meta-v6 .star{position:static;border:1px solid var(--line);border-radius:5px;background:var(--surface-solid)}
.civil-workspace-v6{border:1px solid var(--line-strong);background:var(--surface-solid);box-shadow:0 18px 55px rgba(21,33,53,.07);overflow:hidden}.civil-workspace-grid-v6{display:grid;grid-template-columns:116px 275px minmax(410px,1fr) minmax(330px,.82fr);min-height:665px}
.civil-discipline-rail-v6{max-height:665px;overflow:auto;background:#06294d;color:#fff}.civil-discipline-rail-v6 button{appearance:none;width:100%;min-height:58px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:7px;align-items:center;padding:9px 9px;border:0;border-inline-start:4px solid transparent;background:transparent;color:rgba(255,255,255,.76);text-align:start;cursor:pointer}.civil-discipline-rail-v6 button:hover,.civil-discipline-rail-v6 button.active{border-inline-start-color:#1f73ff;background:#0b3f73;color:#fff}.civil-discipline-rail-v6 button span{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:900}.civil-discipline-rail-v6 button b{font-size:9.5px;line-height:1.2}.civil-discipline-rail-v6 button small{font-size:8px;color:rgba(255,255,255,.55)}
.civil-library-v6{min-width:0;padding:23px 17px;border-inline-end:1px solid var(--line);background:var(--bg-soft)}.civil-library-head-v6{display:flex;align-items:center;justify-content:space-between;gap:10px}.civil-library-head-v6 h2{margin:0;font-size:18px}.civil-library-head-v6 small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.civil-library-head-v6>span{display:grid;place-items:center;min-width:35px;height:28px;border:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:900}.civil-search-v6{margin-top:16px;border-radius:5px}.civil-library-category-v6{margin:20px 0 7px;color:var(--muted);font-size:8.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.civil-catalog-list-v6{display:grid;max-height:500px;overflow:auto;border-top:1px solid var(--line)}.civil-catalog-row-v6{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:4px 8px;padding:11px 5px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:start;cursor:pointer}.civil-catalog-row-v6 strong{font-size:10.5px;line-height:1.3}.civil-catalog-row-v6 span{grid-column:1;color:var(--muted);font:600 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civil-catalog-row-v6 svg{grid-column:2;grid-row:1/3;align-self:center;width:13px;height:13px;color:var(--muted)}.civil-catalog-row-v6:hover,.civil-catalog-row-v6.active{color:var(--brand-deep);background:var(--brand-soft)}
.civil-notebook-v6{min-width:0;padding:27px 28px 22px;background-color:var(--surface-solid);background-image:linear-gradient(rgba(19,70,130,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(19,70,130,.05) 1px,transparent 1px);background-size:28px 28px}.civil-formula-heading-v6{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.civil-formula-heading-v6 small{display:block;margin-bottom:4px;color:var(--brand-deep);font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.civil-formula-heading-v6 h2{margin:0;font-size:25px;letter-spacing:-.03em}.civil-formula-heading-v6>span{padding:5px 7px;border:1px solid var(--line);background:var(--surface-solid);color:var(--muted);font-size:8px}.civil-equation-v6{margin-top:24px;color:var(--brand-deep);font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.3;direction:ltr;text-align:left}.civil-formula-desc-v6{max-width:620px;margin:13px 0 0;color:var(--text-soft);font-size:11.5px;line-height:1.65}.civil-input-title-v6{display:flex;align-items:center;gap:8px;margin-top:27px;padding-top:18px;border-top:1px solid var(--line)}.civil-input-title-v6 span{width:24px;height:24px;display:grid;place-items:center;color:var(--brand-deep)}.civil-input-title-v6 svg{width:16px;height:16px}.civil-input-title-v6 strong{font-size:11.5px}.civil-inputs-v6{margin-top:13px}.civil-inputs-v6 .field{margin-bottom:12px}.civil-inputs-v6 .field label{font-size:10px}.civil-inputs-v6 input,.civil-inputs-v6 textarea{min-height:42px;border-radius:5px;background:var(--surface-solid)}.civil-unit-hint{font-size:8px}.civil-actions-v6{display:flex;gap:9px;align-items:center;margin-top:8px}.civil-actions-v6 button{min-height:40px;border-radius:5px}.civil-study-note-v6{display:flex;align-items:flex-start;gap:8px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:9.5px;line-height:1.5}.civil-study-note-v6 svg{width:16px;height:16px;flex:0 0 auto;color:var(--warning)}.civil-study-note-v6 strong{color:var(--text-soft)}
.civil-solution-panel-v6{min-width:0;align-self:start;margin:27px 20px;border:1px solid rgba(8,127,128,.55);background:var(--surface-solid)}.civil-solution-head-v6{height:57px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border-bottom:1px solid var(--line)}.civil-solution-head-v6 h2{margin:0;color:var(--success);font-family:Georgia,"Times New Roman",serif;font-size:19px}.civil-solution-head-v6 svg{width:17px;height:17px;color:var(--muted)}.civil-solution-empty-v6{padding:30px 20px;text-align:center}.civil-solution-empty-v6>span{width:29px;height:29px;display:grid;place-items:center;margin:0 auto 13px;border:1px solid var(--success);border-radius:50%;color:var(--success);font-size:11px;font-weight:900}.civil-solution-empty-v6 strong{display:block;font-size:12px}.civil-solution-empty-v6 p{margin:7px auto 18px;max-width:280px;color:var(--muted);font-size:10px;line-height:1.55}.civil-solution-empty-v6 code{display:block;padding:14px;border-top:1px solid var(--line);font:600 17px/1.4 Georgia,"Times New Roman",serif;direction:ltr}
.civil-result-v6{position:relative}.civil-copy-v6{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-solid);color:var(--muted);cursor:pointer}.civil-copy-v6 svg{width:15px;height:15px}.civil-steps-v6{padding:8px 17px}.civil-step-v6{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.civil-step-v6>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--success);border-radius:50%;color:var(--success);font-size:9px;font-weight:900}.civil-step-v6 strong{display:block;margin:2px 0 7px;font-size:10px}.civil-step-v6 code{display:block;color:var(--text);font:600 14px/1.5 Georgia,"Times New Roman",serif;direction:ltr;text-align:right;overflow-wrap:anywhere}.civil-answer-v6{margin:0 17px 17px;padding:15px;border:1px solid rgba(8,127,128,.25);background:var(--success-soft);text-align:center}.civil-answer-v6 small{display:block;margin-bottom:6px;color:var(--success);font-size:9px;font-weight:900;text-transform:uppercase}.civil-answer-v6 strong{color:var(--success);font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.45;direction:ltr}.civil-check-v6{display:flex;gap:7px;margin:0 17px 17px;padding:10px;background:var(--warning-soft);color:var(--warning);font-size:8.5px;line-height:1.45}.civil-check-v6 svg{width:14px;height:14px;flex:0 0 auto}.civil-support-v6{max-width:1120px;margin-inline:auto}.civil-support-v6 .tool-purpose-panel{margin-top:18px}
html[dir="rtl"] .student-dashboard-head-v6>span,html[dir="rtl"] .civil-page-head-v6>div:first-child>span,html[dir="rtl"] .civil-library-category-v6,html[dir="rtl"] .civil-formula-heading-v6 small{letter-spacing:0;text-transform:none}html[dir="rtl"] .student-section-title-v6>button svg,html[dir="rtl"] .student-continue-list-v6 svg,html[dir="rtl"] .student-browse-levels-v6 b svg,html[dir="rtl"] .student-popular-table-v6>:is(button, a)>svg,html[dir="rtl"] .student-directory-table-v6>:is(button, a)>svg,html[dir="rtl"] .civil-catalog-row-v6 svg{transform:scaleX(-1)}

@media(max-width:1240px){
  .student-shell-v6{grid-template-columns:126px 250px minmax(0,1fr)}.student-dashboard-v6{padding-inline:24px}.student-browse-levels-v6{grid-template-columns:repeat(2,minmax(0,1fr))}.student-browse-levels-v6 button:nth-child(2){border-inline-end:0}.student-browse-levels-v6 button:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .civil-workspace-grid-v6{grid-template-columns:105px 245px minmax(430px,1fr)}.civil-solution-panel-v6{grid-column:2/-1;width:auto;margin-top:0}.civil-discipline-rail-v6{max-height:1000px}
}
@media(max-width:920px){
  .nav-shell{padding-inline:18px}.student-hub-v6,.civil-page-v6{padding-inline:14px}.student-shell-v6{grid-template-columns:108px minmax(0,1fr)}.student-subject-panel-v6{display:none}.student-popular-table-v6 :is(button, a),.student-directory-table-v6 :is(button, a){grid-template-columns:34px minmax(160px,1fr) 130px 17px}.student-popular-table-v6 em,.student-directory-table-v6 em{display:none}
  .civil-page-head-v6{align-items:flex-start;flex-direction:column}.civil-page-meta-v6{justify-content:flex-start}.civil-workspace-grid-v6{grid-template-columns:1fr}.civil-discipline-rail-v6{display:flex;max-height:none;overflow:auto}.civil-discipline-rail-v6 button{min-width:120px;width:auto;min-height:58px;border-inline-start:0;border-bottom:3px solid transparent}.civil-discipline-rail-v6 button:hover,.civil-discipline-rail-v6 button.active{border-inline-start:0;border-bottom-color:#1f73ff}.civil-library-v6,.civil-notebook-v6,.civil-solution-panel-v6{grid-column:1}.civil-library-v6{border-inline-end:0;border-bottom:1px solid var(--line)}.civil-catalog-list-v6{max-height:230px}.civil-solution-panel-v6{margin:20px}.civil-support-v6{padding-inline:0}
}
@media(max-width:650px){
  .page{padding-inline:14px}.student-hub-v6{padding-top:18px}.student-shell-v6{display:block}.student-level-rail-v6{position:relative;display:flex;flex-direction:row;overflow:auto}.student-level-rail-v6 button{min-width:116px;min-height:66px;grid-template-columns:20px 1fr;place-items:center start;text-align:start;border-inline-start:0;border-bottom:3px solid transparent}.student-level-rail-v6 button:first-child{min-height:66px}.student-level-rail-v6 button:hover,.student-level-rail-v6 button.active{border-inline-start:0;border-bottom-color:#1f73ff}.student-level-rail-v6 button span{width:20px;height:20px}.student-level-rail-v6 button svg{width:18px;height:18px}.student-dashboard-v6{padding:22px 16px 0}.student-dashboard-head-v6 h1{font-size:28px}.student-continue-list-v6 :is(button, a){grid-template-columns:34px minmax(0,1fr) 16px}.student-continue-list-v6 :is(button, a) b{display:none}.student-browse-levels-v6{grid-template-columns:1fr}.student-browse-levels-v6 button{min-height:128px;border-inline-end:0;border-bottom:1px solid var(--line)!important}.student-browse-levels-v6 button:last-child{border-bottom:0!important}.student-popular-table-v6 :is(button, a),.student-directory-table-v6 :is(button, a){grid-template-columns:32px minmax(0,1fr) 16px}.student-popular-table-v6 small,.student-directory-table-v6 small,.student-popular-table-v6 em,.student-directory-table-v6 em{display:none}.student-local-note-v6{margin-inline:-16px;padding-inline:16px}
  .civil-page-v6{padding-top:24px}.civil-page-head-v6 h1{font-size:31px}.civil-page-meta-v6>span:nth-child(2){display:none}.civil-notebook-v6{padding:23px 17px}.civil-formula-heading-v6{display:block}.civil-formula-heading-v6>span{display:inline-block;margin-top:8px}.civil-equation-v6{font-size:30px}.civil-inputs-v6{grid-template-columns:1fr}.civil-solution-panel-v6{margin:14px}.civil-discipline-rail-v6 button{min-width:105px}.civil-discipline-rail-v6 button small{display:none}.civil-support-v6 .tool-social,.civil-support-v6 .tool-purpose-panel,.civil-support-v6 .related-section{border-radius:8px}.workspace-main{padding:20px}
}

@media(max-width:720px){
  .student-dashboard-v6{padding:22px 16px 0}.student-filterbar-v7{margin-top:18px}.student-filter-tools-v7{grid-template-columns:1fr}.student-level-tabs-v7{margin-inline:-16px;padding-inline:16px}.student-local-note-v6{margin-inline:-16px;padding-inline:16px}.portal-card-v5{grid-template-columns:76px minmax(0,1fr)}
}

@media(max-width:1120px) and (min-width:901px){
  .nav-shell{padding-inline:18px}.primary-nav{gap:2px}.primary-nav .nav-link{padding-inline:8px;font-size:12px}.brand-word{font-size:18px}.beta-badge{display:none}.top-actions{gap:8px}
}

/* Flagship PDF workspace and clean activity — v11 */
.pdf-flagship-v11{appearance:none;width:100%;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:18px;align-items:center;margin:28px 0 18px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--v4-cobalt) 35%,var(--v4-border));border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--v4-cobalt) 7%,var(--surface-solid)),var(--surface-solid) 65%);color:var(--v4-ink);text-align:start;cursor:pointer;box-shadow:0 14px 34px rgba(30,78,190,.07)}.pdf-flagship-v11:hover{border-color:var(--v4-cobalt);box-shadow:0 16px 38px rgba(30,78,190,.12)}.pdf-flagship-icon-v11{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:var(--v4-cobalt);color:#fff}.pdf-flagship-icon-v11 svg{width:28px;height:28px}.pdf-flagship-copy-v11{min-width:0}.pdf-flagship-copy-v11 small{display:block;color:var(--v4-cobalt);font-size:9px;font-weight:900;letter-spacing:.12em}.pdf-flagship-copy-v11 strong{display:block;margin:3px 0;font-size:24px;letter-spacing:-.025em}.pdf-flagship-copy-v11 em{display:block;color:var(--v4-sub);font-size:12px;font-style:normal}.pdf-flagship-copy-v11 b{display:block;margin-top:9px;color:var(--v4-teal);font-size:10px}.pdf-flagship-action-v11{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:var(--v4-cobalt)}.pdf-flagship-action-v11 svg{width:17px}
.trending-clean-v11 ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;border-top:1px solid var(--v4-border);border-bottom:1px solid var(--v4-border)}.trending-clean-v11 li:nth-child(odd){border-inline-end:1px solid var(--v4-border)}.trending-clean-v11 li:nth-child(n+3){border-top:1px solid var(--v4-border)}.trending-clean-v11 :is(button, a){appearance:none;width:100%;display:grid;grid-template-columns:30px 28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:15px 10px;border:0;background:transparent;color:var(--v4-ink);text-align:start;cursor:pointer}.trending-clean-v11 :is(button, a):hover{background:var(--bg-soft)}.trending-clean-v11 :is(button, a)>span{color:var(--muted);font:800 10px ui-monospace,SFMono-Regular,monospace}.trending-clean-v11 :is(button, a)>i{color:var(--v4-cobalt);font-style:normal}.trending-clean-v11 :is(button, a)>i svg{width:19px;height:19px}.trending-clean-v11 :is(button, a)>strong{font-size:12px}.trending-clean-v11 :is(button, a)>small{color:var(--muted);font-size:9.5px}
.pdf-local-proof-v11{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--v4-teal) 28%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--v4-teal) 5%,var(--surface-solid));font-size:10px}.pdf-local-proof-v11 span{display:flex;align-items:center;gap:7px;color:var(--v4-teal)}.pdf-local-proof-v11 svg{width:15px;height:15px}.pdf-local-proof-v11 b{color:var(--muted);font-weight:700}
.pdf-workspace-v11{display:grid;gap:18px}.pdf-workspace-intro-v11{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid)}.pdf-workspace-intro-v11>div:first-child>span{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.1em}.pdf-workspace-intro-v11 h2{margin:4px 0 5px;font-size:23px}.pdf-workspace-intro-v11 p{max-width:660px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.pdf-workspace-trust-v11{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pdf-workspace-trust-v11 strong{padding:6px 8px;border:1px solid var(--line);border-radius:5px;color:var(--success);font-size:9px}.pdf-workspace-shell-v11{border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:var(--surface-solid)}.pdf-workspace-file-v11{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--bg-soft)}.pdf-workspace-file-v11 strong,.pdf-workspace-file-v11 small{display:block}.pdf-workspace-file-v11 strong{font-size:12px}.pdf-workspace-file-v11 small{margin-top:3px;color:var(--muted);font-size:9px}.pdf-workspace-file-v11>div:last-child{display:flex;gap:7px}.pdf-workspace-file-v11 button{min-height:34px;padding:7px 11px;border-radius:5px;font-size:9px}.pdf-workspace-grid-v11{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:480px}.pdf-workspace-tabs-v11{display:flex;flex-direction:column;border-inline-end:1px solid var(--line);background:#082d55}.pdf-workspace-tabs-v11 button{appearance:none;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;min-height:50px;padding:11px 14px;border:0;border-inline-start:3px solid transparent;background:transparent;color:rgba(255,255,255,.72);text-align:start;cursor:pointer}.pdf-workspace-tabs-v11 button:hover,.pdf-workspace-tabs-v11 button.active{border-inline-start-color:#4d8cff;background:#10467e;color:#fff}.pdf-workspace-tabs-v11 button svg{width:18px;height:18px}.pdf-workspace-tabs-v11 button span{font-size:10px;font-weight:800}.pdf-workspace-tabs-v11 button.download{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);border-inline-start-color:transparent;background:#0b7f78;color:#fff}.pdf-workspace-stage-v11{padding:28px}.pdf-workspace-stage-v11>[data-pdf-workspace-panel]{max-width:720px}.pdf-workspace-stage-v11 h3{margin:0 0 7px;font-size:20px}.pdf-workspace-stage-v11 section>p{margin:0 0 18px;color:var(--muted);font-size:11px;line-height:1.6}.pdf-workspace-stage-v11 .field{margin-bottom:14px}.pdf-workspace-stage-v11 .primary-btn{margin-top:5px}.pdf-workspace-log-v11{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.pdf-workspace-log-v11>strong{font-size:10px}.pdf-workspace-log-v11 ol{list-style:none;margin:9px 0 0;padding:0}.pdf-workspace-log-v11 li{display:flex;align-items:center;gap:9px;padding:7px 0;color:var(--muted);font-size:9.5px}.pdf-workspace-log-v11 li span{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--success);border-radius:50%;color:var(--success);font-size:8px}.pdf-workspace-compression-v11{display:flex;gap:10px;align-items:center;margin-top:14px}.pdf-workspace-compression-v11 strong{font-size:13px}.pdf-workspace-compression-v11 span{color:var(--success);font-size:10px}.pdf-workspace-success-v11{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:var(--success-soft)}
html[dir="rtl"] .pdf-flagship-copy-v11 small,html[dir="rtl"] .pdf-workspace-intro-v11>div:first-child>span{letter-spacing:0}
@media(max-width:760px){.pdf-flagship-v11{grid-template-columns:48px minmax(0,1fr);padding:18px}.pdf-flagship-icon-v11{width:46px;height:46px}.pdf-flagship-copy-v11 strong{font-size:20px}.pdf-flagship-action-v11{display:none}.trending-clean-v11 ol{grid-template-columns:1fr}.trending-clean-v11 li:nth-child(odd){border-inline-end:0}.trending-clean-v11 li:nth-child(n+2){border-top:1px solid var(--v4-border)}.trending-clean-v11 :is(button, a){grid-template-columns:26px 25px minmax(0,1fr)}.trending-clean-v11 :is(button, a)>small{grid-column:3}.pdf-workspace-intro-v11{display:block}.pdf-workspace-trust-v11{justify-content:flex-start;margin-top:14px}.pdf-local-proof-v11{align-items:flex-start;flex-direction:column}.pdf-workspace-file-v11{align-items:flex-start;flex-direction:column}.pdf-workspace-grid-v11{grid-template-columns:1fr}.pdf-workspace-tabs-v11{flex-direction:row;overflow:auto;border-inline-end:0;border-bottom:1px solid var(--line)}.pdf-workspace-tabs-v11 button{min-width:130px;border-inline-start:0;border-bottom:3px solid transparent}.pdf-workspace-tabs-v11 button:hover,.pdf-workspace-tabs-v11 button.active{border-inline-start:0;border-bottom-color:#4d8cff}.pdf-workspace-tabs-v11 button.download{margin-top:0;min-width:160px;border-top:0}.pdf-workspace-stage-v11{padding:20px 16px}}