/* Live the Gossip (child of Magazine), measured from livethegossip.com (Foxiz + Elementor header/footer templates) */
:root {
  --ltg-accent: #fe025b;
  --ltg-g1: #fe025b;
  --ltg-g2: #5d00fe;
  --ltg-ink: #000011;
  --ltg-meta: #666;
  --ltg-line: rgba(136,136,136,.15);
  --ltg-g7: rgba(136,136,136,.07);
  --ltg-bg: #fff;
  --ltg-box: #000;
  --ltg-q: "Quattrocento", Georgia, serif;
  --ltg-a: "Albert Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --serif: var(--ltg-q); --sans: var(--ltg-a); --reading: var(--ltg-q);
}
html { overflow-x: clip; }
body { background: var(--ltg-bg); color: var(--ltg-ink); font: 400 17px/1.7 var(--ltg-q); }
.site-main { padding: 0; }
.ltg-wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 20px; }
.ltg-t { font-family: var(--ltg-q); font-weight: 700; color: var(--ltg-ink); letter-spacing: -.05em; }
.ltg-t a { background: linear-gradient(var(--ltg-accent), var(--ltg-accent)) 0 100% / 0 2px no-repeat; transition: background-size .25s; }
.ltg-t a:hover { background-size: 100% 2px; }
html.ltg-lock { overflow: hidden; }

