/* Editorial additions use the established JanusLabs colours and typography. */
.strategy-copy > p { max-width: 78ch; color: var(--ink2); line-height: 1.7; }
.strategy-copy .lp-lead { max-width: 58ch; }
.strategy-copy a:not(.btn), .strategy-related a { color: var(--accent-ink); }
.strategy-link { margin-top: 24px; }
.lp-end .lp-ask.lp-preview { justify-content: center; margin: 0 auto 24px; }
/* Match the Pilot's small mouse follower instead of the inherited large glow. */
.cur { width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 4px; background: none; mix-blend-mode: normal; border: 1px solid color-mix(in srgb, var(--accent) 65%, transparent); transition: opacity .4s ease; }
.cur.on { opacity: .85; transition-duration: .12s; }
@media (prefers-reduced-motion: reduce), (pointer: coarse) { .cur { display: none; } }
.strategy-article .lg-head { max-width: 92ch; }
.strategy-article .lg-head h1 { max-width: 28ch; }
.strategy-article .lg-body { padding-top: 24px; }
.strategy-extract { background: var(--panel); border: 1px solid var(--line2); border-left: 3px solid var(--accent); border-radius: var(--r); padding: 24px; margin: 24px 0; max-width: 78ch; }
.strategy-extract blockquote { font-family: var(--serif); font-size: clamp(22px, 3vw, 30px); line-height: 1.4; color: var(--ink); margin: 14px 0; }
.strategy-extract p { color: var(--ink2); line-height: 1.65; margin-bottom: 0; }
.strategy-facts { margin: 0 0 24px; max-width: 78ch; }
.strategy-facts > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.strategy-facts dt { color: var(--ink3); font-size: 13px; }
.strategy-facts dd { margin: 0; color: var(--ink); line-height: 1.6; font-size: 14.5px; }
.strategy-table { overflow-x: auto; margin-bottom: 24px; }
.strategy-table .lg-t { margin: 0; }
.strategy-table caption { text-align: left; padding: 12px 0; color: var(--ink2); }
.strategy-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: none !important; padding: 0 !important; list-style: none; counter-reset: workflow; }
.strategy-flow li { padding: 20px; border: 1px solid var(--line); border-radius: var(--r); background: var(--panel); margin: 0; counter-increment: workflow; }
.strategy-flow li::before { content: counter(workflow, decimal-leading-zero); display: block; color: var(--accent-ink); font-family: var(--mono); font-size: 12px; margin-bottom: 8px; }
.strategy-flow b, .strategy-flow span { display: block; }
.strategy-flow span { margin-top: 8px; font-size: 14px; }
.strategy-related { padding: 20px 0; line-height: 1.7; }
.strategy-skip { position: absolute; left: 12px; top: -100px; z-index: 100; background: var(--accent); color: var(--on-accent); padding: 12px 18px; border-radius: var(--r); }
.strategy-skip:focus { top: 12px; }
:is(a, button, input, summary, [tabindex]):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
#choosing-ai-visibility-software, #januslabs-pilot-evidence { scroll-margin-top: 28px; }
@media (max-width: 700px) {
  .strategy-flow { grid-template-columns: 1fr; }
  .strategy-facts > div { grid-template-columns: 1fr; gap: 5px; }
  .strategy-extract { padding: 18px; }
}

