/* Lemcon family News: bento page + story page (Blueprint Job 2, 18 Oct 2026). Same file on all six sites.
   Uses each site's own colours when they exist (--navy, --orange, --ink, --mute, --wash), with safe defaults. */
.nb-main{display:block;padding-top:var(--hb,0)}
.nb-wrap{max-width:1240px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,3.4vw,48px) clamp(48px,8vw,96px);
  --nbn:var(--navy,#23297A);--nbo:var(--orange,#FF883E);--nbi:var(--ink,#1D2233);--nbm:var(--mute,#6B7088);--nbw:var(--wash,#F1F2F8);--nbr:18px}
.nb-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(20px,3vw,34px)}
.nb-k{font-weight:600;font-size:12.5px;line-height:1;font-family:var(--D);letter-spacing:.14em;text-transform:uppercase;color:var(--nbo);margin:0 0 12px}
.nb-head h1{font-weight:700;font-size:clamp(34px,4.4vw,64px);line-height:1.02;font-family:var(--D);letter-spacing:-.03em;color:var(--nbi);margin:0}
.nb-head h1 span{color:var(--nbn)}
.nb-flt{display:flex;gap:4px;flex-wrap:wrap}
.nb-flt button{border:0;background:none;font-weight:600;font-size:15px;font-family:var(--D);color:var(--nbm);padding:10px 14px;cursor:pointer;position:relative}
.nb-flt button small{font-weight:500;margin-left:5px;opacity:.75}
.nb-flt button::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:3px;background:var(--nbo);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nb-flt button.on{color:var(--nbi)}
.nb-flt button.on::after{transform:none}
.nb-flt button:focus-visible{outline:2px solid var(--nbo);outline-offset:2px}
/* grid: 4 columns, dense so text tiles fill the gaps */
.nb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);grid-auto-flow:dense;gap:clamp(12px,1.4vw,20px)}
.nb-t{display:flex;flex-direction:column;border-radius:var(--nbr);overflow:hidden;text-decoration:none;color:var(--nbi);background:#fff;
  box-shadow:0 1px 2px rgba(20,24,71,.06),0 6px 22px rgba(20,24,71,.06);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.nb-t:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,24,71,.08),0 14px 34px rgba(20,24,71,.12)}
