/* ==========================================================================
   MDJ design system: Warm Night + Warm Ivory (hybrid)
   Approved by Maya 11.11.2026: direction B "Warm Night" from the design audit,
   with a warm ivory light surface for reading, forms and tools.
   Docs and the contrast table: docs/design-system.md
   Live style page: /landing/design/styleguide.html
   Fonts (load once per page):
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
   Surfaces:
     .mdj-night   dark warm (hero, header, footer, app and glasses worlds, accent bands)
     .mdj-ivory   warm ivory light (long reading, forms, tools)
     .mdj-auto    ivory by default, night when the visitor's system is in dark mode
                  (interactive tools: calculator, best time to visit)
     [data-mdj-theme="light"|"dark"] forces a surface, e.g. from a toggle
   ========================================================================== */

:root{
  /* raw palette: Warm Night */
  --mdj-night-900:#14110E;   /* page background */
  --mdj-night-800:#1E1A16;   /* card */
  --mdj-night-700:#27221C;   /* raised card, table header */
  --mdj-night-600:#332C25;   /* decorative line */
  --mdj-night-500:#7D705F;   /* input border, 3:1 */
  --mdj-sand-100:#F2ECE3;    /* primary text on night and on photos */
  --mdj-sand-300:#B9AFA2;    /* secondary text on night */
  --mdj-amber-500:#E39A4C;   /* accent and primary button */
  --mdj-amber-400:#EDB277;   /* button hover */
  --mdj-amber-300:#F0B27A;   /* accent text on dark accent chip */
  --mdj-amber-950:#3A2A1B;   /* dark accent chip */
  /* raw palette: Warm Ivory */
  --mdj-ivory-100:#F6F2EA;   /* page background */
  --mdj-ivory-50:#FFFDF9;    /* card */
  --mdj-ivory-200:#EFE8DC;   /* alt band, table header */
  --mdj-ivory-300:#E2DACB;   /* decorative line */
  --mdj-ivory-500:#857766;   /* input border, 3:1 */
  --mdj-ink-900:#1F1C19;     /* primary text on ivory */
  --mdj-ink-600:#5B544B;     /* secondary text on ivory */
  --mdj-rust-700:#9A4613;    /* accent text and links on ivory */
  --mdj-rust-800:#8A3E10;    /* accent text on ivory accent chip */
  --mdj-amber-100:#F7E3CC;   /* ivory accent chip */
  --mdj-logo-orange:#E06A10; /* logo only, never text */
  /* status, ivory */
  --mdj-ok-ivory:#2F6B3F;  --mdj-ok-ivory-bg:#E6F0E7;
  --mdj-mid-ivory:#7A5A0C; --mdj-mid-ivory-bg:#F6EDD3;
  --mdj-bad-ivory:#A3332A; --mdj-bad-ivory-bg:#F8E4E0;
  /* status, night */
  --mdj-ok-night:#9DDBAE;  --mdj-ok-night-bg:#1F3326;
  --mdj-mid-night:#F0D08A; --mdj-mid-night-bg:#3A3019;
  --mdj-bad-night:#F5A99E; --mdj-bad-night-bg:#3D2320;

  /* photo overlay: base 0.72 everywhere text can sit, deeper at the bottom.
     Worst case (pure white pixel) sand-100 text still measures 6.3:1. */
  --mdj-scrim:linear-gradient(to top, rgba(20,17,14,.55) 0%, rgba(20,17,14,0) 65%), linear-gradient(rgba(20,17,14,.72), rgba(20,17,14,.72));
  --mdj-on-photo:#F2ECE3;

  /* type */
  --mdj-font-he:'Heebo','Segoe UI','Arial',sans-serif;
  --mdj-font-en:'Jost','Heebo','Segoe UI','Arial',sans-serif;
  --mdj-fs-display:clamp(34px, 4.6vw, 52px);
  --mdj-fs-h1:clamp(30px, 3.8vw, 42px);
  --mdj-fs-h2:clamp(25px, 2.8vw, 32px);
  --mdj-fs-h3:clamp(20px, 2vw, 23px);
  --mdj-fs-h4:18px;
  --mdj-fs-lead:clamp(18px, 1.6vw, 20px);
  --mdj-fs-body:17px;
  --mdj-fs-small:15px;
  --mdj-fs-caption:13.5px;
  --mdj-lh-tight:1.2;
  --mdj-lh-body:1.7;

  /* shape and space (B: 6px buttons, 10px cards, no shadows) */
  --mdj-radius-btn:6px;
  --mdj-radius-card:10px;
  --mdj-radius-chip:999px;
  --mdj-space-1:4px; --mdj-space-2:8px; --mdj-space-3:12px; --mdj-space-4:16px;
  --mdj-space-5:24px; --mdj-space-6:32px; --mdj-space-7:48px; --mdj-space-8:72px; --mdj-space-9:112px;
  --mdj-container:1160px;
  --mdj-measure:68ch;
  --mdj-btn-h:48px;
  --mdj-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- semantic surface tokens ---------- */
:root, .mdj-ivory, [data-mdj-theme="light"]{
  --mdj-bg:var(--mdj-ivory-100);
  --mdj-card:var(--mdj-ivory-50);
  --mdj-raised:var(--mdj-ivory-200);
  --mdj-line:var(--mdj-ivory-300);
  --mdj-field-border:var(--mdj-ivory-500);
  --mdj-text:var(--mdj-ink-900);
  --mdj-muted:var(--mdj-ink-600);
  --mdj-accent:var(--mdj-rust-700);       /* accent used as text, links, eyebrow */
  --mdj-accent-fill:var(--mdj-amber-500); /* accent used as fill (button) */
  --mdj-accent-fill-hover:var(--mdj-amber-400);
  --mdj-on-accent:var(--mdj-night-900);
  --mdj-btn-edge:var(--mdj-rust-700);     /* keeps the amber button visible on ivory (5.8:1) */
  --mdj-accent-soft:var(--mdj-amber-100);
  --mdj-accent-soft-text:var(--mdj-rust-800);
  --mdj-focus:var(--mdj-rust-700);
  --mdj-ok:var(--mdj-ok-ivory);   --mdj-ok-bg:var(--mdj-ok-ivory-bg);
  --mdj-mid:var(--mdj-mid-ivory); --mdj-mid-bg:var(--mdj-mid-ivory-bg);
  --mdj-bad:var(--mdj-bad-ivory); --mdj-bad-bg:var(--mdj-bad-ivory-bg);
  color-scheme:light;
}
.mdj-night, [data-mdj-theme="dark"]{
  --mdj-bg:var(--mdj-night-900);
  --mdj-card:var(--mdj-night-800);
  --mdj-raised:var(--mdj-night-700);
  --mdj-line:var(--mdj-night-600);
  --mdj-field-border:var(--mdj-night-500);
  --mdj-text:var(--mdj-sand-100);
  --mdj-muted:var(--mdj-sand-300);
  --mdj-accent:var(--mdj-amber-500);
  --mdj-accent-fill:var(--mdj-amber-500);
  --mdj-accent-fill-hover:var(--mdj-amber-400);
  --mdj-on-accent:var(--mdj-night-900);
  --mdj-btn-edge:var(--mdj-amber-500);
  --mdj-accent-soft:var(--mdj-amber-950);
  --mdj-accent-soft-text:var(--mdj-amber-300);
  --mdj-focus:var(--mdj-amber-500);
  --mdj-ok:var(--mdj-ok-night);   --mdj-ok-bg:var(--mdj-ok-night-bg);
  --mdj-mid:var(--mdj-mid-night); --mdj-mid-bg:var(--mdj-mid-night-bg);
  --mdj-bad:var(--mdj-bad-night); --mdj-bad-bg:var(--mdj-bad-night-bg);
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  .mdj-auto:not([data-mdj-theme="light"]){
    --mdj-bg:var(--mdj-night-900); --mdj-card:var(--mdj-night-800); --mdj-raised:var(--mdj-night-700);
    --mdj-line:var(--mdj-night-600); --mdj-field-border:var(--mdj-night-500);
    --mdj-text:var(--mdj-sand-100); --mdj-muted:var(--mdj-sand-300);
    --mdj-accent:var(--mdj-amber-500); --mdj-accent-fill:var(--mdj-amber-500); --mdj-accent-fill-hover:var(--mdj-amber-400);
    --mdj-on-accent:var(--mdj-night-900); --mdj-btn-edge:var(--mdj-amber-500);
    --mdj-accent-soft:var(--mdj-amber-950); --mdj-accent-soft-text:var(--mdj-amber-300); --mdj-focus:var(--mdj-amber-500);
    --mdj-ok:var(--mdj-ok-night); --mdj-ok-bg:var(--mdj-ok-night-bg);
    --mdj-mid:var(--mdj-mid-night); --mdj-mid-bg:var(--mdj-mid-night-bg);
    --mdj-bad:var(--mdj-bad-night); --mdj-bad-bg:var(--mdj-bad-night-bg);
    color-scheme:dark;
  }
}
.mdj-ivory, .mdj-night, .mdj-auto, [data-mdj-theme]{background:var(--mdj-bg);color:var(--mdj-text)}

/* ---------- base ---------- */
.mdj, .mdj *, .mdj *::before, .mdj *::after{box-sizing:border-box}
.mdj{
  margin:0;font-family:var(--mdj-font-he);font-size:var(--mdj-fs-body);line-height:var(--mdj-lh-body);
  font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background:var(--mdj-bg);color:var(--mdj-text);
}
.mdj:lang(en), .mdj :lang(en){font-family:var(--mdj-font-en)}
.mdj :lang(he){font-family:var(--mdj-font-he)}
.mdj :where(img){max-width:100%;height:auto;display:block}
.mdj :where(p){margin:0 0 var(--mdj-space-4);max-width:var(--mdj-measure)}
.mdj :where(a:not([class])), .mdj-link{color:var(--mdj-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mdj :where(a:not([class])):hover, .mdj-link:hover{text-decoration-thickness:2px}
.mdj :where(hr){border:0;border-top:1px solid var(--mdj-line);margin:var(--mdj-space-6) 0}
.mdj ::selection{background:var(--mdj-accent-fill);color:var(--mdj-on-accent)}

/* headings: light weight, no letter-spacing, no shadows */
.mdj :where(h1,h2,h3,h4),.mdj-display,.mdj-h1,.mdj-h2,.mdj-h3,.mdj-h4{
  color:var(--mdj-text);margin:0 0 var(--mdj-space-4);line-height:var(--mdj-lh-tight);letter-spacing:0;text-wrap:balance}
.mdj-display{font-size:var(--mdj-fs-display);font-weight:300}
.mdj :where(h1),.mdj-h1{font-size:var(--mdj-fs-h1);font-weight:300}
.mdj :where(h2),.mdj-h2{font-size:var(--mdj-fs-h2);font-weight:300}
.mdj :where(h3),.mdj-h3{font-size:var(--mdj-fs-h3);font-weight:400}
.mdj :where(h4),.mdj-h4{font-size:var(--mdj-fs-h4);font-weight:500}
.mdj-lead{font-size:var(--mdj-fs-lead);line-height:1.6;color:var(--mdj-text)}
.mdj-muted{color:var(--mdj-muted)}
.mdj-small{font-size:var(--mdj-fs-small)}
.mdj-caption{font-size:var(--mdj-fs-caption);color:var(--mdj-muted);line-height:1.5}
/* eyebrow label: Jost caps in English, plain Heebo in Hebrew (no letter-spacing in Hebrew) */
.mdj-eyebrow{display:block;font-size:13.5px;font-weight:500;color:var(--mdj-accent);margin:0 0 var(--mdj-space-3);line-height:1.4}
.mdj-eyebrow:lang(en){font-family:var(--mdj-font-en);text-transform:uppercase;letter-spacing:.18em;font-size:13px}
.mdj-brand{font-family:var(--mdj-font-en);text-transform:uppercase;letter-spacing:.22em;font-weight:400}

/* ---------- layout ---------- */
.mdj-container{max-width:var(--mdj-container);margin-inline:auto;padding-inline:clamp(18px,4vw,32px)}
.mdj-section{padding-block:clamp(48px,8vw,var(--mdj-space-9))}
.mdj-section--tight{padding-block:clamp(32px,5vw,var(--mdj-space-7))}
.mdj-band{background:var(--mdj-raised)}
.mdj-stack>*+*{margin-top:var(--mdj-space-4)}
.mdj-grid{display:grid;gap:var(--mdj-space-5);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.mdj-row{display:flex;flex-wrap:wrap;gap:var(--mdj-space-3);align-items:center}

/* ---------- buttons ---------- */
.mdj-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--mdj-space-2);
  min-height:var(--mdj-btn-h);padding:0 22px;border-radius:var(--mdj-radius-btn);
  font:500 16px/1.2 var(--mdj-font-he);letter-spacing:0;text-decoration:none;cursor:pointer;
  border:1px solid transparent;background:none;color:var(--mdj-text);
  transition:background-color .18s var(--mdj-ease),border-color .18s var(--mdj-ease),color .18s var(--mdj-ease);
  -webkit-tap-highlight-color:transparent;white-space:nowrap}
.mdj-btn:lang(en){font-family:var(--mdj-font-en)}
.mdj-btn--primary{background:var(--mdj-accent-fill);color:var(--mdj-on-accent);border-color:var(--mdj-btn-edge)}
.mdj-btn--primary:hover{background:var(--mdj-accent-fill-hover)}
.mdj-btn--secondary{border-color:var(--mdj-field-border);color:var(--mdj-text)}
.mdj-btn--secondary:hover{border-color:var(--mdj-text);background:var(--mdj-raised)}
.mdj-btn--ghost{color:var(--mdj-accent);padding-inline:6px;text-decoration:underline;text-underline-offset:4px}
.mdj-btn--ghost:hover{text-decoration-thickness:2px}
.mdj-btn--onphoto{background:var(--mdj-on-photo);color:var(--mdj-night-900);border-color:var(--mdj-on-photo)}
.mdj-btn--onphoto:hover{background:#FFFFFF}
.mdj-btn--sm{min-height:40px;padding:0 16px;font-size:15px}
.mdj-btn--block{display:flex;width:100%}
.mdj-btn[disabled],.mdj-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}

/* ---------- focus (visible everywhere, keyboard only) ---------- */
.mdj :focus-visible, .mdj-btn:focus-visible, .mdj-chip:focus-visible{
  outline:2px solid var(--mdj-focus);outline-offset:3px;border-radius:var(--mdj-radius-btn)}
.mdj-photo :focus-visible{outline-color:var(--mdj-on-photo)}

/* ---------- cards ---------- */
.mdj-card{background:var(--mdj-card);border:1px solid var(--mdj-line);border-radius:var(--mdj-radius-card);overflow:hidden;display:flex;flex-direction:column}
.mdj-card__media{aspect-ratio:16/10;background:var(--mdj-raised)}
.mdj-card__media img{width:100%;height:100%;object-fit:cover}
.mdj-card__body{padding:var(--mdj-space-5);display:flex;flex-direction:column;gap:var(--mdj-space-2);flex:1}
.mdj-card__title{font-size:var(--mdj-fs-h3);font-weight:400;line-height:1.3;margin:0;color:var(--mdj-text)}
.mdj-card__text{color:var(--mdj-muted);margin:0;font-size:16px}
.mdj-card__foot{margin-top:auto;padding-top:var(--mdj-space-3)}
.mdj-card--raised{background:var(--mdj-raised)}
.mdj-card--link{text-decoration:none;color:inherit;transition:border-color .18s var(--mdj-ease)}
.mdj-card--link:hover{border-color:var(--mdj-field-border)}

/* ---------- chips ---------- */
.mdj-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 14px;border-radius:var(--mdj-radius-chip);
  font:500 14px/1.3 var(--mdj-font-he);border:1px solid var(--mdj-field-border);color:var(--mdj-text);background:transparent}
.mdj-chip:lang(en){font-family:var(--mdj-font-en)}
.mdj-chip--accent{background:var(--mdj-accent-soft);color:var(--mdj-accent-soft-text);border-color:transparent}
.mdj-chip--ok{background:var(--mdj-ok-bg);color:var(--mdj-ok);border-color:transparent}
.mdj-chip--mid{background:var(--mdj-mid-bg);color:var(--mdj-mid);border-color:transparent}
.mdj-chip--bad{background:var(--mdj-bad-bg);color:var(--mdj-bad);border-color:transparent}
button.mdj-chip{cursor:pointer;min-height:40px}
button.mdj-chip[aria-pressed="true"]{background:var(--mdj-accent-fill);color:var(--mdj-on-accent);border-color:var(--mdj-btn-edge)}
.mdj-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}

