/* TRUE CHURCH HOLY CALENDAR V118.7 — SHELL GAP + LIGHT LIQUID GLASS
   Preserves the V118 calendar engine while aligning the public hero and
   glass cards with the current True Church V12 website language. */

#tcjc-holy-calendar-v118-root,
#tcjc-holy-calendar-v118-root *{box-sizing:border-box}

#tcjc-holy-calendar-v118-root{
  --cal-page:#f7f5f2;
  --cal-card:rgba(255,255,255,.92);
  --cal-card-solid:#fff;
  --cal-soft:#edf4f6;
  --cal-border:rgba(148,184,205,.18);
  --cal-border-strong:rgba(79,159,200,.55);
  --cal-text:#263f4b;
  --cal-muted:#71848d;
  --cal-blue:#4f9fc8;
  --cal-blue-dark:#397fa5;
  --cal-blue-soft:rgba(79,159,200,.12);
  --cal-gold:#aa8734;
  --cal-gold-soft:#f6edd1;
  --cal-purple:#7a7096;
  --cal-purple-soft:#ece9f3;
  --cal-shadow:0 18px 48px rgba(36,52,77,.08);
  position:relative;
  left:50%;
  width:100vw;
  max-width:none!important;
  margin-left:-50vw;
  overflow-x:clip;
  color:var(--cal-text);
  background:
    radial-gradient(circle at 8% 0%,rgba(116,174,201,.18),transparent 30rem),
    linear-gradient(180deg,#f4f3ef,var(--cal-page));
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif
}

.tcjc-hc118{
  width:100%;
  min-height:100vh;
  padding:0 0 54px;
  display:flex;
  flex-direction:column
}

.tcjc-hc118 a,.tcjc-hc118 button{font:inherit}
.tcjc-hc118 button{cursor:pointer}

.tcjc-hc118-hero,
.tcjc-hc118-controls,
.tcjc-hc118-months,
.tcjc-hc118-selected,
.tcjc-hc118-view{
  width:min(1580px,calc(100% - 30px));
  margin-inline:auto
}

/* These explanatory/argument sections do not belong in the public calendar. */
.tcjc-hc118-structure,
.tcjc-hc118-foundations,
.tcjc-hc118-alignment-note{
  display:none!important
}

.tcjc-hc118-hero{order:0}
.tcjc-hc118-controls{order:1}
.tcjc-hc118-months{order:2}
.tcjc-hc118-selected{order:3}
.tcjc-hc118-view{order:4}

/* HERO */
.tcjc-hc118-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(460px,1.02fr);
  gap:clamp(20px,3vw,42px);
  min-height:520px;
  padding:clamp(28px,3vw,46px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:34px;
  background:#e8edf0;
  box-shadow:0 18px 48px rgba(36,52,77,.08);
  isolation:isolate
}

.tcjc-hc118-hero-media,
.tcjc-hc118-hero-shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%
}

.tcjc-hc118-hero-media{
  z-index:0;
  display:block;
  overflow:hidden;
  pointer-events:none
}

.tcjc-hc118-hero-media picture,
.tcjc-hc118-hero-media img{
  display:block;
  width:100%;
  height:100%
}

.tcjc-hc118-hero-media img{
  object-fit:cover;
  object-position:center
}

.tcjc-hc118-hero-shade{
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 52% 22%,rgba(255,255,255,.18),transparent 36%),
    linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.01) 58%,rgba(255,255,255,0))
}

.tcjc-hc118-hero-copy,
.tcjc-hc118-hero-today{
  position:relative;
  z-index:2
}

.tcjc-hc118-hero-copy{
  width:min(700px,100%);
  align-self:center;
  padding:clamp(26px,3.2vw,42px);
  border:1px solid rgba(255,255,255,.60);
  border-radius:30px;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(255,255,255,.24),rgba(25,39,47,.14));
  box-shadow:
    0 18px 44px rgba(18,34,43,.17),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(12px) saturate(118%);
  backdrop-filter:blur(12px) saturate(118%)
}

.tcjc-hc118-kicker,
.tcjc-hc118-date-card p,
.tcjc-hc118-reading-card header p{
  margin:0;
  color:#a9def7;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase
}