.nb-t:focus-visible{outline:3px solid var(--nbo);outline-offset:3px}
.nb-t[hidden]{display:none}
.nb-lead{grid-column:span 2;grid-row:span 2}
.nb-tall{grid-row:span 2}
.nb-tx-only{background:var(--nbw)}
.nb-im{display:block;flex:1 1 auto;min-height:150px;overflow:hidden;background:var(--nbw)}
.nb-lead .nb-im{min-height:280px}
.nb-im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.nb-t:hover .nb-im img{transform:scale(1.04)}
.nb-tx{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}
.nb-lead .nb-tx{padding:22px 24px 24px}
.nb-tag{align-self:flex-start;font-weight:700;font-size:11.5px;line-height:1;font-family:var(--D);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px}
.nb-tag.nb-lemcon{background:var(--nbn);color:#fff}
.nb-tag.nb-industry{background:#fff;color:var(--nbn);box-shadow:inset 0 0 0 1.5px var(--nbn)}
.nb-h{font-weight:700;font-size:clamp(17px,1.35vw,21px);line-height:1.2;font-family:var(--D);letter-spacing:-.01em;transition:color .25s}
.nb-lead .nb-h{font-size:clamp(24px,2.3vw,36px);line-height:1.08;letter-spacing:-.025em}
.nb-t:hover .nb-h{color:var(--nbn)}
.nb-s{font-size:15px;line-height:1.5;color:var(--nbm)}
.nb-lead .nb-s{font-size:16.5px}
.nb-meta{font-size:13px;color:var(--nbm)}
.nb-empty{font-size:18px;color:var(--nbm);padding:40px 0}
/* story page */
.nb-story{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,64px);align-items:start}
.nb-back{display:inline-block;font-weight:600;font-size:15px;font-family:var(--D);color:var(--nbn);text-decoration:none;padding:6px 0;border-bottom:2px solid var(--nbo);margin-bottom:22px}
.nb-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.nb-title{font-weight:700;font-size:clamp(30px,3.6vw,54px);line-height:1.05;font-family:var(--D);letter-spacing:-.03em;color:var(--nbi);margin:0 0 22px;max-width:22ch}
.nb-fig{margin:0 0 26px;border-radius:var(--nbr);overflow:hidden;background:var(--nbw)}
.nb-fig img{display:block;width:100%;max-height:560px;object-fit:cover}
.nb-body{max-width:68ch}
.nb-body p{font-size:18px;line-height:1.65;color:var(--nbi);margin:0 0 18px}
.nb-body h2{font-weight:700;font-size:clamp(21px,1.8vw,26px);line-height:1.2;font-family:var(--D);color:var(--nbi);margin:30px 0 10px}
.nb-note{font-size:13.5px;color:var(--nbm);margin:8px 0 0;max-width:68ch}
.nb-ask{display:inline-block;margin-top:26px;font-weight:600;font-size:16px;font-family:var(--D);color:#fff;background:var(--nbo);padding:13px 22px;border-radius:999px;text-decoration:none}
.nb-ask:hover{filter:brightness(.95)}
.nb-more{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.nb-more h2{font-weight:700;font-size:13px;line-height:1;font-family:var(--D);letter-spacing:.12em;text-transform:uppercase;color:var(--nbm);margin:0 0 4px}
.nb-more a{display:flex;flex-direction:column;gap:7px;padding:14px 16px;border-radius:14px;background:var(--nbw);color:var(--nbi);text-decoration:none}
.nb-more a b{font-weight:700;font-size:16px;line-height:1.25;font-family:var(--D)}
.nb-more a:hover b{color:var(--nbn)}
/* tablet */
@media (max-width:1000px){
  .nb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nb-story{grid-template-columns:1fr}
  .nb-more{position:static}
}
/* phone: one column */
@media (max-width:640px){
  .nb-grid{grid-template-columns:1fr;grid-auto-rows:auto}
  .nb-lead,.nb-tall{grid-column:auto;grid-row:auto}
  .nb-im{min-height:0;aspect-ratio:16/10}
  .nb-lead .nb-im{min-height:0}
  .nb-flt{width:100%;overflow-x:auto;flex-wrap:nowrap}
  .nb-flt button{white-space:nowrap}
  .nb-body p{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.nb-t,.nb-im img,.nb-flt button::after{transition:none}.nb-t:hover{transform:none}}
/* Home news panel (Blueprint Job 3): Lemcon News, then Industry News; last 14 days. */
.lsb{display:flex;flex-direction:column;gap:22px;--nbn:var(--navy,#23297A);--nbo:var(--orange,#FF883E);--nbi:var(--ink,#1D2233);--nbm:var(--mute,#6B7088)}
.lsb-h{margin:0;padding-top:10px;border-top:3px solid var(--nbn);font-weight:700;font-size:12.5px;line-height:1.2;font-family:var(--D);letter-spacing:.14em;text-transform:uppercase;color:var(--nbn)}
.lsb-industry .lsb-h{border-top-color:var(--nbo)}
.lsb ul{list-style:none;margin:0;padding:0}
.lsb li{border-bottom:1px solid rgba(35,41,122,.12)}
.lsb li a{display:flex;flex-direction:column;gap:4px;padding:13px 2px;text-decoration:none;color:var(--nbi)}
.lsb li a:hover .lsb-t{color:var(--nbn);text-decoration:underline}
.lsb li a:focus-visible{outline:3px solid var(--nbo);outline-offset:-2px}
.lsb .nb-meta{font-size:12.5px;color:var(--nbm)}
.lsb-t{font-weight:700;font-size:16px;line-height:1.3;font-family:var(--D)}
.lsb-s{font-size:14px;line-height:1.5;color:var(--nbm)}
.lsb-all{align-self:flex-start;font-weight:700;font-size:14.5px;color:var(--nbn);text-decoration:none;border-bottom:2px solid var(--nbo);padding-bottom:2px}
.lsb-empty{gap:12px}
.lsb-empty p{margin:0;font-size:15px;line-height:1.5;color:var(--nbm)}
/* Philippines home (desktop grid): the panel takes the place of the "From the field" cards.
   First group: columns 1-4, rows 43-66 (beside the map). Second group: columns 5-9, rows 55-66 (under the map). */
.comp .lsb-home,.comp .lsb-home .lsb{display:contents}
.comp .lsb-g{align-self:stretch;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin;margin-top:10px}
.comp .lsb-g:first-of-type{grid-column:1/5;grid-row:43/66}
.comp .lsb-g+.lsb-g{grid-column:5/10;grid-row:55/66}
.comp .lsb-all{grid-column:1/5;grid-row:66/68;align-self:start;justify-self:start;margin-top:16px}
.comp .lsb-home .lsb.lsb-empty{display:flex;grid-column:1/5;grid-row:43/50;align-self:start;margin-top:10px}
.mhome .lsb-home{margin-top:10px}