/* Phone landscape keeps the chapter frame, but lets its content read naturally.
   This narrow height breakpoint deliberately excludes ordinary laptop layouts. */
@media screen and (min-width:761px) and (max-width:1024px) and (max-height:500px) {
  #aeo.aeo-motion .aeo-active-number { white-space:nowrap;font-size:12px;letter-spacing:0; }
  :root { --header:52px;--gutter:28px; }

  .topbar {
    height:var(--header);
    padding-inline:var(--gutter);
    opacity:1!important;
    pointer-events:auto!important;
    background:rgba(var(--bg),.95);
    backdrop-filter:blur(16px);
  }
  .topbar .logo { font-size:27px; }
  .topbar-center { gap:0; }
  .topbar-center > span { display:none; }
  .topbar-center img { width:79px;height:34px; }
  .topbar-controls { min-height:44px;gap:6px; }
  .chapter-trigger { min-height:44px;min-width:44px;padding:10px 12px;font-size:14px;line-height:1.35;gap:18px; }
  .icon-button { width:44px;height:44px;min-height:44px; }
  .chapter-menu {
    top:calc(var(--header) + 6px);
    right:var(--gutter);
    width:min(390px,calc(100vw - var(--gutter)*2));
    max-height:calc(100dvh - var(--header) - 18px);
    padding:10px;
    border-radius:14px;
  }
  .chapter-menu a { min-height:44px;padding:11px 10px;font-size:14px;line-height:1.4; }
  .chapter-menu a > span { font-size:14px; }
  .evidence-fab { display:none; }
  body[data-active-chapter="uvod"] .topbar { background:#071e18a8;backdrop-filter:blur(14px); }
  body[data-active-chapter="uvod"] .topbar-center img { width:79px;height:34px; }
  body[data-active-chapter="uvod"] .topbar-controls { height:44px;padding:0 4px; }

  .text-button,.button-primary { min-height:44px;font-size:14px;line-height:1.45; }
  .round-button { width:44px;height:44px;min-width:44px;min-height:44px; }
  .section-label { gap:14px;flex:none;margin-bottom:16px;font-size:14px;line-height:1.35; }
  .section-label > span:first-child,
  .section-label > span:last-child { font-size:14px;line-height:1.35; }
  .section-label > span:first-child { padding:7px 11px; }

  /* A single viewport-sized reader owns each animated frame. */
  #nalazi .diagnosis-pin,
  #put .journey-pin,
  #seo .seo-pin,
  #lokalno .local-pin,
  #aeo.aeo-motion .aeo-pin,
  #sadrzaj.content-process .content-pin,
  #plan .plan-pin {
    height:100dvh;
    min-height:0;
    max-height:100dvh;
    display:flex;
    flex-direction:column;
    padding:calc(var(--header) + 12px) var(--gutter) max(16px,env(safe-area-inset-bottom));
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  #nalazi .diagnosis-pin > *,#put .journey-pin > *,#seo .seo-pin > *,
  #lokalno .local-pin > *,#aeo.aeo-motion .aeo-pin > *,
  #sadrzaj.content-process .content-pin > *,#plan .plan-pin > * { flex-shrink:0; }
  #nalazi .diagnosis-fact,#put .journey-stage,#seo .seo-number-scene,
  #lokalno .local-frame,#aeo.aeo-motion .aeo-theater,
  #sadrzaj.content-process .editorial-stage,#plan .plan-theater { overflow:visible; }

  /* Opening motion fits the short, wide screen without colliding with its footer. */
  #uvod.hero-cinema { height:115dvh;min-height:0; }
  #uvod .hero-cinema-pin { height:100dvh;min-height:0; }
  #uvod .hero-cinema-title { top:29dvh;left:var(--gutter);right:var(--gutter); }
  #uvod.hero-cinema h1 { font-size:clamp(45px,6.3vw,62px);line-height:1.08; }
  #uvod .hero-cinema-footer { bottom:16px;left:var(--gutter);right:var(--gutter);font-size:14px; }
  #uvod .hero-cinema-footer > a { min-height:44px;font-size:14px; }
  #uvod .hero-video-toggle { width:44px;height:44px;right:var(--gutter);bottom:72px; }

  #nalazi .diagnosis-stage { display:block;flex:none;min-height:0; }
  #nalazi .diagnosis-scene { position:absolute;inset:0;min-height:0; }
  #nalazi .diagnosis-scene[aria-hidden="true"] { overflow:hidden;height:0; }
  #nalazi .diagnosis-scene[aria-hidden="false"] { position:relative;inset:auto;height:auto; }
  #nalazi .diagnosis-intro { min-height:calc(100dvh - var(--header) - 100px);padding:16px 0; }
  #nalazi .diagnosis-intro h2 { font-size:48px;line-height:1.08; }
  #nalazi .diagnosis-eyebrow { font-size:17px;margin-bottom:18px; }
  #nalazi .diagnosis-fact { display:grid;grid-template-columns:.6fr 1fr;gap:30px;align-items:center;padding:12px 0 20px; }
  #nalazi .diagnosis-stat { min-width:0; }
  #nalazi .diagnosis-value { font-size:clamp(120px,19vw,175px);line-height:1; }
  #nalazi .diagnosis-stat-caption { margin-top:14px;font-size:14px;line-height:1.4;padding:8px 12px; }
  #nalazi .diagnosis-count { font-size:14px;line-height:1.4;margin-bottom:12px;padding:7px 10px; }
  #nalazi .diagnosis-copy h3 { font-size:32px;line-height:1.12;margin-bottom:14px; }
  #nalazi .diagnosis-copy > p,#nalazi .diagnosis-copy .diagnosis-note { font-size:14px;line-height:1.5; }
  #nalazi .diagnosis-copy .diagnosis-note { margin-top:12px; }
  #nalazi .diagnosis-copy .text-button { font-size:14px;min-height:44px;margin-top:6px; }
  #nalazi .diagnosis-controls { gap:18px;justify-content:stretch; }
  #nalazi .diagnosis-controls button { min-width:0;flex:1;min-height:44px;padding:10px 0;font-size:14px;line-height:1.4; }
  #nalazi .diagnosis-controls button > span { font-size:14px;margin-right:9px; }

  /* Journey: the large interface reads in two columns, followed by its explanation. */
  #put.journey-flow .journey-stage { display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:none;gap:15px;padding:0;min-height:0; }
  #put.journey-flow .journey-tabs { width:100%;min-height:66px; }
  #put.journey-flow .journey-tab { min-height:64px;gap:7px;font-size:14px; }
  #put.journey-flow .journey-tab > span:first-child { width:30px;height:30px;font-size:14px; }
  #put.journey-flow .journey-tab .journey-node-label { font-size:14px; }
  #put.journey-flow .journey-flow-path { top:13px; }
  #put.journey-flow .journey-visual { flex:none;width:100%;margin:0; }
  #put.journey-flow .concept-device { height:auto;min-height:0;max-height:none;border-radius:14px; }
  #put.journey-flow .device-top { height:42px;padding:0 20px; }
  #put.journey-flow .device-top img { width:65px;height:29px; }
  #put.journey-flow .device-top > span { font-size:14px; }
  #put.journey-flow .concept-screen { height:auto;min-height:0;flex:none;overflow:visible;padding:20px 24px; }
  #put.journey-flow .screen-content { height:auto;grid-template-columns:1fr 1fr;gap:30px;align-items:center; }
  #put.journey-flow .concept-screen h4,#put.journey-flow .concept-screen[data-screen="2"] h4,#put.journey-flow .concept-screen[data-screen="3"] h4 { font-size:30px;line-height:1.12;margin-bottom:12px; }
  #put.journey-flow .concept-screen p,#put.journey-flow .concept-screen[data-screen="2"] p:not(.mock-kicker) { display:block;font-size:14px;line-height:1.5; }
  #put.journey-flow .concept-screen .mock-kicker { font-size:14px;line-height:1.4;margin-bottom:10px; }
  #put.journey-flow .mock-option,#put.journey-flow .mock-cta { min-height:44px;font-size:14px;padding:10px 12px;line-height:1.4; }
  #put.journey-flow .mock-details,#put.journey-flow .mock-detail-label,#put.journey-flow .mock-summary,#put.journey-flow .mock-confirm { font-size:14px;line-height:1.45; }
  #put.journey-flow .mock-fields > span { display:flex;min-height:44px;font-size:14px;padding:10px 12px; }
  #put.journey-flow .mock-doctor { height:140px; }
  #put.journey-flow .mock-doctor span { font-size:14px; }
  #put.journey-flow .journey-panel { flex:none;width:100%;padding:0;margin:0; }
  #put.journey-flow .journey-panel h3 { font-size:25px;line-height:1.2; }
  #put.journey-flow .journey-panel p { max-width:none;font-size:14px;line-height:1.5;margin-top:9px; }
  #put.journey-flow .scene-bottom { margin-top:12px;padding:0; }
  #put.journey-flow .scene-bottom .scroll-instruction { display:none; }
  #put.journey-flow .scene-bottom .text-button { min-height:44px;font-size:14px; }

  /* SEO scenes contribute their actual height to the pin's sole reader. */
  #seo.seo-motion .seo-stage { display:block;flex:none;min-height:0;perspective:none; }
  #seo.seo-motion .seo-scene { position:absolute;inset:0;min-height:0; }
  #seo.seo-motion .seo-scene[aria-hidden="true"] { height:0;overflow:hidden; }
  #seo.seo-motion .seo-scene[aria-hidden="false"] { position:relative;inset:auto;height:auto; }
  #seo.seo-motion .seo-title-scene,#seo.seo-motion .seo-search-scene { min-height:calc(100dvh - var(--header) - 30px);padding:12px 0; }
  #seo.seo-motion .seo-title-scene h2 { font-size:clamp(43px,6vw,58px);line-height:1.09; }
  #seo.seo-motion .seo-bottom.is-intro { position:absolute;left:var(--gutter);right:var(--gutter);bottom:14px; }
  #seo.seo-motion .seo-google { margin-bottom:22px; }
  #seo.seo-motion .seo-google img { width:190px; }
  #seo.seo-motion .seo-query { min-height:58px;padding:16px 23px;font-size:23px; }
  #seo.seo-motion .seo-number-scene { gap:35px;padding:14px 0 20px; }
  #seo.seo-motion .seo-number-block { width:39%; }
  #seo.seo-motion .seo-metric-kicker { font-size:14px;line-height:1.4;padding:7px 10px;margin:0 0 12px; }
  #seo.seo-motion .seo-metric-value { font-size:clamp(132px,20vw,190px); }
  #seo.seo-motion .seo-number-scene:last-child .seo-metric-value { font-size:clamp(107px,16vw,155px); }
  #seo.seo-motion .seo-metric-copy h3 { font-size:30px;line-height:1.15; }
  #seo.seo-motion .seo-metric-copy > p,#seo.seo-motion .seo-metric-copy .seo-metric-note,#seo.seo-motion .seo-metric-copy .seo-metric-action { display:block;font-size:14px;line-height:1.5;margin-top:12px; }
  #seo.seo-motion .seo-metric-action > span { font-size:14px;line-height:1.4; }
  #seo.seo-motion .seo-story-navigation { gap:15px; }
  #seo.seo-motion .seo-story-navigation button { min-height:44px;font-size:14px;line-height:1.3;white-space:normal;padding:10px 0; }
  #seo.seo-motion .seo-story-navigation button > span { display:none; }
  #seo.seo-motion .seo-footer .text-button,#seo.seo-motion .seo-details-trigger { min-height:44px;font-size:14px; }

  /* The geography and its current city remain side by side in landscape. */
  #lokalno.local-motion .local-theater { display:grid;grid-template-columns:.9fr 1fr;gap:26px;align-items:center;flex:none;min-height:0; }
  #lokalno.local-motion .map-window { position:relative;inset:auto;width:100%;height:250px;margin:0; }
  #lokalno.local-motion .map-world { height:100%;min-height:0; }
  #lokalno.local-motion .map-city-label { font-size:14px; }
  #lokalno.local-motion .local-narrative { position:relative;width:100%;height:auto;min-height:0;margin:0; }
  #lokalno.local-motion .local-frame { position:absolute;inset:0;padding:0;overflow:hidden;justify-content:center; }
  #lokalno.local-motion .local-frame[aria-hidden="false"] { position:relative;inset:auto;overflow:visible; }
  #lokalno.local-motion .local-step { font-size:14px;line-height:1.4;margin-bottom:14px; }
  #lokalno.local-motion .local-frame h3 { font-size:52px; }
  #lokalno.local-motion .local-payoff h2 { font-size:39px;line-height:1.1; }
  #lokalno.local-motion .local-frame > p,#lokalno.local-motion .local-query { font-size:14px;line-height:1.5;max-width:none;margin-top:14px; }
  #lokalno.local-motion .story-bottom { flex:none;gap:24px;margin-top:14px; }
  #lokalno.local-motion .story-controls { flex:1;gap:18px; }
  #lokalno.local-motion .story-controls button { min-width:0;min-height:52px;font-size:14px;line-height:1.35;padding:9px 0; }
  #lokalno.local-motion .story-controls button > span { font-size:14px;margin-bottom:5px; }
  #lokalno.local-motion .story-bottom > .text-button { font-size:14px;min-height:44px;max-width:220px; }

  #aeo.aeo-motion .aeo-theater { display:grid;grid-template-columns:1.2fr 1fr;gap:18px 28px;align-items:center;justify-content:start;flex:none;padding:16px 0;min-height:0; }
  #aeo.aeo-motion .aeo-chapter-label,#aeo.aeo-motion .aeo-chapter-label > span:last-child { font-size:14px;line-height:1.4; }
  #aeo.aeo-motion .aeo-narrative { grid-column:1 / -1; }
  #aeo.aeo-motion h2 { font-size:39px;line-height:1.1; }
  #aeo.aeo-motion .aeo-step-controls { grid-column:1 / -1;width:100%; }
  #aeo.aeo-motion .aeo-step-controls > button { min-height:65px;gap:7px;font-size:14px;line-height:1.3; }
  #aeo.aeo-motion .aeo-route-node { width:32px;height:32px;font-size:14px; }
  #aeo.aeo-motion .aeo-route-track { top:16px; }
  #aeo.aeo-motion .aeo-visual { width:100%;margin:0; }
  #aeo.aeo-motion .aeo-stage-graphic { display:block;min-height:0; }
  #aeo.aeo-motion .aeo-process-scene { position:relative;min-height:0;gap:10px; }
  #aeo.aeo-motion .aeo-process-scene[aria-hidden="true"] { position:absolute;inset:0;overflow:hidden; }
  #aeo.aeo-motion .aeo-question > span { font-size:14px;line-height:1.4; }
  #aeo.aeo-motion .aeo-question p { font-size:22px;line-height:1.3; }
  #aeo.aeo-motion .aeo-connection { height:18px; }
  #aeo.aeo-motion .aeo-example-card { padding:17px; }
  #aeo.aeo-motion .aeo-card-label { font-size:14px;line-height:1.4;margin-bottom:9px; }
  #aeo.aeo-motion .aeo-example-card > p { font-size:16px;line-height:1.5; }
  #aeo.aeo-motion .aeo-trust-example .aeo-example-card > p { font-size:26px; }
  #aeo.aeo-motion .aeo-verification { grid-template-columns:1fr;gap:8px;margin-top:14px;padding-top:14px; }
  #aeo.aeo-motion .aeo-verification > span,#aeo.aeo-motion .aeo-address,#aeo.aeo-motion .aeo-graphic-caption,#aeo.aeo-motion .aeo-illustration-label { font-size:14px;line-height:1.4; }
  #aeo.aeo-motion .aeo-code-card > p { font-size:16px; }
  #aeo.aeo-motion .aeo-code-card > p > span { font-size:14px; }
  #aeo.aeo-motion .aeo-step-copy { grid-template-columns:44px 1fr;gap:8px 12px;min-height:0;margin:0;max-width:none; }
  #aeo.aeo-motion .aeo-active-number { font-size:14px; }
  #aeo.aeo-motion .aeo-step-copy h3 { font-size:27px;line-height:1.2; }
  #aeo.aeo-motion .aeo-step-copy p,#aeo.aeo-motion .aeo-closing p { font-size:14px;line-height:1.5; }
  #aeo.aeo-motion .aeo-closing .text-button { min-height:44px;font-size:14px; }

  #sadrzaj.content-process .content-heading { display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center; }
  #sadrzaj.content-process .content-heading h2 { font-size:36px;line-height:1.1; }
  #sadrzaj.content-process .content-plan-subtitle { font-size:14px;line-height:1.5;margin-top:9px; }
  #sadrzaj.content-process .content-output-controls { flex-direction:row;gap:20px;justify-content:flex-end; }
  #sadrzaj.content-process .publishing-number { gap:12px; }
  #sadrzaj.content-process .publishing-number > span { font-size:60px; }
  #sadrzaj.content-process .publishing-number p { font-size:14px;line-height:1.4;max-width:115px; }
  #sadrzaj.content-process .cadence-toggle button { min-height:44px;font-size:14px;padding:8px 12px; }
  #sadrzaj.content-process .month-tabs { margin-top:20px; }
  #sadrzaj.content-process .month-tab { min-height:68px;gap:8px;font-size:14px;padding:0 3px 4px; }
  #sadrzaj.content-process .content-route-node { width:32px;height:32px;font-size:14px; }
  #sadrzaj.content-process .content-route-track { top:16px; }
  #sadrzaj.content-process .content-route-name { font-size:14px;line-height:1.4; }
  #sadrzaj.content-process .editorial-stage { flex:none;display:block;min-height:0;overflow:visible;padding:16px 0 20px; }
  #sadrzaj.content-process .month-panel { display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;padding:0;margin:0;min-height:0;text-align:left;align-items:start; }
  #sadrzaj.content-process .month-caption { font-size:14px;line-height:1.4;margin-bottom:12px; }
  #sadrzaj.content-process .month-panel h3 { font-size:29px;line-height:1.15;margin-bottom:11px; }
  #sadrzaj.content-process .month-focus,#sadrzaj.content-process .month-topics li,#sadrzaj.content-process .cadence-row > p,#sadrzaj.content-process .content-footnote p { font-size:14px;line-height:1.5; }
  #sadrzaj.content-process .month-topics { display:block;margin:0; }
  #sadrzaj.content-process .month-topics li { margin-top:8px;padding-top:8px; }
  #sadrzaj.content-process .cadence-row { margin-top:18px;text-align:left; }
  #sadrzaj.content-process .content-footnote { gap:24px;padding-top:12px; }
  #sadrzaj.content-process .content-footnote .text-button { min-height:44px;font-size:14px; }

  #plan .plan-intro { display:flex;flex:none;align-items:start;gap:30px;margin:0 0 20px; }
  #plan .plan-intro > p { font-size:17px;line-height:1.45; }
  #plan .plan-intro > span { font-size:14px;line-height:1.5;max-width:320px; }
  #plan .plan-theater { position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;flex:none;min-height:0;padding:0 0 20px;overflow:visible; }
  #plan .phase-number { display:none; }
  #plan .phase-content { position:relative;margin:0;max-width:100%; }
  #plan .phase-label { font-size:14px;line-height:1.4;padding:6px 10px;margin-bottom:13px; }
  #plan .phase-content h2 { font-size:43px;line-height:1.08; }
  #plan .phase-content h2 br { display:none; }
  #plan .phase-content h2 em::before { content:' '; }
  #plan .phase-content p { max-width:680px;font-size:14px;line-height:1.5;margin-top:14px; }
  #plan .phase-content > span:last-child { display:block;max-width:680px;font-size:14px;line-height:1.5;letter-spacing:0;margin-top:13px;padding-left:12px;border-left:1px solid rgba(var(--accent),.5); }
  #plan .phase-index { position:static;inset:auto;transform:none;display:flex;flex-direction:row;gap:12px;margin:0; }
  #plan .phase-index button { width:44px;height:44px;font-size:14px; }
  #plan .scene-bottom { display:block;padding-top:12px; }
  #plan .scene-bottom .scroll-instruction,#plan .scene-bottom .scene-progress { display:none; }
  #plan .plan-note { font-size:14px;line-height:1.5; }

  /* Evidence and concluding chapters use ordinary document height. */
  #mobile.mobile-section,#dizajn.review-design,#merenje,#sledece.final-section {
    height:auto;
    min-height:100dvh;
    max-height:none;
    overflow:visible;
    padding:calc(var(--header) + 20px) var(--gutter) 36px;
  }
  #mobile .mobile-layout { grid-template-columns:1fr 250px;gap:40px;align-items:start; }
  #mobile .mobile-copy h2 { font-size:41px;line-height:1.1; }
  #mobile .lead-copy { font-size:14px;line-height:1.5;margin:20px 0 25px; }
  #mobile .annotation { margin:20px 0;gap:12px; }
  #mobile .annotation h3 { font-size:20px; }
  #mobile .annotation p { font-size:14px;line-height:1.5; }
  #mobile .annotation-number { font-size:14px; }
  #mobile .screen-label { font-size:14px;line-height:1.4;margin-bottom:16px; }
  #mobile .phone-frame,#mobile .phone-stage:hover .phone-frame { width:190px;height:auto;max-height:none; }
  #mobile .phone-stage .text-button { font-size:14px;min-height:44px;margin-top:15px; }
  #dizajn.review-design > .section-heading { margin-bottom:26px;gap:35px; }
  #dizajn.review-design .section-heading h2 { font-size:41px; }
  #dizajn.review-design .section-heading > p { font-size:14px;line-height:1.5; }
  #dizajn.review-design .review-design-layout { flex:none;grid-template-columns:1fr 1fr;gap:35px;align-items:center; }
  #dizajn.review-design .design-principles > div { padding:13px 0; }
  #dizajn.review-design .design-principles h3 { font-size:23px; }
  #dizajn.review-design .design-principles p { font-size:14px;line-height:1.5; }
  #dizajn.review-design .gallery { height:300px;max-height:none;min-height:0; }
  #dizajn.review-design .gallery-controls .round-button { width:44px;height:44px; }
  #dizajn.review-design .gallery-image-button { height:210px;min-height:120px; }
  #dizajn.review-design .gallery-toolbar .eyebrow,#dizajn.review-design .gallery-image-button > span { font-size:14px; }
  #merenje .section-heading { margin-bottom:28px;gap:36px; }
  #merenje .section-heading h2 { font-size:42px; }
  #merenje .section-heading > p { font-size:14px;line-height:1.5; }
  #merenje .measurement-list { margin-top:0; }
  #merenje .measurement-list > div { display:grid;grid-template-columns:30px 1fr 1.3fr;gap:9px 18px;padding:22px 0; }
  #merenje .measurement-list > div > span { grid-column:1;grid-row:1 / 3;font-size:14px; }
  #merenje .measurement-list h3 { grid-column:2;grid-row:1 / 3;font-size:23px;line-height:1.2; }
  #merenje .measurement-list p { grid-column:3;font-size:14px;line-height:1.5; }
  #merenje .measurement-list small { grid-column:3;font-size:14px;line-height:1.5; }
  #merenje .measurement-bottom { margin-top:24px;gap:35px; }
  #merenje .measurement-bottom strong { font-size:28px;line-height:1.25; }
  #merenje .measurement-bottom p { font-size:14px;line-height:1.5; }
  #sledece > h2 { font-size:47px;line-height:1.08; }
  #sledece .final-bottom { margin:28px 0 30px;gap:35px; }
  #sledece .final-bottom p { font-size:14px;line-height:1.5; }
  #sledece .button-primary { min-height:48px;font-size:14px;padding:13px 18px;gap:30px; }
  #sledece .final-wordmark { font-size:65px; }
  #sledece .final-wordmark small { font-size:14px;line-height:1.5; }
  #sledece .presentation-footer { font-size:12px;line-height:1.4;gap:20px; }
  #sledece .presentation-footer a { display:inline-flex;align-items:center;min-height:44px;font-size:14px; }

  .dialog-close,.seo-motion .seo-detail-close { width:44px;height:44px;min-width:44px;min-height:44px; }
  .dialog-intro,.evidence-item p,.evidence-item a,.seo-method-list p,.seo-method-goals p { font-size:14px;line-height:1.5; }
  .evidence-tabs > button { min-height:44px;font-size:14px; }
}