html,body,.tdm-maxhub-page{margin:0;min-height:100%;background:#08111f;color:#fff;font-family:Inter,Arial,sans-serif}
.tdm-maxhub{position:relative;min-height:100vh;overflow:hidden;background-size:cover;background-position:center center}
.tdm-maxhub__backdrop,.tdm-maxhub__overlay{position:absolute;inset:0}
.tdm-maxhub__backdrop{background-image:inherit;background-size:cover;background-position:center;filter:blur(var(--tdm-blur));transform:scale(1.08)}
.tdm-maxhub__overlay{background:linear-gradient(180deg, rgba(3,10,24,.36), rgba(3,10,24,.84)), rgba(3,10,24,var(--tdm-overlay))}
.tdm-maxhub__shell{position:relative;z-index:2;max-width:var(--tdm-content-width);margin:0 auto;padding:var(--tdm-padding);display:flex;flex-direction:column;gap:var(--tdm-gap);min-height:100vh;box-sizing:border-box}
.tdm-maxhub__header{height:var(--tdm-header-height);display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:28px;background:linear-gradient(135deg,rgba(10,100,255,.34),rgba(0,212,170,.18));backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.tdm-maxhub__brand{display:flex;gap:18px;align-items:center;min-width:0}
.tdm-maxhub__brand img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.08);padding:8px}
.tdm-maxhub__brand-kicker{font-size:var(--tdm-kicker-size);text-transform:uppercase;letter-spacing:.14em;color:#7ce9ff;font-weight:700}
.tdm-maxhub__brand-name{font-size:var(--tdm-brand-size);line-height:1.05;font-weight:800;letter-spacing:-.03em}
.tdm-maxhub__clock{text-align:right}
.tdm-maxhub__clock #tdm-maxhub-date{font-size:18px;opacity:.9}
.tdm-maxhub__clock #tdm-maxhub-time{font-size:42px;font-weight:800;letter-spacing:-.04em}
.tdm-maxhub__main{display:flex;flex-direction:column;gap:var(--tdm-gap)}
.tdm-maxhub__row{width:100%;font-size:0;white-space:nowrap}
.tdm-maxhub__row--full .tdm-maxhub__box{display:block;width:100%;white-space:normal}
.tdm-maxhub__row--half .tdm-maxhub__box{display:inline-block;vertical-align:top;width:calc(50% - (var(--tdm-gap) / 2));white-space:normal}
.tdm-maxhub__row--half .tdm-maxhub__box:first-child{margin-right:var(--tdm-gap)}
.tdm-maxhub__box{min-height:0;height:100%;font-size:16px;display:flex;flex-direction:column;border-radius:30px;background:linear-gradient(180deg,rgba(8,19,40,.78),rgba(8,19,40,.55));backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.24)}
.tdm-maxhub__box-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 20px 12px;border-bottom:1px solid rgba(255,255,255,.10)}
.tdm-maxhub__box-head h2{margin:0;font-size:var(--tdm-box-title);line-height:1.05;font-weight:800;letter-spacing:-.03em}
.tdm-maxhub__box-head span{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#7ce9ff;font-weight:700}
.tdm-maxhub__box-body{padding:14px 20px 18px;overflow:hidden;position:relative;flex:1;box-sizing:border-box}
.tdm-maxhub__box-body.is-scroll{overflow:auto;scrollbar-width:none}
.tdm-maxhub__box-body.is-scroll::-webkit-scrollbar{display:none}
.tdm-group+.tdm-group{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10)}
.tdm-group h3{margin:0 0 8px;font-size:18px;color:#ffdd72;font-weight:800;letter-spacing:-.02em}
.tdm-entry+.tdm-entry{margin-top:8px}
.tdm-entry__title{font-size:var(--tdm-local-entry-title,var(--tdm-entry-title));line-height:1.2;font-weight:700}
.tdm-entry__meta{margin-top:3px;font-size:var(--tdm-local-entry-meta,var(--tdm-entry-meta));opacity:.86}
.tdm-post{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}
.tdm-post+.tdm-post{margin-top:12px}
.tdm-post__thumb img{width:100%;height:84px;object-fit:cover;border-radius:18px}
.tdm-post__excerpt{margin-top:5px;font-size:14px;opacity:.84;line-height:1.35}
.tdm-gallery--mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tdm-gallery__tile img,.tdm-gallery__slide img,.tdm-gallery__marquee-item img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.tdm-gallery__tile{aspect-ratio:1/1}
.tdm-gallery--slideshow{position:relative;height:100%}
.tdm-gallery__slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.tdm-gallery__slide.is-active{opacity:1}
.tdm-maxhub__box-body.gallery-body{padding:12px}
.tdm-gallery--marquee{position:relative;height:100%;overflow:hidden}
.tdm-gallery__track{display:flex;gap:10px;will-change:transform}
.tdm-gallery--scroll-horizontal .tdm-gallery__track{height:100%;align-items:stretch;animation:tdmMarqueeX var(--tdm-gallery-duration,36s) linear infinite;width:max-content}
.tdm-gallery--scroll-horizontal .tdm-gallery__marquee-item{flex:0 0 44%;height:100%}
.tdm-gallery--scroll-vertical .tdm-gallery__track{flex-direction:column;animation:tdmMarqueeY var(--tdm-gallery-duration,36s) linear infinite;height:max-content}
.tdm-gallery--scroll-vertical .tdm-gallery__marquee-item{height:170px;flex:0 0 auto}
.tdm-maxhub__pager{position:relative;height:100%}
.tdm-maxhub__page{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}
.tdm-maxhub__page.is-active{opacity:1;pointer-events:auto}
@keyframes tdmMarqueeX{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
@keyframes tdmMarqueeY{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 5px))}}
@media (prefers-reduced-motion: reduce){
  .tdm-gallery--scroll-horizontal .tdm-gallery__track,
  .tdm-gallery--scroll-vertical .tdm-gallery__track{animation:none}
}
.tdm-maxhub--compat .tdm-maxhub__row{display:block}
.tdm-maxhub--compat .tdm-maxhub__row--half{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box{display:table-cell;width:50%;vertical-align:top}
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box:first-child{padding-right:calc(var(--tdm-gap) / 2)}
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box:last-child{padding-left:calc(var(--tdm-gap) / 2)}
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box:first-child,
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box:last-child{margin-right:0}
@media (max-width: 900px){
  .tdm-maxhub__brand-name{font-size:26px}
  .tdm-maxhub__clock #tdm-maxhub-time{font-size:34px}
  .tdm-post{grid-template-columns:96px 1fr}
  .tdm-maxhub__row--half .tdm-maxhub__box,
  .tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box{display:block;width:100%;padding-left:0;padding-right:0;margin-right:0}
}



/* v7 MaxHub compatibility fixes */
.tdm-maxhub--compat .tdm-maxhub__main{display:block}
.tdm-maxhub--compat .tdm-maxhub__row{display:block !important;white-space:normal !important;font-size:0}
.tdm-maxhub--compat .tdm-maxhub__row + .tdm-maxhub__row{margin-top:var(--tdm-gap)}
.tdm-maxhub--compat .tdm-maxhub__row--full .tdm-maxhub__box{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}
.tdm-maxhub--compat .tdm-maxhub__row--half{
  display:table !important;
  width:100% !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing: calc(var(--tdm-gap) / 2) 0 !important;
  margin-left: calc(var(--tdm-gap) / -2);
  margin-right: calc(var(--tdm-gap) / -2);
}
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box{
  display:table-cell !important;
  width:50% !important;
  vertical-align:top !important;
  white-space:normal !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box:first-child,
.tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box:last-child{
  padding:0 !important;
  margin:0 !important;
}
.tdm-maxhub--compat .tdm-maxhub__box{box-sizing:border-box}
.tdm-maxhub--compat .tdm-post{display:block}
.tdm-maxhub--compat .tdm-post__thumb{margin-bottom:10px}
.tdm-maxhub--compat .tdm-post__thumb img{width:100%;height:120px}

/* Some MaxHub WebViews report narrow CSS width; do not stack compat columns */
@media (max-width: 900px){
  .tdm-maxhub--compat .tdm-maxhub__row--half{
    display:table !important;
    width:100% !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing: calc(var(--tdm-gap) / 2) 0 !important;
    margin-left: calc(var(--tdm-gap) / -2) !important;
    margin-right: calc(var(--tdm-gap) / -2) !important;
  }
  .tdm-maxhub--compat .tdm-maxhub__row--half .tdm-maxhub__box{
    display:table-cell !important;
    width:50% !important;
    vertical-align:top !important;
    padding:0 !important;
    margin:0 !important;
  }
}