/* A native disclosure keeps mobile navigation usable without JavaScript. */
.site-menu { display: none; }
@media (max-width: 760px) {
  .pub { padding: 12px 20px; gap: 12px; }
  .pub > nav { display: none; }
  .pub .site-menu { display: block; margin-left: auto; }
  .site-menu > summary { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 14px; border: 1px solid var(--line2); border-radius: var(--r); cursor: pointer; list-style: none; color: var(--ink); }
  .site-menu > summary::-webkit-details-marker { display: none; }
  .site-menu > summary::before { display: none; }
  .site-menu > summary::after { content: '▾'; margin-left: 9px; }
  .site-menu[open] > summary::after { content: '▴'; }
  .pub .site-menu nav { position: absolute; top: 100%; left: 0; right: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 12px 20px; max-height: 65vh; overflow-y: auto; background: var(--panel); border-bottom: 1px solid var(--line2); box-shadow: 0 16px 30px #0008; z-index: 20; }
  .pub .site-menu nav a { display: flex; align-items: center; min-height: 44px; padding: 10px; border-radius: var(--r); line-height: 1.4; }
  .pub .site-menu nav a:hover { background: var(--panel2); }
  .pub .sp { width: 100%; margin-left: 0; }
  .pub .sp a.btn { width: 100%; justify-content: center; }
}

/* Keep the original radio-driven frozen screens, with visible section controls. */
.dg-demo { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.demo-navigation-note { grid-column: 1 / -1; color: var(--ink2); font-size: 14px; line-height: 1.6; margin: 0 0 2px; }
.dg-demo > .dg-app, .dg-demo > .dg-cap { grid-column: 1 / -1; }
.dg-demo > .dg-app { grid-row: 3; }
.dg-demo .dg-pick { position: relative; top: auto; left: auto; width: 20px; height: 20px; opacity: 1; pointer-events: auto; margin: 0 0 0 10px; align-self: center; z-index: 1; accent-color: var(--accent); scroll-margin-block: 24px; }
.demo-tab { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 10px 10px 38px; margin: 0; border: 1px solid var(--line2); border-radius: var(--r); color: var(--ink2); background: var(--panel); font-size: 14px; line-height: 1.4; cursor: pointer; }
.dg-demo > :is(#dgstep-flow, .demo-tab[for='dgstep-flow']) { grid-column: 1; grid-row: 2; }
.dg-demo > :is(#dgstep-page, .demo-tab[for='dgstep-page']) { grid-column: 2; grid-row: 2; }
.dg-demo > :is(#dgstep-research, .demo-tab[for='dgstep-research']) { grid-column: 3; grid-row: 2; }
.dg-demo > :is(#dgstep-questions, .demo-tab[for='dgstep-questions']) { grid-column: 4; grid-row: 2; }
.dg-demo > :is(#dgstep-visibility, .demo-tab[for='dgstep-visibility']) { grid-column: 5; grid-row: 2; }
.dg-demo > :is(#dgstep-actions, .demo-tab[for='dgstep-actions']) { grid-column: 6; grid-row: 2; }
.dg-pick:checked + .demo-tab { border-color: var(--accent); color: var(--accent-ink); background: var(--panel2); }
.dg-pick:focus-visible + .demo-tab { outline: 2px solid var(--accent); outline-offset: 3px; }
#frozen-report { scroll-margin-top: 20px; }
@media (max-width: 760px) {
  .dg-demo { --dgz: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dg-demo > :is(#dgstep-research, .demo-tab[for='dgstep-research']) { grid-column: 1; grid-row: 3; }
  .dg-demo > :is(#dgstep-questions, .demo-tab[for='dgstep-questions']) { grid-column: 2; grid-row: 3; }
  .dg-demo > :is(#dgstep-visibility, .demo-tab[for='dgstep-visibility']) { grid-column: 1; grid-row: 4; }
  .dg-demo > :is(#dgstep-actions, .demo-tab[for='dgstep-actions']) { grid-column: 2; grid-row: 4; }
  .dg-demo > .dg-app { grid-row: 5; }
  .dg-demo .app { zoom: 1; height: min(80vh, 900px); min-height: 480px; }
  .dg-demo .canvas { padding: 16px 12px 36px; min-width: 0; }
  .dg-demo .rail-mobile > summary { min-height: 44px; display: flex; align-items: center; padding: 10px 12px; font-size: 14px; }
  .dg-demo .rail-mobile .r { min-height: 44px; font-size: 14px; }
  .demo-tab { min-height: 44px; }
}