.tcjc-hc118-hero-copy h1{
  margin:14px 0 0;
  color:#fff;
  font-size:clamp(3rem,5.4vw,5.5rem);
  font-weight:720;
  letter-spacing:-.065em;
  line-height:.91;
  text-shadow:0 2px 18px rgba(0,0,0,.18)
}

.tcjc-hc118-intro{
  max-width:620px;
  margin:19px 0 0;
  color:rgba(255,255,255,.86);
  font-size:clamp(.98rem,1.35vw,1.13rem);
  font-weight:620;
  line-height:1.53
}

.tcjc-hc118-hero-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px
}

.tcjc-hc118-hero-links a{
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.40);
  border-radius:14px;
  color:#fff!important;
  background:rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(8px) saturate(112%);
  backdrop-filter:blur(8px) saturate(112%);
  box-shadow:0 10px 24px rgba(18,34,43,.14),inset 0 1px 0 rgba(255,255,255,.18);
  text-decoration:none!important;
  font-size:.72rem;
  font-weight:840
}

.tcjc-hc118-hero-today{
  display:grid;
  align-content:center;
  gap:13px;
  padding:0;
  background:transparent
}

.tcjc-hc118-date-card,
.tcjc-hc118-reading-card{
  border:1px solid rgba(255,255,255,.56);
  border-radius:24px;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(255,255,255,.22),rgba(25,39,47,.13));
  box-shadow:
    0 16px 38px rgba(18,34,43,.15),
    inset 0 1px 0 rgba(255,255,255,.34);
  -webkit-backdrop-filter:blur(10px) saturate(116%);
  backdrop-filter:blur(10px) saturate(116%)
}

.tcjc-hc118-date-card{
  padding:24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center
}

.tcjc-hc118-date-card h2{
  margin:9px 0 0;
  color:#fff;
  font-size:clamp(2rem,3vw,3.2rem);
  font-weight:820;
  letter-spacing:-.05em;
  line-height:.96;
  text-shadow:0 2px 16px rgba(0,0,0,.18)
}

.tcjc-hc118-date-card>div:first-child>span{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.78);
  font-size:.9rem;
  font-weight:650
}

.tcjc-hc118-moon{
  display:flex;
  align-items:center;
  gap:10px
}

.tcjc-hc118-moon>b{
  width:50px;
  height:50px;
  display:grid;
  flex:0 0 50px;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(255,255,255,.10);
  font-size:27px
}

.tcjc-hc118-moon span strong,
.tcjc-hc118-moon span small{
  margin-top:3px;
  color:rgba(255,255,255,.68);
  font-size:.67rem
}

.tcjc-hc118-moon span strong{font-size:.87rem}
.tcjc-hc118-moon span small{
  margin-top:3px;
  color:#71848d;
  font-size:.67rem
}

.tcjc-hc118-reading-card{padding:23px 24px}
.tcjc-hc118-reading-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px
}

.tcjc-hc118-reading-card header>span{
  color:rgba(255,255,255,.72);
  font-size:.7rem;
  font-weight:750
}

.tcjc-hc118-reading-card h3{
  max-width:34ch;
  margin:7px 0 0;
  color:#fff;
  font-size:clamp(1.15rem,1.55vw,1.55rem);
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.1;
  text-shadow:0 2px 14px rgba(0,0,0,.16)
}

.tcjc-hc118-reading-card>p{
  display:-webkit-box;
  margin:13px 0 0;
  overflow:hidden;
  color:rgba(255,255,255,.82);
  font-size:.89rem;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}

.tcjc-hc118-reading-card>button{
  display:flex;
  width:100%;
  min-height:46px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:16px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:9px;
  color:#fff;
  background:#4f9fc8;
  box-shadow:0 12px 28px rgba(36,82,112,.24),inset 0 1px 0 rgba(255,255,255,.30);
  font-size:.72rem;
  font-weight:840
}

/* CONTROLS */
.tcjc-hc118-controls{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
  margin-top:18px;
  padding:13px 15px;
  border:1px solid var(--cal-border);
  border-radius:15px;
  background:var(--cal-card);
  box-shadow:0 10px 28px rgba(43,68,79,.06)
}

.tcjc-hc118-year-control{
  min-width:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  background:transparent
}

