/* harddisksentinel.org — layout shell + motion (Tailwind utilities elsewhere) */

:root {
  --hds-accent: #0ea5e9;
  --hds-accent-hover: #0284c7;
  --hds-ring: rgba(14, 165, 233, 0.45);
  /* Section & card hairlines (single system) */
  --hds-rule: rgba(24, 24, 27, 0.09);
  --hds-rule-strong: rgba(24, 24, 27, 0.13);
  --hds-rule-on-dark: rgba(255, 255, 255, 0.11);
  --hds-rule-bleed-bottom: rgba(15, 23, 42, 0.32);
  --hds-card-border: rgba(24, 24, 27, 0.08);
  --hds-footer-rule: rgba(39, 39, 42, 0.88);
}

/* Multilingual typography: DM Sans / Syne omit many scripts in subset WOFF2 —
   Noto families (loaded in templates) cover Cyrillic, CJK, Hebrew. */
html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
}

.org-shell,
.org-masthead,
.org-main,
.org-footer {
  overflow-wrap: anywhere;
  word-break: normal;
}

[dir="rtl"] .org-main,
[dir="rtl"] .org-masthead {
  line-height: 1.65;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .motion-safe\:animate-none {
    animation: none !important;
  }
}

[data-reveal] {
  opacity: 0;
  transform: translateY(1.25rem);
  transition:
    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/*
 * Homepage hero lives in the first `.org-bleed` slab. With `data-reveal`, copy + carousel
 * start at opacity:0 until IntersectionObserver adds `.is-visible`. A taller translated
 * masthead and `rootMargin: ... -8%` in js/main.js can delay or miss that first paint,
 * leaving a large “empty” hero until scroll — especially on /es/ and other locales.
 * Show hero reveals immediately (animation still applies to lower sections).
 */
[data-theme='org-guide'] main.org-main > .org-bleed [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Fixed download rail — desktop: middle right */
.fixed-download-btn {
  position: fixed;
  z-index: 50;
  right: max(1rem, env(safe-area-inset-right));
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0.95rem;
  border-radius: 9999px;
  background: linear-gradient(145deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow:
    0 10px 40px -10px rgba(2, 132, 199, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

.fixed-download-btn:hover {
  transform: translateY(-50%) translateY(-2px);
  box-shadow:
    0 14px 44px -8px rgba(2, 132, 199, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.18) inset;
}

.fixed-download-btn:focus-visible {
  outline: 2px solid var(--hds-accent);
  outline-offset: 3px;
}

.fixed-download-btn i {
  font-size: 1rem;
}

@media (max-width: 768px) {
  .fixed-download-btn {
    top: auto;
    bottom: max(5.5rem, calc(env(safe-area-inset-bottom) + 4.5rem));
    transform: none;
    right: max(1rem, env(safe-area-inset-right));
  }

  .fixed-download-btn:hover {
    transform: translateY(-2px);
  }
}

/* Back to top */
.back-to-top {
  position: fixed;
  z-index: 50;
  bottom: max(1.25rem, env(safe-area-inset-bottom));
  right: max(1.25rem, env(safe-area-inset-right));
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #18181b;
  border: 1px solid rgba(24, 24, 27, 0.1);
  box-shadow: 0 10px 30px -12px rgba(24, 24, 27, 0.28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    background 0.2s ease;
}

.back-to-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.back-to-top:hover {
  background: #f4f4f5;
}

.back-to-top:focus-visible {
  outline: 2px solid var(--hds-accent);
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: max(1.25rem, env(safe-area-inset-bottom));
    right: max(1rem, env(safe-area-inset-right));
  }
}

/* Anchor offset under sticky header */
section[id],
[id='download'] {
  scroll-margin-top: 5.5rem;
}

/* Focus rings for summary/details FAQ */
details summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

/* Subtle link underline */
.link-subtle {
  text-decoration: underline;
  text-decoration-color: rgba(14, 165, 233, 0.45);
  text-underline-offset: 0.2em;
  transition: text-decoration-color 0.2s ease;
}

.link-subtle:hover {
  text-decoration-color: rgba(2, 132, 199, 0.95);
}

/* UI screenshots & GIFs: keep intrinsic proportions — no tiny asset stretched edge-to-edge */
.media-frame {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.media-natural {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin-inline: auto;
  object-fit: contain;
  object-position: top center;
}

.media-frame--dark {
  padding: clamp(0.75rem, 2.5vw, 1.25rem);
  background: linear-gradient(180deg, rgb(15 23 42 / 0.55), rgb(15 23 42 / 0.92));
  border-radius: 0.875rem;
}

/* Hero program shot: sharp corners + chic layered border */
[data-theme='org-guide'] .media-frame--hero {
  border-radius: 0;
  padding: clamp(0.5rem, 1.5vw, 0.75rem);
}

[data-theme='org-guide'] .org-hero-carousel {
  align-items: center;
}

[data-theme='org-guide'] .org-hero-visual {
  align-items: center;
}

/* Hero screenshots: breathe away from the copy column on large screens */
@media (min-width: 1024px) {
  [data-theme='org-guide'] .org-bleed .org-hero-carousel {
    margin-inline-start: auto;
    padding-inline-start: clamp(1.25rem, 3.5vw, 2.75rem);
    max-width: min(36rem, 100%);
  }

  [data-theme='org-guide'] .org-bleed .org-hero-visual {
    align-items: flex-end;
    width: 100%;
  }
}

[data-theme='org-guide'] .org-hero-shot {
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow:
    0 0 0 1px rgba(14, 165, 233, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 28px 72px -42px rgba(0, 0, 0, 0.88);
}

[data-theme='org-guide'] .org-hero-slides .org-hero-slide:not(.is-active) {
  display: none;
}

[data-theme='org-guide'] .org-hero-slides .org-hero-slide.is-active {
  display: block;
}

/* Dots sit above the active screenshot (markup: .org-hero-dots inside .org-hero-slides) */
[data-theme='org-guide'] .org-hero-slides {
  isolation: isolate;
}

[data-theme='org-guide'] .org-bleed .org-hero-dots {
  pointer-events: auto;
}

[data-theme='org-guide'] .org-hero-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  transition:
    background 0.2s ease,
    width 0.2s ease,
    transform 0.2s ease;
}

[data-theme='org-guide'] .org-hero-dot:hover {
  background: rgba(255, 255, 255, 0.55);
}

[data-theme='org-guide'] .org-hero-dot.is-active {
  width: 22px;
  background: rgb(56 189 248);
}

[data-theme='org-guide'] .org-hero-dot:focus-visible {
  outline: 2px solid var(--hds-accent);
  outline-offset: 3px;
}

.media-frame--light {
  padding: clamp(0.75rem, 2.5vw, 1rem);
  background: rgb(244 244 245);
  border-radius: 0.875rem;
}

/* Premium shell — Apple / Stripe / Notion adjacent */
[data-theme='org-guide'] body {
  background-image:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(14, 165, 233, 0.09), transparent 55%),
    linear-gradient(180deg, #fafafa 0%, #f4f4f5 45%, #fafafa 100%);
  font-size: 1rem;
  line-height: 1.6;
}

/* Readable article / listing body (blog posts use .org-read-article) */
[data-theme='org-guide'] .org-read-article,
[data-theme='org-guide'] .org-faq-list,
[data-theme='org-guide'] .org-listing-canvas {
  line-height: 1.65;
}

/* Professional layout system (8px grid) */
[data-theme='org-guide'] {
  --hds-space-8: 8px;
  --hds-space-20: 20px;
  --hds-space-60: 44px;
  --hds-space-stack: 36px;
  --hds-container-max: 1120px;
  --hds-radius-card: 18px;
  /* Modern Clean tokens */
  --hds-surface: #ffffff;
  --hds-surface-2: rgba(244, 244, 245, 0.72);
  --hds-ink: rgb(15 23 42);
  --hds-muted: rgba(51, 65, 85, 0.82);
  --hds-border: rgba(15, 23, 42, 0.07);
  --hds-border-strong: rgba(15, 23, 42, 0.11);
  --hds-shadow-card: 0 1px 0 rgba(15, 23, 42, 0.04),
    0 18px 44px -30px rgba(15, 23, 42, 0.16);
}

/* Max container width */
[data-theme='org-guide'] .max-w-7xl {
  max-width: min(var(--hds-container-max), calc(100% - 40px));
}

[data-theme='org-guide'] .max-w-5xl {
  max-width: min(var(--hds-container-max), calc(100% - 40px));
}

[data-theme='org-guide'] .max-w-4xl {
  max-width: min(960px, calc(100% - 40px));
}

[data-theme='org-guide'] .max-w-3xl {
  max-width: min(860px, calc(100% - 40px));
}

[data-theme='org-guide'] .max-w-2xl {
  max-width: min(760px, calc(100% - 40px));
}

/* Vertical section rhythm only — horizontal gutter lives on inner max-w-7xl (px-5) so header/body/footer align */

[data-theme='org-guide'] main.org-main > .org-slab {
  padding-top: var(--hds-space-60) !important;
  padding-bottom: var(--hds-space-60) !important;
}

/* Space between stacked blocks inside a section */
[data-theme='org-guide'] .org-main > .org-slab > * + * {
  margin-top: var(--hds-space-stack);
}

/* Typography scale (weights: Tailwind font-bold is heavy on Syne — keep headings at 600) */
[data-theme='org-guide'] .org-main h1,
[data-theme='org-guide'] .org-main h2,
[data-theme='org-guide'] .org-main h3 {
  font-weight: 600 !important;
}

[data-theme='org-guide'] .org-main h1 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}

/* Homepage hero typography (overrides global .org-main h1 / p scales) */
[data-theme='org-guide'] .org-main .org-bleed .org-hero-title {
  font-size: clamp(1.875rem, 2.2vw + 1.1rem, 2.75rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em;
  font-weight: 600 !important;
  /* 15ch was too tight for longer translations (ES/DE/…) on small phones */
  max-width: min(34ch, calc(100vw - 2rem));
}

@media (min-width: 480px) {
  [data-theme='org-guide'] .org-main .org-bleed .org-hero-title {
    max-width: none;
  }
}

[data-theme='org-guide'] .org-main .org-bleed .org-hero-lead {
  font-size: 1.0625rem !important;
  line-height: 1.68 !important;
  font-weight: 400;
  color: rgb(226 232 240 / 0.96);
}

[data-theme='org-guide'] .org-main .org-bleed .org-hero-note {
  font-size: 0.9375rem !important;
  line-height: 1.62 !important;
  font-weight: 400;
  color: rgb(148 163 184 / 0.95);
}

/* Post-hero “Pick a starting point” path cards */
[data-theme='org-guide'] .org-start-paths__label {
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
  text-align: center;
  font-size: 0.6875rem !important;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgb(12 74 110 / 0.88);
}

@media (min-width: 1024px) {
  [data-theme='org-guide'] .org-start-paths__label {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    text-align: left;
  }
}

[data-theme='org-guide'] a.org-start-card {
  text-decoration: none;
}

[data-theme='org-guide'] .org-main h3.org-start-card__title {
  font-size: 1.0625rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

[data-theme='org-guide'] .org-main p.org-start-card__body {
  font-size: 0.9375rem !important;
  line-height: 1.58 !important;
}

[data-theme='org-guide'] .org-start-card__cta {
  font-size: 0.8125rem !important;
  letter-spacing: 0.01em;
}

@media (prefers-reduced-motion: reduce) {
  [data-theme='org-guide'] a.org-start-card {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  [data-theme='org-guide'] a.org-start-card:hover {
    transform: none !important;
  }
}

/* Guide pages (first-weeks, routines, what-to-read): undo global .org-main h*/p/li !important scales */
[data-theme='org-guide'] .org-main--guide h1 {
  font-size: clamp(1.75rem, 1.4vw + 1.1rem, 2.375rem) !important;
  line-height: 1.18 !important;
  font-weight: 600 !important;
}

[data-theme='org-guide'] .org-main--guide h2 {
  font-size: clamp(1.25rem, 0.9vw + 0.95rem, 1.75rem) !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
}

[data-theme='org-guide'] .org-main--guide h3.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.35 !important;
}

[data-theme='org-guide'] .org-main--guide h3.text-base {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

[data-theme='org-guide'] .org-main--guide p.text-sm,
[data-theme='org-guide'] .org-main--guide ul.text-sm,
[data-theme='org-guide'] .org-main--guide ol.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.62 !important;
}

[data-theme='org-guide'] .org-main--guide p.text-base {
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

[data-theme='org-guide'] .org-main--guide p.text-xs {
  font-size: 0.75rem !important;
  line-height: 1.5 !important;
}

[data-theme='org-guide'] .org-main--guide li {
  font-size: inherit !important;
  line-height: inherit !important;
}

[data-theme='org-guide'] .org-main--guide ul.text-sm li,
[data-theme='org-guide'] .org-main--guide ol.text-sm li {
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
}

/* Hero primary CTAs: full pill shape (not the squarer inline-flex defaults elsewhere) */
[data-theme='org-guide'] .org-bleed a.inline-flex.rounded-full {
  border-radius: 9999px !important;
}

[data-theme='org-guide'] .org-main h2 {
  font-size: 24px !important;
  line-height: 1.3 !important;
}

[data-theme='org-guide'] .org-main h3 {
  font-size: 18px !important;
  line-height: 1.38 !important;
}

[data-theme='org-guide'] .org-main p,
[data-theme='org-guide'] .org-main li {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

[data-theme='org-guide'] .org-main strong,
[data-theme='org-guide'] .org-main b {
  font-weight: 600 !important;
}

/* Blog / listing: card titles should not inherit the global h2 scale */
[data-theme='org-guide'] .org-main--listing .org-listing-grid article h2 {
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
}

/* Blog listing lede: one vertical axis (kicker, title, deck) aligned with the grid below */
[data-theme='org-guide'] .org-listing-lede {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

/* Listing page intro: slightly larger lead for balance under the kicker */
[data-theme='org-guide'] .org-listing-lede > p:not(.org-kicker) {
  font-size: 1.0625rem !important;
  line-height: 1.65 !important;
}

/* Blog index: title + deck under kicker (global h1 scale is tuned for slabs) */
[data-theme='org-guide'] .org-main--listing .org-listing-lede h1 {
  font-size: clamp(1.75rem, 1.4vw + 1.2rem, 2.375rem) !important;
  line-height: 1.18 !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
}

/* Blog post: long-form shell (not a card; padding comes from Tailwind on the article) */
[data-theme='org-guide'] .org-main .org-read-article {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
}

[data-theme='org-guide'] .org-read-article > nav:first-of-type {
  font-size: 0.8125rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em;
  color: rgb(100 116 139);
}

[data-theme='org-guide'] .org-read-article > nav:first-of-type a {
  font-weight: 500;
  color: rgb(71 85 105);
}

[data-theme='org-guide'] .org-read-article > nav:first-of-type a:hover {
  color: rgb(2 132 199);
}

[data-theme='org-guide'] .org-main--post .org-read-article > header h1 {
  font-size: clamp(1.875rem, 1.6vw + 1.1rem, 2.5rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.032em;
  font-weight: 600 !important;
}

[data-theme='org-guide'] .org-main--post .org-read-article > header p {
  font-size: 1.125rem !important;
  line-height: 1.55 !important;
  font-weight: 400;
  color: rgb(71 85 105);
}

[data-theme='org-guide'] .org-read-article .prose-custom,
[data-theme='org-guide'] .org-read-article > .space-y-5.text-slate-600 {
  font-size: 1.0625rem !important;
  line-height: 1.72 !important;
}

[data-theme='org-guide'] .org-read-article .prose-custom > h2 {
  margin-top: 2.5rem !important;
  margin-bottom: 0.35rem !important;
  font-weight: 500 !important;
}

[data-theme='org-guide'] .org-read-article .prose-custom > h2:first-child {
  margin-top: 0 !important;
}

[data-theme='org-guide'] .org-read-article .prose-custom > p + h2,
[data-theme='org-guide'] .org-read-article .prose-custom > ol + h2,
[data-theme='org-guide'] .org-read-article .prose-custom > ul + h2 {
  margin-top: 2.75rem !important;
}

[data-theme='org-guide'] .org-read-article > .space-y-5 > h2 {
  margin-top: 2.5rem !important;
  margin-bottom: 0.35rem !important;
  font-weight: 500 !important;
}

[data-theme='org-guide'] .org-read-article > .space-y-5 > h2:first-child {
  margin-top: 0 !important;
}

[data-theme='org-guide'] .org-read-article > .space-y-5 > section:first-child h2:first-of-type {
  margin-top: 0 !important;
}

[data-theme='org-guide'] .org-read-article aside.rounded-lg.border {
  border-radius: 1.125rem !important;
}

[data-theme='org-guide'] .org-listing-bottom > h2 {
  font-size: clamp(1.25rem, 0.8vw + 1rem, 1.5rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
}

[data-theme='org-guide'] .org-listing-bottom > p {
  font-size: 1.0625rem !important;
  line-height: 1.65 !important;
}

/* Section polish: icon kickers + subtle section accents */
[data-theme='org-guide'] .org-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid rgba(14, 165, 233, 0.22);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.08);
  color: rgb(3 105 161);
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-theme='org-guide'] .org-kicker i {
  font-size: 12px;
  opacity: 0.95;
}

[data-theme='org-guide'] #audiences,
[data-theme='org-guide'] #how-it-works,
[data-theme='org-guide'] #first-month,
[data-theme='org-guide'] #download {
  --org-kicker-bg: rgba(14, 165, 233, 0.08);
  --org-kicker-border: rgba(14, 165, 233, 0.24);
}

/* Home download row: match card rhythm; legacy grids without .org-download */
[data-theme='org-guide'] #download .org-download-grid,
[data-theme='org-guide'] #download .mx-auto.max-w-7xl > .grid {
  align-items: stretch;
}

[data-theme='org-guide'] #download .mx-auto.max-w-7xl > .grid > div[data-reveal]:first-child:not(.rounded-lg) {
  border-radius: 0.5rem;
  border: 1px solid rgba(228, 228, 231, 0.85);
  background: rgb(255 255 255);
  padding: 1.75rem 2rem;
  box-shadow: var(--hds-shadow-card);
}

[data-theme='org-guide'] #download .mx-auto.max-w-7xl > .grid > div[data-reveal]:last-child.rounded-lg {
  border-color: rgba(228, 228, 231, 0.85);
  background: rgb(248 250 252 / 0.95);
  box-shadow: var(--hds-shadow-card);
}

[data-theme='org-guide'] #download .mx-auto.max-w-7xl > .grid > div.rounded-lg > p.text-sm.font-semibold.uppercase {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgb(3 105 161);
}

[data-theme='org-guide'] #download .mx-auto.max-w-7xl > .grid > div.rounded-lg > ul > li.flex {
  gap: 0.75rem;
  align-items: flex-start;
}

[data-theme='org-guide'] #essentials,
[data-theme='org-guide'] #beyond-smart,
[data-theme='org-guide'] .org-faq-canvas {
  --org-kicker-bg: rgba(34, 197, 94, 0.08);
  --org-kicker-border: rgba(34, 197, 94, 0.24);
}

[data-theme='org-guide'] #playbook,
[data-theme='org-guide'] #connectivity,
[data-theme='org-guide'] #stories,
[data-theme='org-guide'] .org-listing-canvas {
  --org-kicker-bg: rgba(99, 102, 241, 0.08);
  --org-kicker-border: rgba(99, 102, 241, 0.24);
}

[data-theme='org-guide'] .org-main section[id] .org-kicker,
[data-theme='org-guide'] .org-faq-canvas .org-kicker,
[data-theme='org-guide'] .org-listing-canvas .org-kicker {
  background: var(--org-kicker-bg, rgba(14, 165, 233, 0.08));
  border-color: var(--org-kicker-border, rgba(14, 165, 233, 0.24));
}

[data-theme='org-guide'] #media .org-kicker {
  color: rgb(224 242 254);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.14);
}

/* Buttons */
[data-theme='org-guide'] .org-main a.inline-flex,
[data-theme='org-guide'] .org-main a.rounded-lg,
[data-theme='org-guide'] .fixed-download-btn {
  min-height: 44px;
  padding: 10px 20px !important;
  font-size: 14px !important;
}

/* Global surfaces + borders (keep Tailwind structure, only harmonize) */
[data-theme='org-guide'] body {
  color: var(--hds-ink);
}

/* Navbar: simple text row + flat CTA (reads like a normal site header) */
[data-theme='org-guide'] .org-navplate {
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-theme='org-guide'] .org-lockup .font-display.font-semibold {
  font-weight: 500 !important;
}

[data-theme='org-guide'] .org-lockup-mark {
  border-radius: 0.5rem;
}

[data-theme='org-guide'] .org-navlinks {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

[data-theme='org-guide'] .org-navlinks .org-navlink {
  flex-shrink: 0;
  white-space: nowrap;
  border-radius: 0.5rem;
  color: rgb(71 85 105);
  font-size: 0.9375rem !important;
}

[data-theme='org-guide'] .org-navlinks .org-navlink:hover .org-navlink-icon {
  color: rgb(2 132 199);
}

[data-theme='org-guide'] .org-navlinks .org-navlink:focus-visible {
  outline: 2px solid rgba(14, 165, 233, 0.4);
  outline-offset: 2px;
}

[data-theme='org-guide'] .org-navlinks .org-nav-cta {
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

[data-theme='org-guide'] .org-navlinks .org-nav-cta:hover {
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25);
}

[data-theme='org-guide'] .org-nav-cta-mobile {
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

[data-theme='org-guide'] .org-nav-cta-mobile:hover {
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.22);
}

[data-theme='org-guide'] .org-mobilesheet {
  margin-top: 0;
  border: none;
  border-radius: 0;
  background: rgb(255 255 255);
  box-shadow: none;
}

[data-theme='org-guide'] .org-navmobile-link {
  border-radius: 0.5rem;
  transition: background 0.15s ease, color 0.15s ease;
}

[data-theme='org-guide'] .org-navmobile-link:hover {
  background: rgb(241 245 249);
  color: rgb(15 23 42);
}

[data-theme='org-guide'] .org-main article:not(.org-read-article),
[data-theme='org-guide'] .org-main details,
[data-theme='org-guide'] .org-listing-panel {
  border-color: var(--hds-border) !important;
  box-shadow: var(--hds-shadow-card);
}

[data-theme='org-guide'] .org-main article:not(.org-read-article):hover,
[data-theme='org-guide'] .org-main details:hover,
[data-theme='org-guide'] .org-listing-panel:hover {
  border-color: rgba(14, 165, 233, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.06),
    0 30px 60px -36px rgba(15, 23, 42, 0.22);
}

[data-theme='org-guide'] .org-masthead a:focus-visible,
[data-theme='org-guide'] .org-masthead button:focus-visible,
[data-theme='org-guide'] .org-main a:focus-visible,
[data-theme='org-guide'] .org-footer a:focus-visible {
  outline: 2px solid var(--hds-accent);
  outline-offset: 3px;
}

/* Logo / favicon rendering: never crop */
[data-theme='org-guide'] .org-lockup img,
[data-theme='org-guide'] .org-footer img {
  image-rendering: -webkit-optimize-contrast;
}

/* Images */
[data-theme='org-guide'] .org-main img,
[data-theme='org-guide'] .org-footer img {
  max-width: 100%;
  height: auto;
}

/* Cards (listing / widgets — not long-form blog body) */
[data-theme='org-guide'] .org-main article:not(.org-read-article),
[data-theme='org-guide'] .org-main details {
  border-radius: var(--hds-radius-card) !important;
}

[data-theme='org-guide'] .org-main .grid {
  gap: 16px !important;
}

/* Softer corners than Tailwind rounded-lg (8px) for bordered slabs & cards */
[data-theme='org-guide'] .org-main section .rounded-lg.border,
[data-theme='org-guide'] .org-main section li.rounded-lg.border {
  border-radius: 1.125rem !important;
}

[data-theme='org-guide'] .org-main section div.rounded-lg.border.border-slate-200,
[data-theme='org-guide'] .org-main section div.rounded-lg.border.border-dashed,
[data-theme='org-guide'] .org-main section div.rounded-lg[class*='border-slate-'],
[data-theme='org-guide'] .org-main section div.rounded-lg[class*='border-zinc-'] {
  border-radius: 1.25rem !important;
}

[data-theme='org-guide'] .org-main section .rounded-md.bg-sky-100,
[data-theme='org-guide'] .org-main section .rounded-md.bg-slate-900 {
  border-radius: 0.625rem !important;
}

[data-theme='org-guide'] .org-main section figure.rounded-lg {
  border-radius: 1.125rem !important;
  overflow: hidden;
}

@media (max-width: 767px) {
  [data-theme='org-guide'] .org-main h1 {
    font-size: 28px !important;
  }
  [data-theme='org-guide'] .org-main h2 {
    font-size: 21px !important;
  }
  [data-theme='org-guide'] .org-main h3 {
    font-size: 17px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  [data-theme='org-guide'] .org-main h1 {
    font-size: 30px !important;
  }
  [data-theme='org-guide'] .org-main h2 {
    font-size: 23px !important;
  }
}

[data-theme='org-guide'] .org-masthead {
  position: relative;
  z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgb(226 232 240);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

[data-theme='org-guide'] .org-masthead::after {
  display: none;
}

[data-theme='org-guide'] .org-navlinks a[aria-current='page'],
[data-theme='org-guide'] #mobile-menu a[aria-current='page'] {
  background: rgba(14, 165, 233, 0.14);
  color: rgb(12 74 110);
  font-weight: 500;
  box-shadow: none;
}

[data-theme='org-guide'] .org-navlinks a[aria-current='page'] .org-navlink-icon,
[data-theme='org-guide'] #mobile-menu a[aria-current='page'] i {
  color: rgb(2 132 199);
}

[data-theme='org-guide'] .org-menutoggle {
  border-color: rgba(15, 23, 42, 0.1) !important;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

[data-theme='org-guide'] .org-menutoggle:hover {
  background: rgba(15, 23, 42, 0.03);
  border-color: rgba(15, 23, 42, 0.14) !important;
}

[data-theme='org-guide'] .org-footer {
  border-top: 1px solid var(--hds-footer-rule);
}

/* Homepage: one hairline between stacked slabs (no double border-y) */
[data-theme='org-guide'] main.org-main > .org-bleed {
  border-bottom: 1px solid var(--hds-rule-bleed-bottom);
}

[data-theme='org-guide'] main.org-main > .org-slab ~ .org-slab {
  border-top: 1px solid var(--hds-rule);
}

[data-theme='org-guide'] main.org-main > #media.org-slab {
  border-top-color: var(--hds-rule-on-dark);
}

[data-theme='org-guide'] .org-faq-lede {
  border-bottom: 1px solid var(--hds-rule);
}

[data-theme='org-guide'] .org-listing-panel {
  border: 1px solid var(--hds-card-border);
}

[data-theme='org-guide'] .org-listing-bottom {
  border-top: 1px solid var(--hds-rule);
}

[data-theme='org-guide'] .shadow-card {
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: no-preference) {
  [data-theme='org-guide'] article.shadow-card:hover,
  [data-theme='org-guide'] .shadow-card.transition:hover {
    transform: translateY(-2px);
  }
}