/* ---------- tables ---------- */
.mdj-table-wrap{overflow-x:auto;border:1px solid var(--mdj-line);border-radius:var(--mdj-radius-card);background:var(--mdj-card)}
.mdj-table{width:100%;border-collapse:collapse;font-size:var(--mdj-fs-small);line-height:1.5}
.mdj-table th,.mdj-table td{padding:12px 16px;text-align:start;vertical-align:top;border-bottom:1px solid var(--mdj-line)}
.mdj-table thead th{background:var(--mdj-raised);color:var(--mdj-text);font-weight:500}
.mdj-table tbody tr:last-child td{border-bottom:0}
.mdj-table td.mdj-num, .mdj-table th.mdj-num{text-align:end}
.mdj-table caption{caption-side:bottom;text-align:start;padding:10px 16px;color:var(--mdj-muted);font-size:var(--mdj-fs-caption)}

/* season cell for "best time to visit" grids: colour plus a text label, never colour alone */
.mdj-season{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:6px;font-size:13.5px;font-weight:500;text-align:center;padding:4px}
.mdj-season--ok{background:var(--mdj-ok-bg);color:var(--mdj-ok)}
.mdj-season--mid{background:var(--mdj-mid-bg);color:var(--mdj-mid)}
.mdj-season--bad{background:var(--mdj-bad-bg);color:var(--mdj-bad)}