.tcjc-hc118-year-control button{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  color:#fff;
  background:linear-gradient(145deg,#6cb3d2,#377e9e);
  font-size:22px
}

.tcjc-hc118-year-control>div{
  min-width:78px;
  text-align:center
}

.tcjc-hc118-year-control small,
.tcjc-hc118-year-facts small{
  display:block;
  color:var(--cal-muted);
  font-size:.61rem;
  font-weight:800
}

.tcjc-hc118-year-control strong{
  display:block;
  margin-top:2px;
  color:var(--cal-text);
  font-size:1.18rem;
  font-weight:850
}

/* Only keep the compact year-alignment status, not the explanatory blocks. */
.tcjc-hc118-year-facts{
  display:block;
  min-width:0
}
.tcjc-hc118-year-facts>div{display:none}
.tcjc-hc118-year-facts>div:last-child{
  display:block;
  padding:0;
  border:0;
  background:transparent
}
.tcjc-hc118-year-facts>div:last-child strong{
  display:block;
  margin-top:2px;
  color:var(--cal-text);
  font-size:.88rem
}
.tcjc-hc118-year-facts>div:last-child span{
  display:block;
  margin-top:3px;
  color:var(--cal-muted);
  font-size:.66rem
}

.tcjc-hc118-today-button{
  min-width:78px;
  min-height:42px;
  padding:0 14px;
  border:0;
  border-radius:8px;
  color:#fff;
  background:linear-gradient(145deg,#6cb3d2,#377e9e);
  font-size:.72rem;
  font-weight:850
}

/* MONTH SLIDER */
.tcjc-hc118-months{
  display:flex;
  gap:6px;
  margin-top:13px;
  padding:8px;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid var(--cal-border);
  border-radius:14px;
  background:var(--cal-card);
  scrollbar-width:none
}
.tcjc-hc118-months::-webkit-scrollbar{display:none}

.tcjc-hc118-months button{
  flex:0 0 132px;
  width:132px;
  min-width:132px;
  max-width:132px;
  min-height:66px;
  padding:8px 11px;
  display:grid;
  grid-template-rows:auto auto auto;
  align-content:center;
  justify-items:start;
  gap:2px;
  border:0;
  border-radius:9px;
  color:var(--cal-text);
  background:transparent;
  text-align:left
}

.tcjc-hc118-months small,
.tcjc-hc118-months strong,
.tcjc-hc118-months span{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  line-height:1.2;
  text-align:left
}

.tcjc-hc118-months small{
  color:var(--cal-muted);
  font-size:.53rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}

.tcjc-hc118-months strong{
  margin-top:2px;
  font-size:.82rem;
  font-weight:850;
  white-space:nowrap
}

.tcjc-hc118-months span{
  margin-top:1px;
  color:var(--cal-muted);
  font-size:.58rem
}

.tcjc-hc118-months button.is-active{
  color:#fff;
  background:linear-gradient(145deg,#69afd0,#377d9c);
  box-shadow:0 8px 18px rgba(47,117,151,.23)
}

.tcjc-hc118-months button.is-active small,
.tcjc-hc118-months button.is-active span{
  color:rgba(255,255,255,.74)
}

/* SELECTED DAY */
.tcjc-hc118-selected{
  margin-top:22px;
  padding:clamp(20px,2.7vw,30px);
  display:grid;
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);
  gap:12px;
  border:1px solid var(--cal-border);
  border-radius:20px;
  background:var(--cal-card);
  box-shadow:var(--cal-shadow)
}

.tcjc-hc118-selected-main>p{
  margin:0 0 8px;
  color:var(--cal-blue);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase
}

.tcjc-hc118-selected-main h2{
  margin:0;
  color:var(--cal-text);
  font-size:clamp(2rem,4vw,3.55rem);
  font-weight:820;
  letter-spacing:-.055em;
  line-height:.96
}

.tcjc-hc118-selected-date{
  margin-top:8px;
  color:var(--cal-muted);
  font-size:.82rem;
  font-weight:650
}

.tcjc-hc118-selected-reading,
.tcjc-hc118-selected-moon,
.tcjc-hc118-observance,
.tcjc-hc118-no-observance{
  min-width:0;
  padding:14px;
  border:1px solid var(--cal-border);
  border-radius:13px;
  background:var(--cal-card-solid)
}

.tcjc-hc118-selected-reading{margin-top:15px}
.tcjc-hc118-selected-reading h3{
  margin:7px 0 0;
  color:var(--cal-text);
  font-size:1.05rem;
  font-weight:800
}
.tcjc-hc118-selected-reading p,
.tcjc-hc118-observance p{
  margin:8px 0 0;
  color:var(--cal-muted);
  font-size:.76rem;
  line-height:1.45
}
.tcjc-hc118-selected-reading button{
  min-height:38px;
  margin-top:10px;
  padding:7px 11px;
  border:0;
  border-radius:8px;
  color:#fff;
  background:linear-gradient(145deg,#62a9c8,#327b9d);
  font-size:.7rem;
  font-weight:800
}

.tcjc-hc118-selected>aside{
  display:grid;
  align-content:start;
  gap:8px
}

.tcjc-hc118-selected-moon{
  display:flex;
  align-items:center;
  gap:10px
}

.tcjc-hc118-selected-moon>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:50%;
  background:var(--cal-soft);
  font-size:24px
}

.tcjc-hc118-observances{
  display:grid;
  gap:8px
}

.tcjc-hc118-observance{
  position:relative;
  overflow:hidden;
  padding-left:18px
}

.tcjc-hc118-observance::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--cal-blue)
}