/* labels: Foxiz category colours */
.ltg-cat { display: inline-flex; align-items: center; padding: 3.6px 8.4px; background: var(--ltg-accent); color: #fff; font: 700 12px/1 var(--ltg-a); letter-spacing: 5px; text-transform: uppercase; white-space: nowrap; }
.ltg-cat.c-lifestyle { background: #e0731f; }
.ltg-cat.c-royal-family { background: #1b4bba; }
.ltg-cat.c-entertainment { background: #4db237; }
.ltg-cat.c-gossip { background: #dd3333; }
.ltg-dash { display: block; width: 85px; height: 9px; padding: 3px 0; }
.ltg-dash::before { content: ""; display: block; border-bottom: 3px dashed var(--ltg-accent); }
.ltg-meta { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0; font: 400 14px/23.8px var(--ltg-a); letter-spacing: -.25px; color: var(--ltg-meta); }
.ltg-au { display: inline-flex; align-items: center; }
.ltg-au b { margin-left: 4px; font-weight: 600; color: var(--ltg-ink); }
.ltg-meta .ltg-au::after { content: ""; display: inline-block; width: 21px; height: 1px; margin: 0 10px 0 13px; background: var(--ltg-meta); }
.ltg-ex { font: 400 16px/27.2px var(--ltg-q); color: var(--ltg-ink); }
.ltg-img { display: block; position: relative; overflow: hidden; background: var(--ltg-g7); }
.ltg-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: filter .3s; }
.ltg-media { position: relative; }
.ltg-media > .ltg-cat { position: absolute; left: 0; bottom: 0; }

/* outlined boxes */
.ltg-box { position: relative; padding-bottom: 25px; }
.ltg-box::before { content: ""; position: absolute; inset: 0; border: 1px solid #000; pointer-events: none; z-index: 2; }
.ltg-card .ltg-img, .ltg-sp .ltg-img { aspect-ratio: 5 / 4; }
.ltg-card:hover .ltg-img img, .ltg-sp:hover .ltg-img img, .ltg-rrow:hover img, .ltg-tall:hover img, .ltg-lead:hover .ltg-img img { filter: grayscale(1); }
.ltg-card .ltg-in { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 12px 20px 0; }
.ltg-card .ltg-t { font-size: 24px; line-height: 31.2px; letter-spacing: -1.2px; }
.ltg-card .ltg-meta { flex-direction: column; align-items: flex-start; }
.ltg-card .ltg-meta .ltg-au::after { display: none; }
.ltg-card .ltg-meta time { line-height: 23.8px; }

/* headings */
.ltg-h5 { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-top: 7px; border-top: 5px solid var(--ltg-accent); margin-bottom: 20px; }
.ltg-h5 h2 { font: 900 24px/25px var(--ltg-a); letter-spacing: -.25px; color: var(--ltg-ink); }
.ltg-h5 a { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; font: 600 17px/25.5px var(--ltg-a); letter-spacing: -.5px; color: #888; white-space: nowrap; }
.ltg-h5-big { border-top-color: #000; }
.ltg-h5-big h2 { font-size: 34px; line-height: 40px; }
.ltg-h5-big a { color: var(--ltg-ink); }
.ltg-h5-big a svg { width: 14px; height: 14px; }
.ltg-h11 { position: relative; height: 25px; margin-bottom: 20px; }
.ltg-h11 h2 { position: relative; z-index: 1; font: 900 24px/25px var(--ltg-a); letter-spacing: -.25px; color: var(--ltg-ink); }
.ltg-wm { position: absolute; left: 0; top: 2px; font: 700 51px/51px var(--ltg-q); letter-spacing: -1.5px; color: var(--ltg-ink); opacity: .12; white-space: nowrap; pointer-events: none; }

/* buttons */
.ltg-gbtn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 40px; background: var(--ltg-g7); font: 700 14px/1 var(--ltg-a); letter-spacing: 2px; color: var(--ltg-ink); white-space: nowrap; }
.ltg-gbtn svg { width: 13px; height: 13px; }
.ltg-gbtn:hover { background: var(--ltg-accent); color: #fff; }
.ltg-obtn { display: inline-block; padding: 14px 24px; border: 1px solid #111; font: 700 16px/27.2px var(--ltg-a); letter-spacing: 8px; color: #111; text-align: center; }
.ltg-obtn:hover { background: #111; color: #fff; }

/* ---------- Header (desktop) ---------- */
.ltg-toprow { background: var(--ltg-bg); }
.ltg-toprow-in { display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 0 20px; }
.ltg-topmenu ul { display: flex; flex-wrap: wrap; height: 27px; overflow: hidden; }
.ltg-topmenu a { display: block; padding: 0 12px; font: 600 16px/27.2px var(--ltg-a); letter-spacing: -.25px; color: var(--ltg-ink); }
.ltg-topmenu li:first-child a { padding-left: 0; }
.ltg-topmenu a:hover { color: var(--ltg-accent); }
.ltg-top-r { display: flex; align-items: center; gap: 20px; }
.ltg-hsocial { display: flex; align-items: center; }
.ltg-hsocial a { display: inline-flex; align-items: center; justify-content: center; height: 29px; padding: 0 5px; color: var(--ltg-ink); }
.ltg-hsocial a svg { height: 16px; width: auto; }
.ltg-nl { display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: 178px; height: 30px; border: 1px solid #000; box-shadow: 2px 2px 0 #000; font: 700 12px/12px var(--ltg-a); letter-spacing: 4px; text-transform: uppercase; color: var(--ltg-ink); }
.ltg-nl:hover { background: var(--ltg-accent); color: #fff; }

.ltg-head { position: sticky; top: 0; z-index: 60; height: 58px; }
.ltg-bar { display: grid; grid-template-columns: 272px 1fr 272px; align-items: center; height: 58px; padding: 5px 20px; background: linear-gradient(90deg, var(--ltg-g1) 0%, var(--ltg-g2) 31%); box-shadow: 2px 2px 0 #000; }
.ltg-logo { display: block; width: 226px; }
.ltg-logo img { width: 226px; height: 47px; object-fit: contain; object-position: left center; }
.ltg-logo .logo-text, .ltg-mlogo .logo-text { font: 900 28px/1 var(--ltg-a); color: #fff; white-space: nowrap; }
.ltg-menu > ul { display: flex; justify-content: center; }
.ltg-menu > ul > li { position: relative; display: flex; align-items: center; }
.ltg-menu > ul > li + li::before { content: ""; width: 20px; height: 1px; background: #fff; }
.ltg-menu > ul > li > a { display: flex; align-items: center; height: 48px; padding: 0 12px; font: 600 18px/27px var(--ltg-a); letter-spacing: -.25px; color: #fff; white-space: nowrap; }
.ltg-menu > ul > li > a > span { border-bottom: 2px solid transparent; }
.ltg-menu > ul > li:hover > a > span, .ltg-menu > ul > li.on > a > span { border-bottom-color: var(--ltg-accent); }
.ltg-sub { position: absolute; left: 0; top: 100%; min-width: 200px; padding: 10px 0; background: #fff; box-shadow: 0 4px 30px rgba(0,0,0,.12); opacity: 0; visibility: hidden; z-index: 70; }
.ltg-menu li:hover > .ltg-sub { opacity: 1; visibility: visible; }
.ltg-sub a { display: block; padding: 6px 20px; font: 600 15px/1.5 var(--ltg-a); color: #282828; }
.ltg-hr { display: flex; align-items: center; justify-content: flex-end; gap: 19px; padding-right: 10px; }
.ltg-hsearch { position: relative; }
.ltg-sbtn { display: inline-flex; align-items: center; gap: 7px; height: 27px; padding: 0 5px; border: 0; background: none; color: #fff; cursor: pointer; font: 400 14px/1 var(--ltg-a); letter-spacing: -.25px; }
.ltg-sbtn svg { width: 22px; height: 22px; }
.ltg-sdrop { position: absolute; right: -40px; top: calc(100% + 20px); width: 340px; padding: 5px; background: #000; box-shadow: 0 4px 30px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s, transform .2s, visibility .2s; z-index: 70; }
.ltg-hsearch.open .ltg-sdrop { opacity: 1; visibility: visible; transform: none; }
.ltg-sform { display: flex; align-items: center; height: 41px; border: 1px solid var(--ltg-line); }
.ltg-sf-ic { display: inline-flex; padding: 0 10px 0 12px; }
.ltg-sf-ic svg { width: 20px; height: 20px; }
.ltg-sform input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; font: 400 14px/1 var(--ltg-q); color: inherit; }
.ltg-sform input::-webkit-search-cancel-button { display: none; }
.ltg-sform button { width: 46px; height: 40px; border: 0; background: none; color: inherit; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ltg-sdrop .ltg-sform { color: #fff; border: 0; }
.ltg-sdrop .ltg-sform input::placeholder { color: rgba(255,255,255,.6); }
.ltg-dtog { position: relative; width: 40px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; flex-shrink: 0; }
.ltg-dtog::before { content: ""; position: absolute; left: 0; right: 0; top: 5px; height: 14px; border-radius: 22px; background: #000; }
.ltg-knob { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: #000; box-shadow: 0 1px 4px rgba(0,0,0,.12); display: flex; align-items: center; justify-content: center; color: #fff; transition: transform .25s; }
.ltg-knob svg:last-child { display: none; }
html.ltg-dark .ltg-knob { transform: translateX(16px); background: #fff; color: #000; }
html.ltg-dark .ltg-knob svg:first-child { display: none; }
html.ltg-dark .ltg-knob svg:last-child { display: block; }
.ltg-progress { position: fixed; left: 0; right: 0; top: 0; height: 4px; z-index: 95; pointer-events: none; }
.ltg-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #ff0084, #2c2cf8); }
@media (min-width: 1025px) and (max-width: 1360px) {
  .ltg-bar { grid-template-columns: 200px 1fr auto; padding: 5px 14px; }
  .ltg-logo, .ltg-logo img { width: 190px; height: 40px; }
  .ltg-menu > ul > li + li::before { width: 10px; }
  .ltg-menu > ul > li > a { padding: 0 8px; font-size: 16px; }
  .ltg-sbtn span { display: none; }
  .ltg-menu { min-width: 0; overflow: hidden; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .ltg-bar { grid-template-columns: 160px 1fr auto; }
  .ltg-logo, .ltg-logo img { width: 160px; height: 34px; }
  .ltg-menu > ul > li + li::before { width: 6px; }
  .ltg-menu > ul > li > a { padding: 0 6px; font-size: 15px; letter-spacing: -.4px; }
  .ltg-hr { gap: 10px; padding-right: 0; }
}

/* ---------- Header (mobile, up to 1024) ---------- */
.ltg-mhead { display: none; position: sticky; top: 0; z-index: 60; background: #000; box-shadow: 0 4px 30px rgba(0,0,0,.07); }
.ltg-mbar { display: flex; align-items: center; justify-content: space-between; height: 42px; padding: 0 20px; }
.ltg-burger { position: relative; width: 34px; height: 42px; padding: 0 10px 0 0; border: 0; background: none; cursor: pointer; flex-shrink: 0; }
.ltg-burger span { position: absolute; left: 0; height: 2px; border-radius: 2px; background: #fff; }
.ltg-burger span:nth-child(1) { top: 13px; width: 24px; }
.ltg-burger span:nth-child(2) { top: 20px; width: 16px; }
.ltg-burger span:nth-child(3) { top: 27px; width: 10px; }
.ltg-burger svg { display: none; position: absolute; left: 0; top: 10px; color: #fff; }
.ltg-burger.is-open span { display: none; }
.ltg-burger.is-open svg { display: block; }
.ltg-mlogo { display: block; margin-right: auto; }
.ltg-mlogo img { width: 200px; height: 42px; object-fit: contain; object-position: left center; }
.ltg-mtools { display: flex; align-items: center; }
.ltg-msearch { display: inline-flex; padding: 0 5px; color: #fff; }
.ltg-msearch svg { width: 23px; height: 23px; }
.ltg-mtools .ltg-dtog { margin-left: 5px; padding-left: 10px; width: 51px; border-left: 1px solid rgba(40,40,40,.125); }
.ltg-mtools .ltg-dtog::before { left: 11px; background: var(--ltg-g2); }
.ltg-mtools .ltg-knob { left: 11px; background: #fff; color: #000; }
html.ltg-dark .ltg-mtools .ltg-knob { background: #000; color: #fff; }
.ltg-qview { border-top: 1px solid rgba(40,40,40,.125); overflow-x: auto; scrollbar-width: none; }
.ltg-qview::-webkit-scrollbar { display: none; }
.ltg-qview ul { display: flex; height: 42px; }
.ltg-qview a { display: flex; align-items: center; height: 42px; padding: 0 15px; font: 900 18px/18px var(--ltg-a); letter-spacing: -.25px; color: #fff; white-space: nowrap; }
.ltg-mcollapse { position: fixed; left: 0; right: 0; top: 85px; bottom: 0; overflow-y: auto; background: linear-gradient(to right, #990129 0%, var(--ltg-g2) 100%); color: #fff; visibility: hidden; opacity: 0; transition: opacity .2s, visibility .2s; z-index: 80; }
.ltg-mcollapse.open { visibility: visible; opacity: 1; }
.ltg-mc-in { padding: 15px 20px 20px; }
.ltg-mc-lbl { margin-bottom: 10px; font: 700 17px/25.5px var(--ltg-q); }
.ltg-mcollapse .ltg-sform { height: 40px; }
.ltg-mcollapse .ltg-sform input::placeholder { color: rgba(255,255,255,.8); }
.ltg-mmenu { margin-top: 14px; }
.ltg-mmenu a { display: block; padding: 10px 0; font: 800 22px/33px var(--ltg-a); letter-spacing: -1px; color: #fff; }
.ltg-mmenu ul { padding-left: 12px; }
.ltg-mmenu ul a { font-size: 17px; padding: 4px 0; }
.ltg-mfollow { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 20px; border-top: 1px dotted rgba(255,255,255,.25); font: 700 17px/25.5px var(--ltg-q); }
.ltg-mfollow .ltg-hsocial a { padding: 0 12px; color: #fff; }
.ltg-mc-foot { padding: 15px 15px 120px; background: rgba(40,40,40,.125); font: 400 11.9px/20.23px var(--ltg-q); }
@media (max-width: 1024px) {
  .ltg-toprow, .ltg-head { display: none; }
  .ltg-mhead { display: block; }
}

/* ---------- Home: top stories ---------- */
.ltg-top { padding: 20px 0 20px; }
.ltg-top-row { display: grid; grid-template-columns: 670px 256px 1fr; gap: 40px; align-items: start; }
.ltg-lead > .ltg-t { margin: 0 20px 15px; padding-top: 22px; font-size: 52px; line-height: 52px; letter-spacing: -2.68px; }
.ltg-lead > .ltg-dash { margin: 0 20px 15px; }
.ltg-lead > .ltg-meta { margin: 0 20px 15px; }
.ltg-lead .ltg-img { aspect-ratio: 2 / 1; }
.ltg-lead .ltg-media > .ltg-cat { left: 20px; padding: 4.14px 9.66px; font-size: 13.8px; }
.ltg-lead > .ltg-ex { margin: 15px 20px 0; }
.ltg-tall .ltg-img { aspect-ratio: 256 / 436; }
.ltg-tall > .ltg-t { margin: 11px 0 12px; font-size: 34px; line-height: 42.5px; letter-spacing: -1.75px; }
.ltg-tall .ltg-meta { flex-direction: column; align-items: flex-start; }
.ltg-tall .ltg-meta .ltg-au::after { display: none; }
.ltg-rrow { position: relative; display: flex; align-items: center; gap: 20px; padding: 0 20px 20px; margin-bottom: 20px; }
.ltg-rrow::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid var(--ltg-line); }
.ltg-rrow:last-child { margin-bottom: 0; }
.ltg-rrow:last-child::after { display: none; }
.ltg-rrow .ltg-t { flex: 1; min-width: 0; font-size: 24px; line-height: 31.2px; letter-spacing: -1.2px; }
.ltg-rimg { flex: 0 0 115px; width: 115px; height: 115px; border-radius: 50%; overflow: hidden; background: var(--ltg-g7); }
.ltg-rimg img { width: 100%; height: 100%; object-fit: cover; transition: filter .3s; }

/* ad */
.ltg-ad { margin: 0 0 20px; text-align: center; }
.ltg-ad-lbl { display: block; margin-bottom: 10px; font: 400 14px/14px var(--ltg-a); letter-spacing: -.25px; color: var(--ltg-meta); }
.ltg-ad-in { display: flex; justify-content: center; overflow: hidden; }
.ltg-ad-in > * { max-width: 100%; }

/* spotlight */
.ltg-spot { padding: 0 0 20px; }
.ltg-g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; }
.ltg-sp { padding-bottom: 21px; }
.ltg-sp .ltg-img { aspect-ratio: 5 / 3; }
.ltg-sp .ltg-media > .ltg-cat { left: 16px; }
.ltg-sp .ltg-in { padding: 12px 16px 0; }
.ltg-sp .ltg-t { margin-bottom: 12px; font-size: 24px; line-height: 31.2px; letter-spacing: -1.2px; }

/* CTA */
.ltg-cta { padding: 20px 0 40px; }
.ltg-cta-img { height: 600px; box-shadow: 8px 8px 0 #000; }
.ltg-cta-img img { width: 100%; height: 100%; object-fit: cover; }
.ltg-ctabox { position: relative; max-width: 800px; margin: -190px auto 0; padding: 30px; background: var(--ltg-bg); border: 1px solid #000; box-shadow: 5px 5px 0 var(--ltg-accent); text-align: center; }
.ltg-ctabox h2 { padding-bottom: 10px; font: 700 42px/52.5px var(--ltg-q); letter-spacing: -2.16px; color: #020101; }
.ltg-ctabox p { margin-bottom: 25px; font: 400 18px/30.6px var(--ltg-a); color: #000; }

/* featured box + trending list */
.ltg-feat { padding: 20px 0; overflow-x: clip; }
.ltg-feat-row { display: grid; grid-template-columns: 680px 1fr; gap: 40px; align-items: start; }
.ltg-feat-l { position: relative; }
.ltg-fbox { background: var(--ltg-box); color: #fff; text-align: center; }
.ltg-fbox-c { display: flex; flex-direction: column; align-items: center; padding: 45px 40px 15px; }
.ltg-fbox .ltg-cat { padding: 4.14px 9.66px; font-size: 13.8px; }
.ltg-fbox .ltg-t { margin: 16px 0 15px; font-size: 52px; line-height: 52px; letter-spacing: -2.68px; color: #fff; }
.ltg-fbox .ltg-dash { margin: 0 auto 15px; }
.ltg-fbox .ltg-meta { justify-content: center; margin-bottom: 15px; color: #bbb; }
.ltg-fbox .ltg-au b { color: #fff; }
.ltg-fbox .ltg-meta .ltg-au::after { background: #bbb; }
.ltg-fbox .ltg-ex { color: #fff; }
.ltg-fbox .ltg-img { aspect-ratio: 5 / 3; }
.ltg-fbox .ltg-img img { filter: grayscale(1); }
.ltg-fbox:hover .ltg-img img { filter: none; }
.ltg-vword { position: absolute; left: -60px; bottom: -30px; writing-mode: vertical-rl; transform: rotate(180deg); font: 900 100px/120px var(--ltg-a); color: #000; text-shadow: -10px 10px 0 var(--ltg-accent); pointer-events: none; white-space: nowrap; z-index: 3; }
.ltg-lrow { position: relative; display: flex; align-items: center; gap: 30px; padding: 0 20px 15px; margin-bottom: 15px; }
.ltg-lrow::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid var(--ltg-line); }
.ltg-lrow:last-child { margin-bottom: 0; }
.ltg-lrow:last-child::after { display: none; }
.ltg-lrow-c { flex: 1; min-width: 0; }
.ltg-lrow .ltg-t { margin-bottom: 15px; font-size: 24px; line-height: 31.2px; letter-spacing: -1.2px; }
.ltg-limg { position: relative; display: block; flex: 0 0 238px; aspect-ratio: 5 / 3; overflow: hidden; background: var(--ltg-g7); }
.ltg-limg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .3s; }
.ltg-lrow:hover .ltg-limg img { filter: none; }

/* five-column grid */
.ltg-more { padding: 20px 0 50px; }
.ltg-g5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.ltg-showmore { display: flex; justify-content: center; margin-top: 20px; }

/* ---------- Footer ---------- */
.ltg-foot { position: relative; margin-top: 90px; padding: 30px 0; background: #010101 url("footer.webp") center / cover no-repeat; color: #fff; }
.ltg-foot-in { display: grid; grid-template-columns: minmax(0, 682fr) minmax(0, 710fr); column-gap: 30px; padding: 0 10px; }
.ltg-fword { grid-column: 1 / -1; margin: -113px 0 30px; font: 900 122px/122px var(--ltg-a); letter-spacing: 7.32px; color: #fff; text-shadow: 10px 10px 0 var(--ltg-accent); white-space: nowrap; overflow: hidden; text-overflow: clip; }
.ltg-fl { padding: 10px; }
.ltg-ftext { margin-bottom: 38px; font: 700 48px/48px var(--ltg-q); letter-spacing: -2px; color: #fff; }
.ltg-ficons { display: flex; flex-wrap: wrap; gap: 20px; }
.ltg-ficons a { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; color: #fff; }
.ltg-ficons svg { width: 30px; height: 30px; }
.ltg-ficons a:hover { color: var(--ltg-accent); }
.ltg-ficons span { font: 400 10px/17px "Lora", Georgia, serif; letter-spacing: 3px; text-transform: uppercase; }
.ltg-fr { display: flex; flex-direction: column; padding: 10px 0; }
.ltg-fmenus { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding-left: 49px; }
.ltg-fmenus a { display: inline-block; padding: 5px 0; font: 600 22px/37.4px var(--ltg-a); letter-spacing: -.34px; color: #fff; }
.ltg-fmenus li:first-child a { padding-top: 0; }
.ltg-fmenus a:hover { color: var(--ltg-accent); }
.ltg-copy { margin-top: auto; padding-top: 20px; font: 400 16px/27.2px var(--ltg-q); text-align: right; }
.ltg-backtop { position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--ltg-bg); color: var(--ltg-ink); box-shadow: 0 4px 30px rgba(0,0,0,.12); display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; z-index: 50; }
.ltg-backtop.show { opacity: 1; visibility: visible; }

/* ---------- Archive pages ---------- */
.ltg-arch-head { position: relative; padding: 20px 0; }
.ltg-arch-head::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(var(--ltg-ink) 1px, transparent 1px); background-size: 20px 20px; opacity: .15; pointer-events: none; }
.ltg-arch-head .ltg-wrap { position: relative; }
.ltg-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0 5px; margin-bottom: 5px; font: 700 14px/21px var(--ltg-a); color: var(--ltg-ink); }
.ltg-crumbs a:hover { color: var(--ltg-accent); }
.ltg-arch-title { font: 700 40px/48px var(--ltg-q); letter-spacing: -2px; color: var(--ltg-ink); }
.ltg-archive { padding-top: 20px; padding-bottom: 60px; }
.ltg-sec { padding-top: 20px; }
.ltg-pager { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.ltg-pager:has(a[rel=prev]) { justify-content: center; }

/* empty / 404 */
.ltg-empty { padding-top: 50px; padding-bottom: 50px; }
.ltg-empty h2 { display: inline-block; padding-bottom: 15px; margin-bottom: 30px; font: 700 40px/48px var(--ltg-q); letter-spacing: -2px; color: var(--ltg-ink); background: linear-gradient(var(--ltg-accent), var(--ltg-accent)) 0 100% / 145px 5px no-repeat; }
.ltg-empty p { margin-bottom: 25px; font: 400 17px/1.7 var(--ltg-q); color: var(--ltg-meta); }
.ltg-empty .ltg-bsform { max-width: 720px; margin-bottom: 45px; }
.ltg-bsform { display: flex; align-items: center; height: 50px; background: var(--ltg-g7); color: var(--ltg-ink); }
.ltg-bsform .ltg-sf-ic { padding: 0 10px 0 14px; }
.ltg-bsform input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; font: 400 14px/1 var(--ltg-q); color: inherit; }
.ltg-bsform input::-webkit-search-cancel-button { display: none; }
.ltg-bsform button { position: relative; height: 100%; padding: 0 21px 0 20px; border: 0; background: none; color: inherit; cursor: pointer; font: 700 14px/1 var(--ltg-a); letter-spacing: 2px; }
.ltg-bsform button::before { content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 16px; margin-top: -8px; background: var(--ltg-accent); }
.ltg-404 { padding-top: 170px; padding-bottom: 80px; text-align: center; }
.ltg-404 h1 { margin-bottom: 30px; font: 700 40px/48px var(--ltg-q); letter-spacing: -2px; color: var(--ltg-ink); }
.ltg-404 p { max-width: 680px; margin: 0 auto 30px; font: 400 17px/1.7 var(--ltg-q); color: var(--ltg-meta); }
.ltg-404 .ltg-bsform { max-width: 550px; height: 68px; margin: 0 auto 40px; }
.ltg-404 .ltg-gbtn { height: 40px; }

/* search */
.ltg-shead { position: relative; padding: 50px 0 0; margin-bottom: 45px; background: var(--ltg-g7); text-align: center; }
.ltg-shead h1 { font: 700 40px/48px var(--ltg-q); letter-spacing: -2px; color: #eee; }
.ltg-shead p { margin-top: 10px; font: 400 17px/1.7 var(--ltg-q); color: #bbb; }
.ltg-shead-form { position: relative; top: 30px; max-width: 580px; margin: 15px auto 0; padding: 0 20px; }
.ltg-shead .ltg-bsform { height: 61px; background: #0b0f10; color: #fff; box-shadow: 0 4px 30px rgba(0,0,0,.07); }
.ltg-scard .ltg-in > .ltg-cat { margin-top: 2px; }

/* ---------- Article ---------- */
.ltg-s-head { max-width: 964px; margin: 0 auto; padding: 20px 20px 30px; }
.ltg-s-head .ltg-crumbs { margin-bottom: 18px; }
.ltg-s-cat .ltg-cat { padding: 4.14px 9.66px; font-size: 13.8px; }
.ltg-s-title { margin: 15px 0 20px; font: 700 58px/69.6px var(--ltg-q); letter-spacing: -2px; color: var(--ltg-ink); }
.ltg-s-meta { padding-top: 15px; border-top: 4px solid var(--ltg-line); }
.ltg-s-by { display: flex; flex-wrap: wrap; align-items: center; font: 400 16.1px/27.37px var(--ltg-a); letter-spacing: -.25px; color: var(--ltg-meta); }
.ltg-s-by .ltg-au::after { content: ""; display: inline-block; width: 21px; height: 1px; margin: 0 10px 0 9px; background: var(--ltg-meta); }
.ltg-s-share { display: flex; align-items: center; gap: 3px; margin-top: 15px; }
.ltg-s-share .lbl { display: inline-flex; align-items: center; gap: 4px; margin-right: 9px; font: 400 14px/1 var(--ltg-a); color: var(--ltg-meta); }
.ltg-s-share .lbl svg { width: 13px; height: 13px; }
.ltg-s-share a, .ltg-s-share button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--ltg-line); border-radius: 50%; background: none; color: var(--ltg-ink); cursor: pointer; }
.ltg-s-share em { display: none; }
.ltg-s-share a:hover, .ltg-s-share button:hover { background: var(--ltg-accent); border-color: var(--ltg-accent); color: #fff; }
.ltg-s-img { margin: 0 0 40px; box-shadow: 0 4px 30px rgba(0,0,0,.07); }
.ltg-s-img img { width: 100%; height: auto; }
.ltg-s-grid { display: grid; grid-template-columns: minmax(0, 1fr) 427px; gap: 60px; align-items: start; }
.ltg-s-main { min-width: 0; }
.ltg-s-main > .ltg-body { max-width: 760px; margin: 0 auto; }
.ltg-body { font: 400 17px/28.9px var(--ltg-q); color: var(--ltg-ink); }
.ltg-body.post-content > * { margin: 0 0 15px; }
.ltg-body.post-content h2 { margin-top: 30px; font: 700 34px/1.2 var(--ltg-q); letter-spacing: -1.75px; }
.ltg-body.post-content h3 { margin-top: 25px; font: 700 24px/1.3 var(--ltg-q); letter-spacing: -1.2px; }
.ltg-body.post-content a { color: var(--ltg-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--ltg-accent); text-underline-offset: 3px; }
.ltg-body.post-content blockquote { border-left-color: var(--ltg-accent); color: var(--ltg-ink); }
.ltg-e-share { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-top: 35px; padding: 18px 0 15px; border-top: 1px dashed var(--ltg-line); border-bottom: 1px dashed var(--ltg-line); }
.ltg-e-share .lbl { display: inline-flex; align-items: center; gap: 7px; font: 700 20px/29px var(--ltg-q); letter-spacing: -1px; color: var(--ltg-ink); }
.ltg-e-share .lbl svg { width: 19px; height: 19px; }
.ltg-e-btns { display: flex; gap: 7px; }
.ltg-e-btns a, .ltg-e-btns button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; padding: 0 12px; border: 0; color: #fff; cursor: pointer; font: 700 14px/40px var(--ltg-a); letter-spacing: 2px; }
.ltg-e-btns .fb, .ltg-e-btns .tw { padding: 0 20px 0 15px; }
.ltg-e-btns em { font-style: normal; }
.ltg-e-btns .fb { background: #89abfc; }
.ltg-e-btns .tw { background: #00151c; }
.ltg-e-btns .em { background: #e3a75d; }
.ltg-e-btns .pr { background: #4082f1; }
.ltg-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 37px 0 35px; border-bottom: 1px dashed var(--ltg-line); }
.ltg-pn a { display: flex; flex-direction: column; gap: 14px; }
.ltg-pn .lbl { display: inline-flex; align-items: center; gap: 5px; font: 400 14px/23.8px var(--ltg-a); letter-spacing: 1.4px; text-transform: uppercase; color: var(--ltg-meta); }
.ltg-pn .row { display: flex; align-items: flex-start; gap: 12px; }
.ltg-pn img { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }
.ltg-pn b { font: 700 20px/26px var(--ltg-q); letter-spacing: -1px; color: var(--ltg-ink); }
.ltg-pn-r { align-items: flex-end; text-align: right; }
.ltg-pn a:hover b { color: var(--ltg-accent); }
.ltg-aside-in { position: sticky; top: 72px; }
.ltg-side-cta { margin: 10px 0 30px; padding: 30px; }
.ltg-side-cta h2 { padding: 20px 0 30px; font-size: 36px; line-height: 45px; letter-spacing: -1.8px; }
.ltg-side-latest .ltg-rrow { padding-right: 0; }
.ltg-side-latest .ltg-rrow::after { right: 0; }
.ltg-side-ad { margin-top: 30px; }
.ltg-related { padding: 40px 0 10px; margin-top: 40px; border-top: 1px solid var(--ltg-g7); }
.ltg-related .ltg-g4 { gap: 10px; }
.ltg-related .ltg-card .ltg-t { font-size: 20px; line-height: 26px; letter-spacing: -1px; }

/* pages */
.ltg-page-head { padding-top: 40px; padding-bottom: 40px; }
.ltg-page-title { font: 700 58px/1.2 var(--ltg-q); letter-spacing: -2px; color: var(--ltg-ink); }
.ltg-page { max-width: 964px; padding-bottom: 60px; }
.ltg-page .oe-contact label { font: 700 14px/1.5 var(--ltg-a); color: var(--ltg-ink); }
.ltg-page .oe-contact input { height: 48px; }
.ltg-page .oe-contact input, .ltg-page .oe-contact textarea { border: 0; border-radius: 0; background: #f5f5f5; font-family: var(--ltg-q); color: var(--ltg-ink); }
.ltg-page .oe-contact button { height: 44px; padding: 0 40px; border-radius: 0; background: var(--ltg-accent); color: #fff; font: 700 16px/44px var(--ltg-a); letter-spacing: 2px; text-transform: none; }

/* ---------- Tablet ---------- */
@media (max-width: 1340px) {
  .ltg-top-row { grid-template-columns: minmax(0, 1.75fr) minmax(0, .7fr) minmax(0, 1fr); gap: 30px; }
  .ltg-feat-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ltg-g5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ltg-g4 { gap: 20px; }
  .ltg-fword { font-size: 9vw; line-height: 1; margin-top: -9.5vw; }
  .ltg-fmenus { padding-left: 0; }
  .ltg-fmenus a { font-size: 18px; line-height: 30px; }
  .ltg-ftext { font-size: 40px; line-height: 42px; }
}
@media (max-width: 1024px) {
  .ltg-top-row { grid-template-columns: minmax(0, 317fr) minmax(0, 354fr); gap: 40px 57px; }
  .ltg-lead { grid-column: 1 / -1; }
  .ltg-tall .ltg-img { aspect-ratio: 317 / 538; }
  .ltg-tall > .ltg-t { font-size: 30px; line-height: 37.5px; letter-spacing: -1.5px; }
  .ltg-h11, .ltg-h11 h2 { height: 23px; }
  .ltg-h11 h2, .ltg-h5 h2 { font-size: 22px; line-height: 23px; }
  .ltg-rrow .ltg-t, .ltg-sp .ltg-t, .ltg-card .ltg-t, .ltg-lrow .ltg-t { font-size: 22px; line-height: 28.6px; letter-spacing: -1.1px; }
  .ltg-spot .ltg-g4 { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
  .ltg-spot .ltg-sp { flex: 0 0 320px; scroll-snap-align: start; }
  .ltg-cta-img { height: 600px; }
  .ltg-ctabox { margin-top: -160px; }
  .ltg-ctabox h2 { font-size: 34px; line-height: 42px; }
  .ltg-feat-row { grid-template-columns: minmax(0, 1fr); gap: 60px; }
  .ltg-limg { flex-basis: 310px; }
  .ltg-g5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ltg-h5-big h2 { font-size: 30px; line-height: 36px; }
  .ltg-s-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .ltg-s-title { font-size: 42px; line-height: 50.4px; }
  .ltg-aside-in { position: static; }
  .ltg-related .ltg-g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .ltg-fword { font-size: 150px; line-height: 150px; margin-top: -105px; white-space: normal; letter-spacing: 15px; }
  .ltg-foot-in { grid-template-columns: minmax(0, 1fr); }
  .ltg-fmenus { padding-left: 0; margin-top: 30px; }
  .ltg-copy { text-align: left; }
  .ltg-g4:not(.ltg-spot .ltg-g4) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Phone ---------- */
@media (max-width: 767px) {
  body { font-size: 16px; }
  .ltg-top-row { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .ltg-lead > .ltg-t { font-size: 36px; line-height: 36px; letter-spacing: -1.85px; }
  .ltg-lead .ltg-img { aspect-ratio: 5 / 3; }
  .ltg-tall .ltg-img { aspect-ratio: 350 / 196; }
  .ltg-tall > .ltg-t { font-size: 28px; line-height: 36.4px; letter-spacing: -1.44px; }
  .ltg-h11, .ltg-h11 h2 { height: 21px; }
  .ltg-h11 h2, .ltg-h5 h2 { font-size: 20px; line-height: 21px; }
  .ltg-h5 a { font-size: 15px; }
  .ltg-h5-big h2 { font-size: 28px; line-height: 30px; }
  .ltg-rrow .ltg-t, .ltg-sp .ltg-t, .ltg-card .ltg-t, .ltg-lrow .ltg-t { font-size: 20px; line-height: 28px; letter-spacing: -1px; }
  .ltg-rimg { flex-basis: 90px; width: 90px; height: 90px; }
  .ltg-spot .ltg-sp { flex-basis: 280px; }
  .ltg-cta-img { height: 600px; }
  .ltg-ctabox { margin: -190px 20px 0; padding: 20px; }
  .ltg-ctabox h2 { font-size: 30px; line-height: 37.5px; letter-spacing: -1.5px; }
  .ltg-ctabox p { font-size: 13px; line-height: 22px; }
  .ltg-obtn { letter-spacing: 5px; font-size: 14px; }
  .ltg-fbox-c { padding: 40px 20px 15px; }
  .ltg-fbox .ltg-t { font-size: 36px; line-height: 36px; letter-spacing: -1.85px; }
  .ltg-vword { left: -60px; }
  .ltg-fbox .ltg-t { font-size: 32px; line-height: 36px; }
  .ltg-fbox { padding-bottom: 45px; }
  .ltg-fbox .ltg-cat { padding: 3.6px 8.4px; font-size: 12px; }
  .ltg-fbox .ltg-ex { font-size: 15px; line-height: 25.5px; }
  .ltg-lrow { align-items: flex-start; gap: 20px; }
  .ltg-limg { flex: 0 0 175px; width: 175px; height: 105px; }
  .ltg-card .ltg-in > .ltg-cat { display: none; }
  .ltg-lrow .ltg-ex { display: none; }
  .ltg-g5 { grid-template-columns: minmax(0, 1fr); }
  .ltg-g4:not(.ltg-spot .ltg-g4), .ltg-related .ltg-g4 { grid-template-columns: minmax(0, 1fr); }
  .ltg-fword { font-size: 80px; line-height: 80px; letter-spacing: 8px; margin: -90px 0 20px; }
  .ltg-ftext { margin-bottom: 30px; font-size: 24px; line-height: 24px; letter-spacing: -1px; }
  .ltg-fmenus { gap: 10px; }
  .ltg-fmenus a { padding: 2px 0; font-size: 13px; line-height: 22px; letter-spacing: 0; }
  .ltg-copy { font-size: 12px; }
  .ltg-arch-title { font-size: 28px; line-height: 36.4px; }
  .ltg-crumbs { font-size: 13px; }
  .ltg-s-title { font-size: 38px; line-height: 49.4px; letter-spacing: -1.3px; }
  .ltg-s-head .ltg-crumbs { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
  .ltg-s-head .ltg-crumbs .sep { margin: 0 4px; }
  .ltg-s-cat .ltg-cat { padding: 3.6px 8.4px; font-size: 12px; }
  .ltg-s-share .lbl em, .ltg-s-share .lbl { font-size: 0; }
  .ltg-s-share .lbl svg { width: 14px; height: 14px; }
  .ltg-body { font-size: 16px; line-height: 27.2px; }
  .ltg-s-by { font-size: 14px; }
  .ltg-e-btns em { display: none; }
  .ltg-pn { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ltg-pn b { font-size: 17px; line-height: 22px; }
  .ltg-shead h1, .ltg-404 h1, .ltg-empty h2 { font-size: 28px; line-height: 36px; }
  .ltg-404 { padding-top: 80px; }
  .ltg-page-title { font-size: 34px; }
  .ltg-backtop { display: none; }
}

/* ---------- Dark mode ---------- */
html.ltg-dark { --ltg-bg: #061013; --ltg-ink: #fff; --ltg-meta: #bbb; --ltg-g7: rgba(255,255,255,.06); --ltg-line: rgba(255,255,255,.15); }
html.ltg-dark body { background: var(--ltg-bg); color: #fff; }
html.ltg-dark .ltg-box::before { border-color: rgba(255,255,255,.4); }
html.ltg-dark .ltg-nl { border-color: #fff; box-shadow: 2px 2px 0 #fff; background: #fff; color: #000; }
html.ltg-dark .ltg-h5-big { border-top-color: #fff; }
html.ltg-dark .ltg-ctabox { border-color: #fff; }
html.ltg-dark .ltg-ctabox h2, html.ltg-dark .ltg-ctabox p { color: #fff; }
html.ltg-dark .ltg-obtn { border-color: #fff; color: #fff; }
html.ltg-dark .ltg-fbox { background: #000; }
html.ltg-dark .ltg-vword { color: #fff; }
html.ltg-dark .ltg-shead h1 { color: #fff; }
html.ltg-dark .ltg-page .oe-contact input, html.ltg-dark .ltg-page .oe-contact textarea { background: rgba(255,255,255,.06); color: #fff; }

@media print {
  .ltg-toprow, .ltg-head, .ltg-mhead, .ltg-foot, .ltg-aside, .ltg-e-share, .ltg-pn, .ltg-related, .ltg-backtop, .ltg-progress, .ltg-s-share { display: none !important; }
  .ltg-s-grid { display: block; }
}