/* ---------- forms ---------- */
.mdj-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--mdj-space-5)}
.mdj-label{font-weight:500;font-size:15.5px;color:var(--mdj-text)}
.mdj-help{font-size:var(--mdj-fs-caption);color:var(--mdj-muted)}
.mdj-input,.mdj-select,.mdj-textarea{
  width:100%;min-height:48px;padding:10px 14px;font-size:16px;line-height:1.5;font-family:inherit;font-weight:400;color:var(--mdj-text);
  background:var(--mdj-card);border:1px solid var(--mdj-field-border);border-radius:var(--mdj-radius-btn);appearance:none}
.mdj-textarea{min-height:120px;resize:vertical}
.mdj-input::placeholder,.mdj-textarea::placeholder{color:var(--mdj-muted);opacity:1}
.mdj-input:focus-visible,.mdj-select:focus-visible,.mdj-textarea:focus-visible{outline:2px solid var(--mdj-focus);outline-offset:1px;border-color:var(--mdj-focus)}
.mdj-select{background-image:linear-gradient(45deg,transparent 50%,var(--mdj-muted) 50%),linear-gradient(135deg,var(--mdj-muted) 50%,transparent 50%);
  background-size:6px 6px;background-repeat:no-repeat;background-position:right 18px center,right 12px center;padding-inline-end:40px}