.tcjc-hc118-observance[data-kind="appointed"]::before{background:var(--cal-gold)}
.tcjc-hc118-observance[data-kind="christ"]::before,
.tcjc-hc118-observance[data-kind="calculated"]::before{background:var(--cal-purple)}

.tcjc-hc118-evidence-links{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:11px
}

.tcjc-hc118-evidence-links button{
  min-height:34px;
  padding:6px 9px;
  border:1px solid var(--cal-border);
  border-radius:8px;
  color:var(--cal-text);
  background:var(--cal-soft);
  font-size:.63rem;
  font-weight:790
}

/* MONTH GRID */
.tcjc-hc118-view{
  margin-top:30px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none
}

.tcjc-hc118-view-header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin:0 3px 15px;
  padding:0;
  border:0
}

.tcjc-hc118-view-header p{
  margin:0 0 8px;
  color:var(--cal-blue);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase
}

.tcjc-hc118-view-header h2{
  margin:0;
  color:var(--cal-text);
  font-size:clamp(2rem,4vw,3.5rem);
  font-weight:820;
  letter-spacing:-.055em;
  line-height:.97
}

.tcjc-hc118-view-meta{text-align:right}
.tcjc-hc118-view-meta strong{
  color:var(--cal-text);
  font-size:.82rem;
  font-weight:700
}
.tcjc-hc118-view-meta span{display:none}

.tcjc-hc118-day-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}

.tcjc-hc118-day{
  position:relative;
  min-width:0;
  min-height:260px;
  padding:17px;
  display:flex;
  flex-direction:column;
  border:1px solid var(--cal-border);
  border-radius:14px;
  color:inherit;
  background:var(--cal-card);
  box-shadow:0 10px 26px rgba(43,68,79,.055);
  outline:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}

.tcjc-hc118-day:hover,
.tcjc-hc118-day:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(52,130,168,.42);
  box-shadow:0 15px 32px rgba(43,68,79,.09)
}

.tcjc-hc118-day.is-selected{
  border-color:var(--cal-border-strong);
  box-shadow:0 0 0 2px rgba(54,131,169,.09),0 15px 32px rgba(43,68,79,.09)
}

.tcjc-hc118-day.is-today{
  box-shadow:inset 0 4px 0 var(--cal-blue),0 15px 32px rgba(43,68,79,.09)
}

.tcjc-hc118-day>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px
}

.tcjc-hc118-day-number{
  display:flex;
  align-items:center;
  gap:10px
}

