/* ===== LA JOLLA: the jewel by the sea ===== */
:root{
  --lj-ink:#0F2A36; --lj-sea:#2D6E7E; --lj-glass:#A8D5CB; --lj-glass-2:#CFE8E2; --lj-sand:#F6F2EA; --lj-shell:#E9D9C6; --lj-rose:#B9636B;
  --lj-line:rgba(15,42,54,.14);
}
@media (prefers-color-scheme: dark){
  :root{ --lj-sand:#0E171B; --lj-sea:#7FC0C9; --lj-line:rgba(168,213,203,.2); --lj-rose:#E39AA1; }
}
.lj-eyebrow{ color:var(--lj-sea) !important; }
.lj-sand{ background:var(--lj-sand); }
.lj-src{ margin-top:18px; font-size:12px; color:var(--text-faint); }
.lj-src a{ text-decoration:underline; }
.lj-wave{ display:block; width:100%; height:18px; color:var(--lj-glass); }

/* hero */
.lj-hero{ position:relative; min-height:94vh; display:flex; align-items:flex-end; overflow:hidden; background:#0B1E26; color:#fff; padding:0; }
.lj-hero-img{ position:absolute; inset:0; background-size:cover; background-position:center; }
.lj-hero-img video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media (prefers-reduced-motion:reduce){ .lj-hero-img video{ display:none; } }
@keyframes ljKB{ from{ transform:scale(1.02); } to{ transform:scale(1.1) translate(-1%,-1%); } }
@media (prefers-reduced-motion:reduce){ .lj-hero-img{ animation:none; } }
.lj-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,22,28,.25) 0%, rgba(8,22,28,0) 28%, rgba(8,22,28,.55) 62%, rgba(6,16,20,.94) 100%); }
.lj-hero .wrap{ position:relative; z-index:2; width:100%; padding-top:90px; padding-bottom:64px; }
.lj-hero .tag{ display:inline-block; font:11.5px 'IBM Plex Mono',monospace; letter-spacing:2px; text-transform:uppercase; color:var(--lj-glass-2); border:1px solid rgba(207,232,226,.5); background:rgba(11,30,38,.4); padding:6px 14px; border-radius:999px; }
.lj-hero h1{ color:#fff; font-size:clamp(64px,13vw,184px); line-height:.86; letter-spacing:-.03em; font-weight:460; margin-top:20px; }
.lj-hero h1 em{ display:block; font-size:.26em; font-style:italic; font-weight:380; letter-spacing:0; color:var(--lj-glass); margin-top:.55em; }
.lj-hero .lede{ color:#DCE7E6; max-width:600px; font-size:17.5px; margin-top:18px; }
.lj-hero .acts{ display:flex; gap:14px; flex-wrap:wrap; margin-top:26px; }
.lj-hero .btn-solid{ background:var(--lj-glass); color:#0F2A36; }
.lj-hero .btn-outline{ border-color:rgba(255,255,255,.4); color:#fff; }
.lj-hero-cap{ position:absolute; right:28px; bottom:22px; z-index:3; font:11px 'IBM Plex Mono',monospace; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.7); }
@media (max-width:760px){ .lj-hero{ flex-direction:column; justify-content:flex-end; } .lj-hero-cap{ position:relative; right:auto; bottom:auto; align-self:stretch; padding:0 28px 18px; } .lj-hero .wrap{ padding-bottom:20px; } }

/* live strip */
.lj-live{ padding:0; background:#0B1E26; color:#E8F0EF; border-top:1px solid rgba(168,213,203,.35); }
.lj-live .wrap{ padding-top:24px; padding-bottom:26px; }
.lj-live-head{ display:flex; align-items:center; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
.lj-live-head .eyebrow{ color:#fff; margin:0; }
.lj-dot{ width:9px; height:9px; border-radius:50%; background:var(--lj-glass); animation:ljPulse 2.2s infinite; }
@keyframes ljPulse{ 0%{ box-shadow:0 0 0 0 rgba(168,213,203,.6);} 70%{ box-shadow:0 0 0 10px rgba(168,213,203,0);} 100%{ box-shadow:0 0 0 0 rgba(168,213,203,0);} }
.lj-live-note{ margin-left:auto; font:11px 'IBM Plex Mono',monospace; color:#86A3A5; }
.lj-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(168,213,203,.14); border:1px solid rgba(168,213,203,.14); border-radius:14px; overflow:hidden; }
.lj-tile{ background:#0E242D; padding:18px 18px 16px; min-height:118px; }
.lj-tile.feature{ background:linear-gradient(135deg,#1C4652,#0E242D 70%); }
.lj-tile .k{ font:10.5px 'IBM Plex Mono',monospace; letter-spacing:1.4px; text-transform:uppercase; color:#9DB7B8; }
.lj-tile .v{ font-family:'Fraunces',Georgia,serif; font-size:29px; font-weight:560; line-height:1.1; margin-top:8px; color:#fff; opacity:.35; transition:opacity .4s; }
.lj-tile.is-live .v{ opacity:1; }
.lj-tile.feature .v{ color:var(--lj-glass); }
.lj-tile .s{ font-size:13px; color:#B4C6C6; margin-top:6px; }
@media (max-width:900px){ .lj-tiles{ grid-template-columns:repeat(2,1fr); } }

/* numbers */
.lj-nums{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.lj-num{ padding:28px 22px; border-left:1px solid var(--line-soft); }
.lj-num:first-child{ border-left:0; padding-left:0; }
.lj-num b{ display:block; font-family:'Fraunces',Georgia,serif; font-weight:460; font-size:clamp(40px,5vw,64px); line-height:1; color:var(--lj-ink); }
@media (prefers-color-scheme: dark){ .lj-num b{ color:var(--lj-glass); } }
.lj-num span{ display:block; margin-top:10px; font-size:14.5px; color:var(--text-soft); }
@media (max-width:860px){ .lj-nums{ grid-template-columns:repeat(2,1fr); } .lj-num:nth-child(3){ border-left:0; padding-left:0; } .lj-num{ border-top:1px solid var(--line-soft); } .lj-num:nth-child(-n+2){ border-top:0; } }

/* Roseacre feature */
.lj-rose{ background:#1A1214; color:#EEDFDC; position:relative; overflow:hidden; }
.lj-rose::before{ content:""; position:absolute; right:-160px; top:-160px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(185,99,107,.35), transparent 65%); }
.lj-rose .wrap{ position:relative; }
.lj-rose h2, .lj-rose h3{ color:#fff; }
.lj-rose-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:start; }
.lj-rose .k{ font:10.5px 'IBM Plex Mono',monospace; letter-spacing:1.6px; text-transform:uppercase; color:#E3A9AE; }
.lj-rose-name{ font-family:'Fraunces',Georgia,serif; font-size:clamp(56px,9vw,120px); font-weight:380; font-style:italic; line-height:.9; color:#fff; margin:12px 0 14px; }
.lj-rose p{ color:#D4C3C0; max-width:560px; }
.lj-rose-rooms{ display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid rgba(227,169,174,.3); }
.lj-rose-rooms div{ padding:14px 14px 14px 0; border-bottom:1px solid rgba(227,169,174,.18); }
.lj-rose-rooms b{ display:block; font-family:'Fraunces',Georgia,serif; font-size:30px; font-weight:460; color:#fff; line-height:1; }
.lj-rose-rooms span{ font-size:13px; color:#C9B6B3; }
.lj-rose-people{ margin-top:22px; display:grid; gap:10px; }
.lj-rose-people div{ font-size:14.5px; color:#D4C3C0; }
.lj-rose-people b{ color:#fff; }
.lj-rose .btns{ display:flex; gap:12px; flex-wrap:wrap; margin-top:26px; }
.lj-rose .btn-solid{ background:#E3A9AE; color:#1A1214; }
.lj-rose .btn-outline{ border-color:rgba(227,169,174,.5); color:#EEDFDC; }
.lj-rose .disc{ margin-top:20px; font:11px 'IBM Plex Mono',monospace; letter-spacing:.6px; color:#A8908D; }
@media (max-width:900px){ .lj-rose-grid{ grid-template-columns:1fr; } }

/* find your la jolla */
.lj-find{ display:grid; grid-template-columns:.9fr 1.4fr; gap:34px; align-items:start; }
.lj-quiz{ position:sticky; top:90px; background:var(--lj-ink); color:#E8F0EF; border-radius:18px; padding:30px 28px; overflow:hidden; }
.lj-quiz::before{ content:""; position:absolute; right:-70px; top:-70px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle, var(--lj-glass), transparent 70%); opacity:.45; }
.lj-quiz > *{ position:relative; }
.lj-quiz .eyebrow{ color:var(--lj-glass); }
.lj-quiz h3{ color:#fff; font-size:26px; margin:6px 0 16px; }
.lj-q-meta{ display:flex; justify-content:space-between; font:11px 'IBM Plex Mono',monospace; color:#9DB7B8; }
.lj-q-track{ height:3px; background:rgba(255,255,255,.12); margin:8px 0 18px; border-radius:2px; overflow:hidden; }
.lj-q-track div{ height:100%; width:0; background:var(--lj-glass); transition:width .3s; }
.lj-q p{ font-family:'Fraunces',Georgia,serif; font-size:20px; color:#fff; margin:0 0 12px; }
.lj-q button{ display:block; width:100%; text-align:left; margin:8px 0; padding:12px 14px; border-radius:10px; border:1px solid rgba(168,213,203,.3); background:rgba(255,255,255,.03); color:#E8F0EF; font:15px 'Archivo',sans-serif; cursor:pointer; }
.lj-q button:hover{ border-color:var(--lj-glass); background:rgba(168,213,203,.08); }
#lj-q-result h4{ font-family:'Fraunces',Georgia,serif; font-size:34px; color:#fff; margin:4px 0 8px; font-weight:460; }
#lj-q-result p{ color:#C9D8D7; }
#lj-q-result .btns{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
#lj-q-again{ background:transparent; border:1px solid rgba(255,255,255,.3); color:#fff; padding:10px 16px; border-radius:999px; cursor:pointer; font:13px 'Archivo',sans-serif; }
.lj-areas{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.lj-area{ border:1px solid var(--line); border-radius:14px; padding:20px; background:var(--bg-card); transition:border-color .3s, box-shadow .3s; }
.lj-area.is-match{ border-color:var(--lj-sea); box-shadow:0 0 0 3px rgba(45,110,126,.18); }
.lj-area .k{ font:10.5px 'IBM Plex Mono',monospace; letter-spacing:1.3px; text-transform:uppercase; color:var(--lj-sea); }
.lj-area h3{ font-size:21px; margin:6px 0 6px; }
.lj-area p{ font-size:14px; color:var(--text-soft); margin:0; }
.lj-area .vibe{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.lj-area .vibe span{ font:11px 'IBM Plex Mono',monospace; padding:3px 8px; border-radius:999px; background:var(--lj-sand); color:var(--text-soft); border:1px solid var(--line-soft); }
@media (max-width:960px){ .lj-find{ grid-template-columns:1fr; } .lj-quiz{ position:relative; top:auto; } }
@media (max-width:560px){ .lj-areas{ grid-template-columns:1fr; } }

/* coastline */
.lj-coastband{ background:#0B1E26; color:#E8F0EF; }
.lj-coastband h2{ color:#fff; }
.lj-coastband .section-head p{ color:#A9BEBF; }
.lj-coast{ display:grid; grid-template-columns:1.5fr 1fr; gap:34px; align-items:start; }
.lj-chart{ border:1px solid rgba(168,213,203,.3); border-radius:4px; background:#0E242D; padding:8px; }
.lj-chart svg{ display:block; width:100%; height:auto; }
.lj-chart .pin{ cursor:pointer; }
.lj-chart .pin circle.dot{ fill:#A8D5CB; stroke:#0E242D; stroke-width:3; }
.lj-chart .pin.is-on circle.dot, .lj-chart .pin:hover circle.dot, .lj-chart .pin:focus circle.dot{ fill:#fff; }
.lj-chart .pin circle.halo{ fill:none; stroke:#A8D5CB; stroke-width:1.5; opacity:0; }
.lj-chart .pin.is-on circle.halo{ opacity:1; }
.lj-chart .pin text{ font:600 10.5px 'IBM Plex Mono',monospace; letter-spacing:.8px; fill:#E8F0EF; text-transform:uppercase; }
.lj-chart .pin:focus{ outline:none; }
.lj-chart-note{ font:10.5px 'IBM Plex Mono',monospace; letter-spacing:1px; text-transform:uppercase; color:#7F9A9C; margin-top:10px; }
.lj-spot{ border-top:2px solid var(--lj-glass); padding-top:18px; min-height:320px; }
.lj-spot .k{ font:10.5px 'IBM Plex Mono',monospace; letter-spacing:1.5px; text-transform:uppercase; color:var(--lj-glass); }
.lj-spot h3{ color:#fff; font-size:30px; font-weight:460; margin:8px 0 10px; }
.lj-spot p{ color:#C3D3D3; }
.lj-spot ul{ list-style:none; padding:0; margin:12px 0 0; display:grid; gap:8px; }
.lj-spot li{ font-size:14px; color:#D9E5E4; padding-left:18px; position:relative; }
.lj-spot li::before{ content:""; position:absolute; left:0; top:.62em; width:8px; height:1px; background:var(--lj-glass); }
.lj-spotlist{ display:flex; flex-wrap:wrap; gap:6px; margin-top:20px; }
.lj-spotlist button{ font:11px 'IBM Plex Mono',monospace; letter-spacing:.6px; text-transform:uppercase; padding:6px 10px; border:1px solid rgba(168,213,203,.3); background:transparent; color:#D9E5E4; cursor:pointer; border-radius:2px; }
.lj-spotlist button.is-on{ background:var(--lj-glass); color:#0F2A36; }
@media (max-width:960px){ .lj-coast{ grid-template-columns:1fr; } .lj-spot{ min-height:0; } }

/* the Village */
.lj-village{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); }
.lj-inst{ padding:24px 22px 24px 0; border-bottom:1px solid var(--line-soft); }
.lj-inst + .lj-inst{ padding-left:22px; border-left:1px solid var(--line-soft); }
.lj-inst:nth-child(3n+1){ padding-left:0; border-left:0; }
.lj-inst .y{ font-family:'Fraunces',Georgia,serif; font-size:34px; line-height:1; color:var(--lj-sea); }
.lj-inst h3{ font-size:20px; margin:10px 0 6px; }
.lj-inst p{ font-size:14px; color:var(--text-soft); margin:0; }
@media (max-width:900px){ .lj-village{ grid-template-columns:1fr; } .lj-inst, .lj-inst + .lj-inst{ padding-left:0; border-left:0; } }

/* dining */
.lj-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.lj-chips button{ font:500 13px 'Archivo',sans-serif; padding:8px 15px; border-radius:999px; border:1px solid var(--line); background:transparent; color:var(--text); cursor:pointer; }
.lj-chips button.is-on{ background:var(--lj-ink); color:#fff; border-color:var(--lj-ink); }
@media (prefers-color-scheme: dark){ .lj-chips button.is-on{ background:var(--lj-glass); color:#0F2A36; border-color:var(--lj-glass); } }
.lj-dine{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.lj-dish{ padding:16px 18px 16px 0; border-bottom:1px solid var(--line-soft); }
.lj-dish .where{ font:10px 'IBM Plex Mono',monospace; letter-spacing:1px; text-transform:uppercase; color:var(--lj-sea); }
.lj-dish h3{ font:600 17px 'Archivo',sans-serif; margin:4px 0 2px; }
.lj-dish p{ margin:0; font-size:13.5px; color:var(--text-soft); }
.lj-dish .new{ font:600 10px 'IBM Plex Mono',monospace; letter-spacing:1px; text-transform:uppercase; color:var(--lj-rose); margin-left:6px; }
@media (max-width:900px){ .lj-dine{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .lj-dine{ grid-template-columns:1fr; } }

/* calendar */
.lj-cal{ display:grid; grid-template-columns:1fr 1.7fr; gap:34px; align-items:start; }
.lj-rec{ display:grid; gap:12px; }
.lj-rec > div{ border-radius:14px; padding:18px 20px; background:var(--bg-card); border:1px solid var(--line); }
.lj-rec .k{ font:10.5px 'IBM Plex Mono',monospace; letter-spacing:1.3px; text-transform:uppercase; color:var(--lj-sea); }
.lj-rec h3{ font-size:18px; margin:6px 0 4px; }
.lj-rec p{ font-size:13.5px; color:var(--text-soft); margin:0; }
.lj-rec .next{ margin-top:8px; font:600 13px 'IBM Plex Mono',monospace; }
.lj-ev{ display:grid; grid-template-columns:62px 1fr auto; gap:16px; padding:14px 2px; border-bottom:1px solid var(--line-soft); align-items:center; color:inherit; }
.lj-ev:hover{ background:rgba(45,110,126,.06); }
.lj-ev .dt{ text-align:center; border:1px solid var(--line); border-radius:10px; padding:5px 0; background:var(--bg-card); }
.lj-ev .dt b{ display:block; font-family:'Fraunces',Georgia,serif; font-size:24px; line-height:1; }
.lj-ev .dt span{ font:10px 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:1px; color:var(--text-faint); }
.lj-ev .tag{ font:10.5px 'IBM Plex Mono',monospace; letter-spacing:1.1px; text-transform:uppercase; color:var(--lj-sea); display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.lj-ev .soon{ background:var(--lj-ink); color:#fff; padding:2px 7px; border-radius:3px; }
.lj-ev .exp{ border:1px dashed var(--text-faint); color:var(--text-faint); padding:1px 6px; border-radius:3px; }
.lj-ev h3{ font-size:17px; margin:3px 0 2px; }
.lj-ev p{ margin:0; font-size:13.5px; color:var(--text-soft); }
.lj-ev .go{ font:12px 'IBM Plex Mono',monospace; color:var(--lj-sea); }
.lj-empty{ color:var(--text-faint); padding:18px 0; }
@media (max-width:900px){ .lj-cal{ grid-template-columns:1fr; } }
@media (max-width:560px){ .lj-ev{ grid-template-columns:56px 1fr; } .lj-ev .go{ display:none; } }

/* science coast */
.lj-sci{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.lj-sci > div{ border-top:2px solid var(--lj-ink); padding-top:16px; }
@media (prefers-color-scheme: dark){ .lj-sci > div{ border-top-color:var(--lj-glass); } }
.lj-sci .y{ font:11px 'IBM Plex Mono',monospace; letter-spacing:1.3px; text-transform:uppercase; color:var(--lj-sea); }
.lj-sci h3{ font-size:19px; margin:6px 0 6px; }
.lj-sci p{ font-size:14px; color:var(--text-soft); margin:0; }
@media (max-width:980px){ .lj-sci{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .lj-sci{ grid-template-columns:1fr; } }

/* schools ladder */
.lj-ladder{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
.lj-rung{ padding:24px; border:1px solid var(--line); margin-left:-1px; background:var(--bg-card); position:relative; }
.lj-rung:first-child{ margin-left:0; }
.lj-rung:not(:last-child)::after{ content:"\2192"; position:absolute; right:-14px; top:26px; width:26px; height:26px; border-radius:50%; background:var(--lj-sea); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; z-index:2; }
.lj-rung .g{ font-family:'Fraunces',Georgia,serif; font-size:40px; line-height:1; color:var(--lj-ink); }
@media (prefers-color-scheme: dark){ .lj-rung .g{ color:var(--lj-glass); } }
.lj-rung ul{ margin:12px 0 0; padding:0; list-style:none; }
.lj-rung li{ padding:5px 0; border-bottom:1px solid var(--line-soft); font-size:14.5px; }
.lj-rung p{ font-size:13.5px; color:var(--text-soft); margin:12px 0 0; }
.lj-private{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:22px; }
.lj-private div{ padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:var(--bg-card); }
.lj-private b{ display:block; font-size:15.5px; }
.lj-private span{ font-size:13px; color:var(--text-soft); }
@media (max-width:900px){ .lj-ladder{ grid-template-columns:1fr; } .lj-rung{ margin-left:0; margin-top:-1px; } .lj-rung:not(:last-child)::after{ content:"\2193"; right:24px; top:auto; bottom:-14px; } .lj-private{ grid-template-columns:1fr 1fr; } }

/* buying realities */
.lj-real{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.lj-real > div{ padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--bg-card); }
.lj-real .n{ font:11px 'IBM Plex Mono',monospace; color:var(--lj-sea); letter-spacing:1.4px; }
.lj-real h3{ font-size:19px; margin:8px 0 8px; }
.lj-real p{ font-size:14px; color:var(--text-soft); margin:0; }
@media (max-width:900px){ .lj-real{ grid-template-columns:1fr; } }

/* track record */
.lj-track{ background:var(--lj-ink); color:#E8F0EF; }
.lj-track h2, .lj-track h3{ color:#fff; }
.lj-track-top{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid rgba(168,213,203,.25); border-bottom:1px solid rgba(168,213,203,.25); margin-bottom:30px; }
.lj-track-top div{ padding:22px 20px 20px 0; }
.lj-track-top div + div{ padding-left:20px; border-left:1px solid rgba(168,213,203,.18); }
.lj-track-top b{ display:block; font-family:'Fraunces',Georgia,serif; font-size:clamp(36px,4.6vw,56px); font-weight:460; color:var(--lj-glass); line-height:1; }
.lj-track-top span{ font-size:14px; color:#B4C6C6; display:block; margin-top:8px; }
.lj-deals{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lj-deal{ background:#132F3C; border-radius:12px; overflow:hidden; }
.lj-deal .ph{ aspect-ratio:4/3; background:#0E242D center/cover no-repeat; }
.lj-deal .b{ padding:14px 16px 16px; }
.lj-deal .p{ font-family:'Fraunces',Georgia,serif; font-size:22px; color:#fff; }
.lj-deal .a{ font-size:13px; color:#B4C6C6; margin-top:2px; }
.lj-deal .t{ font:10px 'IBM Plex Mono',monospace; letter-spacing:1px; text-transform:uppercase; color:var(--lj-glass); margin-top:8px; }
@media (max-width:980px){ .lj-deals{ grid-template-columns:1fr 1fr; } }
@media (max-width:700px){ .lj-track-top{ grid-template-columns:1fr; } .lj-track-top div + div{ padding-left:0; border-left:0; border-top:1px solid rgba(168,213,203,.18); } }

/* a perfect day */
.lj-day{ display:grid; grid-template-columns:repeat(6,1fr); gap:0; border-top:2px solid var(--lj-ink); }
@media (prefers-color-scheme: dark){ .lj-day{ border-top-color:var(--lj-glass); } }
.lj-day > div{ padding:18px 16px 0 0; }
.lj-day .t{ font:600 12px 'IBM Plex Mono',monospace; letter-spacing:1px; color:var(--lj-sea); }
.lj-day h3{ font-size:17px; margin:6px 0 6px; }
.lj-day p{ font-size:13.5px; color:var(--text-soft); margin:0; }
@media (max-width:980px){ .lj-day{ grid-template-columns:1fr 1fr 1fr; row-gap:18px; } }
@media (max-width:560px){ .lj-day{ grid-template-columns:1fr; } }

.lj-form input, .lj-form textarea{ padding:14px 16px; border-radius:8px; border:1px solid rgba(168,213,203,.3); background:#0E242D; color:#F5F5F3; font-family:Archivo,sans-serif; font-size:15px; }
.lj-form button{ background:var(--lj-glass); color:#0F2A36; border:0; cursor:pointer; }