.mdj-select:dir(rtl){background-position:left 12px center,left 18px center}
.mdj-field--error .mdj-input,.mdj-field--error .mdj-select,.mdj-field--error .mdj-textarea{border-color:var(--mdj-bad)}
.mdj-error{font-size:var(--mdj-fs-caption);color:var(--mdj-bad);font-weight:500}
.mdj-check{display:flex;align-items:flex-start;gap:10px;font-size:16px;cursor:pointer}
.mdj-check input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--mdj-accent);flex:none}
.mdj :where(input[type="range"]){accent-color:var(--mdj-accent);width:100%}

/* ---------- callouts ---------- */
.mdj-callout{border:1px solid var(--mdj-line);border-inline-start:3px solid var(--mdj-accent);background:var(--mdj-card);
  border-radius:var(--mdj-radius-btn);padding:var(--mdj-space-4) var(--mdj-space-5);color:var(--mdj-text)}
.mdj-callout--ok{border-inline-start-color:var(--mdj-ok)}
.mdj-callout--bad{border-inline-start-color:var(--mdj-bad)}

/* ---------- header and footer (always night) ---------- */
.mdj-header{position:sticky;top:0;z-index:50;background:var(--mdj-bg);border-bottom:1px solid var(--mdj-line)}
.mdj-header__in{display:flex;align-items:center;justify-content:space-between;gap:var(--mdj-space-4);min-height:68px}
.mdj-logo{display:inline-flex;align-items:center;gap:10px;color:var(--mdj-text);text-decoration:none}
.mdj-logo img{width:36px;height:36px}
.mdj-logo span{white-space:nowrap;font-family:var(--mdj-font-en);text-transform:uppercase;letter-spacing:.2em;font-size:14px}
.mdj-nav{display:flex;gap:var(--mdj-space-5);align-items:center;flex-wrap:wrap}
.mdj-nav a{color:var(--mdj-text);text-decoration:none;font-size:15.5px;padding-block:6px;border-bottom:1px solid transparent}
.mdj-nav a:hover,.mdj-nav a[aria-current="page"]{border-bottom-color:var(--mdj-accent);color:var(--mdj-text)}
@media (max-width:720px){
  .mdj-header__in{flex-wrap:wrap;min-height:56px;padding-block:10px;row-gap:6px}
  .mdj-nav{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:var(--mdj-space-5);scrollbar-width:none}
  .mdj-nav a{white-space:nowrap}
  .mdj-logo span{letter-spacing:.16em;font-size:13px}
}
.mdj-footer{padding-block:var(--mdj-space-7) var(--mdj-space-6);border-top:1px solid var(--mdj-line);font-size:var(--mdj-fs-small)}
.mdj-footer a{color:var(--mdj-text)}
.mdj-footer .mdj-caption{margin-top:var(--mdj-space-5)}