.tcjc-hc118-day-number>strong{
  width:43px;
  height:43px;
  min-width:43px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(145deg,#69afd0,#377d9c);
  font-size:1.08rem;
  font-weight:900
}

.tcjc-hc118-day-number small,
.tcjc-hc118-day-number b{display:block}

.tcjc-hc118-day-number small{
  color:var(--cal-muted);
  font-size:.59rem;
  font-weight:820;
  letter-spacing:.05em;
  text-transform:uppercase
}

.tcjc-hc118-day-number b{
  margin-top:2px;
  color:var(--cal-text);
  font-size:.74rem
}

.tcjc-hc118-day-moon{
  display:flex;
  align-items:center;
  gap:5px;
  color:var(--cal-muted)
}

.tcjc-hc118-badges{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:auto;
  padding-top:15px;
  order:3
}

.tcjc-hc118-badges span{
  min-height:25px;
  padding:4px 7px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  color:#2f7899;
  background:var(--cal-blue-soft);
  font-size:.56rem;
  font-weight:820
}

.tcjc-hc118-badges span[data-kind="appointed"]{
  color:#796228;
  background:var(--cal-gold-soft)
}

.tcjc-hc118-badges span[data-kind="christ"],
.tcjc-hc118-badges span[data-kind="calculated"]{
  color:#645b7b;
  background:var(--cal-purple-soft)
}

.tcjc-hc118-day-reading{
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid var(--cal-border);
  order:2
}

.tcjc-hc118-day-reading>small{
  display:block;
  color:var(--cal-blue);
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase
}

.tcjc-hc118-day-reading h3{
  display:-webkit-box;
  margin:6px 0 0;
  overflow:hidden;
  color:var(--cal-text);
  font-size:.93rem;
  font-weight:790;
  line-height:1.26;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}

.tcjc-hc118-day-reading span{
  display:block;
  margin-top:5px;
  color:var(--cal-blue);
  font-size:.59rem;
  font-weight:760
}

/* RESPONSIVE */
@media(max-width:1260px){
  .tcjc-hc118-day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1080px){
  .tcjc-hc118-hero{grid-template-columns:1fr;min-height:0}
  .tcjc-hc118-hero-copy{width:min(760px,100%)}
  .tcjc-hc118-selected{grid-template-columns:1fr}
}

@media(max-width:850px){
  .tcjc-hc118-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .tcjc-hc118{padding:0 0 34px}

  .tcjc-hc118-hero,
  .tcjc-hc118-controls,
  .tcjc-hc118-months,
  .tcjc-hc118-selected,
  .tcjc-hc118-view{
    width:calc(100% - 20px)
  }

  .tcjc-hc118-hero{
    display:block;
    padding:14px;
    border-radius:24px;
    background:#e8edf0
  }

  .tcjc-hc118-hero-copy{
    width:100%;
    padding:22px 20px;
    border-radius:22px;
    background:
      linear-gradient(135deg,rgba(255,255,255,.24),rgba(25,39,47,.16));
    -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
    backdrop-filter:blur(8px) saturate(112%)!important
  }

  .tcjc-hc118-hero-copy h1{
    font-size:clamp(2.7rem,13vw,3.8rem)
  }

  .tcjc-hc118-intro{font-size:.9rem}

  .tcjc-hc118-hero-links{
    display:grid;
    grid-template-columns:1fr
  }

  .tcjc-hc118-hero-links a{justify-content:center}
  .tcjc-hc118-hero-today{margin-top:11px}

  .tcjc-hc118-date-card{
    grid-template-columns:1fr;
    padding:19px;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important
  }

  .tcjc-hc118-moon{
    padding-top:12px;
    border-top:1px solid rgba(79,159,200,.16)
  }

  .tcjc-hc118-reading-card{padding:13px 14px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

  .tcjc-hc118-reading-card header{
    align-items:flex-start;
    flex-direction:column;
    gap:4px
  }

  .tcjc-hc118-controls{
    grid-template-columns:1fr auto;
    gap:11px
  }

  .tcjc-hc118-year-facts{display:none}

  .tcjc-hc118-months button{
    flex-basis:118px;
    width:118px;
    min-width:118px;
    max-width:118px
  }

  .tcjc-hc118-selected{
    padding:17px;
    border-radius:17px
  }

  .tcjc-hc118-selected-main h2{
    font-size:clamp(1.9rem,9.5vw,2.65rem)
  }

  .tcjc-hc118-view-header{
    align-items:flex-start;
    flex-direction:column;
    gap:6px
  }

  .tcjc-hc118-view-meta{text-align:left}

  .tcjc-hc118-day-grid{
    grid-template-columns:1fr;
    gap:9px
  }

  .tcjc-hc118-day{
    min-height:225px;
    padding:15px
  }

  .tcjc-hc118-day-reading h3{-webkit-line-clamp:2}
}

@media(max-width:390px){
  .tcjc-hc118-day>header{gap:7px}
  .tcjc-hc118-day-moon small{display:none}
}