/* ---------- photo with text (hero, bands) ---------- */
.mdj-photo{position:relative;isolation:isolate;overflow:hidden;color:var(--mdj-on-photo);background:var(--mdj-night-900)}
.mdj-photo>img,.mdj-photo>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mdj-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--mdj-scrim)}
.mdj-photo,.mdj-photo h1,.mdj-photo h2,.mdj-photo h3,.mdj-photo p,.mdj-photo .mdj-eyebrow,.mdj-photo .mdj-lead,.mdj-photo .mdj-muted{color:var(--mdj-on-photo)}
.mdj-photo a:not(.mdj-btn){color:var(--mdj-on-photo)}
.mdj-hero{min-height:clamp(460px,78vh,760px);display:flex;align-items:flex-end}
.mdj-hero__content{padding-block:clamp(40px,8vw,96px);max-width:720px}
.mdj-hero__content p{max-width:56ch}

/* ---------- RTL helpers ---------- */
.mdj-ltr{direction:ltr;unicode-bidi:isolate}            /* phone numbers, emails, codes, Latin names in Hebrew text */
.mdj-num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.mdj-start{text-align:start}.mdj-end{text-align:end}
[dir="rtl"] .mdj-flip{transform:scaleX(-1)}             /* directional icons, mirrored in Hebrew */
.mdj-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mdj-skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--mdj-accent-fill);color:var(--mdj-on-accent);padding:10px 16px;border-radius:var(--mdj-radius-btn)}
.mdj-skip:focus{top:12px}

/* ---------- motion and print ---------- */
@media (prefers-reduced-motion: reduce){.mdj *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.mdj-header{position:static}.mdj-photo::before{background:rgba(20,17,14,.8)}}

/* MDJ line breaks (2026-11-11): balanced headlines, no lonely last word. Source: core/mdj-wrap.css */
:where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,blockquote,figcaption,.lead,.subheadline,.hero-sub,.eyebrow,.kicker){text-wrap:balance}
:where(p,li,dd,dt,td,th,label,summary){text-wrap:pretty}
:where(h1,h2,h3,h4){overflow-wrap:break-word}
:where(h1,h2,h3,.h1,.h2)>:where(br+span:last-child){display:inline-block;text-wrap:balance}
:where(.nobr,.nw){white-space:nowrap}