/*! CED Daily Literature & Q&A Hub - compiled stylesheet.
 * Generated by build/build.js. Do not edit directly; edit build/src/custom.css
 * or the template classes and rebuild. Tailwind utilities are scoped to
 * .ced-daily-hub-root and carry !important to override Blogsy's element rules.
 */
.ced-daily-hub-root .fixed{position:fixed!important}.ced-daily-hub-root .absolute{position:absolute!important}.ced-daily-hub-root .relative{position:relative!important}.ced-daily-hub-root .left-1\/2{left:50%!important}.ced-daily-hub-root .left-2{left:.5rem!important}.ced-daily-hub-root .right-2{right:.5rem!important}.ced-daily-hub-root .top-0{top:0!important}.ced-daily-hub-root .top-1\/2{top:50%!important}.ced-daily-hub-root .z-30{z-index:30!important}.ced-daily-hub-root .mx-auto{margin-left:auto!important;margin-right:auto!important}.ced-daily-hub-root .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ced-daily-hub-root .mb-1{margin-bottom:.25rem!important}.ced-daily-hub-root .mb-2{margin-bottom:.5rem!important}.ced-daily-hub-root .mb-4{margin-bottom:1rem!important}.ced-daily-hub-root .mt-2{margin-top:.5rem!important}.ced-daily-hub-root .mt-3{margin-top:.75rem!important}.ced-daily-hub-root .mt-4{margin-top:1rem!important}.ced-daily-hub-root .block{display:block!important}.ced-daily-hub-root .inline-block{display:inline-block!important}.ced-daily-hub-root .inline{display:inline!important}.ced-daily-hub-root .flex{display:flex!important}.ced-daily-hub-root .hidden{display:none!important}.ced-daily-hub-root .h-12{height:3rem!important}.ced-daily-hub-root .h-2{height:.5rem!important}.ced-daily-hub-root .h-4{height:1rem!important}.ced-daily-hub-root .h-6{height:1.5rem!important}.ced-daily-hub-root .w-12{width:3rem!important}.ced-daily-hub-root .w-4{width:1rem!important}.ced-daily-hub-root .w-40{width:10rem!important}.ced-daily-hub-root .w-6{width:1.5rem!important}.ced-daily-hub-root .w-8{width:2rem!important}.ced-daily-hub-root .w-full{width:100%!important}.ced-daily-hub-root .max-w-2xl{max-width:42rem!important}.ced-daily-hub-root .max-w-4xl{max-width:56rem!important}.ced-daily-hub-root .max-w-7xl{max-width:80rem!important}.ced-daily-hub-root .-translate-x-1\/2{--tw-translate-x:-50%!important}.ced-daily-hub-root .-translate-x-1\/2,.ced-daily-hub-root .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.ced-daily-hub-root .-translate-y-1\/2{--tw-translate-y:-50%!important}.ced-daily-hub-root .cursor-pointer{cursor:pointer!important}.ced-daily-hub-root .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)!important}.ced-daily-hub-root .snap-mandatory{--tw-scroll-snap-strictness:mandatory!important}.ced-daily-hub-root .flex-col{flex-direction:column!important}.ced-daily-hub-root .flex-wrap{flex-wrap:wrap!important}.ced-daily-hub-root .items-center{align-items:center!important}.ced-daily-hub-root .justify-center{justify-content:center!important}.ced-daily-hub-root .justify-between{justify-content:space-between!important}.ced-daily-hub-root .gap-2{gap:.5rem!important}.ced-daily-hub-root .gap-4{gap:1rem!important}.ced-daily-hub-root .gap-6{gap:1.5rem!important}.ced-daily-hub-root .gap-y-1{row-gap:.25rem!important}.ced-daily-hub-root .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-right:calc(.5rem*var(--tw-space-x-reverse))!important;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))!important}.ced-daily-hub-root .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-right:calc(.75rem*var(--tw-space-x-reverse))!important;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))!important}.ced-daily-hub-root .space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-right:calc(1.5rem*var(--tw-space-x-reverse))!important;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))!important}.ced-daily-hub-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.25rem*var(--tw-space-y-reverse))!important}.ced-daily-hub-root .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.375rem*var(--tw-space-y-reverse))!important}.ced-daily-hub-root .space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(3rem*var(--tw-space-y-reverse))!important}.ced-daily-hub-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.5rem*var(--tw-space-y-reverse))!important}.ced-daily-hub-root .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.75rem*var(--tw-space-y-reverse))!important}.ced-daily-hub-root .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important}.ced-daily-hub-root .overflow-hidden{overflow:hidden!important}.ced-daily-hub-root .overflow-x-auto{overflow-x:auto!important}.ced-daily-hub-root .scroll-smooth{scroll-behavior:smooth!important}.ced-daily-hub-root .whitespace-nowrap{white-space:nowrap!important}.ced-daily-hub-root .rounded{border-radius:.25rem!important}.ced-daily-hub-root .rounded-2xl{border-radius:1rem!important}.ced-daily-hub-root .rounded-full{border-radius:9999px!important}.ced-daily-hub-root .rounded-lg{border-radius:.5rem!important}.ced-daily-hub-root .rounded-md{border-radius:.375rem!important}.ced-daily-hub-root .rounded-xl{border-radius:.75rem!important}.ced-daily-hub-root .rounded-b-xl{border-bottom-left-radius:.75rem!important}.ced-daily-hub-root .rounded-b-xl,.ced-daily-hub-root .rounded-r-xl{border-bottom-right-radius:.75rem!important}.ced-daily-hub-root .rounded-r-xl{border-top-right-radius:.75rem!important}.ced-daily-hub-root .border{border-width:1px!important}.ced-daily-hub-root .border-2{border-width:2px!important}.ced-daily-hub-root .border-4{border-width:4px!important}.ced-daily-hub-root .border-x-2{border-left-width:2px!important;border-right-width:2px!important}.ced-daily-hub-root .border-b{border-bottom-width:1px!important}.ced-daily-hub-root .border-b-2{border-bottom-width:2px!important}.ced-daily-hub-root .border-l-4{border-left-width:4px!important}.ced-daily-hub-root .border-t{border-top-width:1px!important}.ced-daily-hub-root .border-amber-200{border-color:rgb(253 230 138/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-amber-200,.ced-daily-hub-root .border-amber-300{--tw-border-opacity:1!important}.ced-daily-hub-root .border-amber-300{border-color:rgb(252 211 77/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-amber-400{--tw-border-opacity:1!important;border-color:rgb(251 191 36/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-amber-900\/40{border-color:rgba(120,53,15,.4)!important}.ced-daily-hub-root .border-emerald-300{--tw-border-opacity:1!important;border-color:rgb(110 231 183/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-emerald-400{--tw-border-opacity:1!important;border-color:rgb(52 211 153/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-emerald-600{--tw-border-opacity:1!important;border-color:rgb(5 150 105/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-emerald-700\/60{border-color:rgba(4,120,87,.6)!important}.ced-daily-hub-root .border-slate-200{border-color:rgb(226 232 240/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-slate-200,.ced-daily-hub-root .border-slate-300{--tw-border-opacity:1!important}.ced-daily-hub-root .border-slate-300{border-color:rgb(203 213 225/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-slate-400{border-color:rgb(148 163 184/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .border-slate-400,.ced-daily-hub-root .border-slate-600{--tw-border-opacity:1!important}.ced-daily-hub-root .border-slate-600{border-color:rgb(71 85 105/var(--tw-border-opacity,1))!important}.ced-daily-hub-root .bg-\[\#faf8f5\]{background-color:rgb(250 248 245/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-\[\#faf8f5\],.ced-daily-hub-root .bg-amber-100{--tw-bg-opacity:1!important}.ced-daily-hub-root .bg-amber-100{background-color:rgb(254 243 199/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-amber-200\/80{background-color:hsla(48,97%,77%,.8)!important}.ced-daily-hub-root .bg-amber-400{background-color:rgb(251 191 36/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-amber-400,.ced-daily-hub-root .bg-amber-50{--tw-bg-opacity:1!important}.ced-daily-hub-root .bg-amber-50{background-color:rgb(255 251 235/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-emerald-100{background-color:rgb(209 250 229/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-emerald-100,.ced-daily-hub-root .bg-emerald-700{--tw-bg-opacity:1!important}.ced-daily-hub-root .bg-emerald-700{background-color:rgb(4 120 87/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-emerald-950\/80{background-color:rgba(2,44,34,.8)!important}.ced-daily-hub-root .bg-slate-400{background-color:rgb(148 163 184/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-slate-400,.ced-daily-hub-root .bg-slate-700{--tw-bg-opacity:1!important}.ced-daily-hub-root .bg-slate-700{background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-slate-900{--tw-bg-opacity:1!important;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .bg-slate-900\/90{background-color:rgba(15,23,42,.9)!important}.ced-daily-hub-root .bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .p-3\.5{padding:.875rem!important}.ced-daily-hub-root .p-4{padding:1rem!important}.ced-daily-hub-root .p-6{padding:1.5rem!important}.ced-daily-hub-root .px-2{padding-left:.5rem!important;padding-right:.5rem!important}.ced-daily-hub-root .px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.ced-daily-hub-root .px-3{padding-left:.75rem!important;padding-right:.75rem!important}.ced-daily-hub-root .px-3\.5{padding-left:.875rem!important;padding-right:.875rem!important}.ced-daily-hub-root .px-4{padding-left:1rem!important;padding-right:1rem!important}.ced-daily-hub-root .px-7{padding-left:1.75rem!important;padding-right:1.75rem!important}.ced-daily-hub-root .py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.ced-daily-hub-root .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ced-daily-hub-root .py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.ced-daily-hub-root .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ced-daily-hub-root .py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.ced-daily-hub-root .py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.ced-daily-hub-root .py-4{padding-top:1rem!important;padding-bottom:1rem!important}.ced-daily-hub-root .pb-2{padding-bottom:.5rem!important}.ced-daily-hub-root .pt-0\.5{padding-top:.125rem!important}.ced-daily-hub-root .pt-1{padding-top:.25rem!important}.ced-daily-hub-root .pt-2{padding-top:.5rem!important}.ced-daily-hub-root .text-center{text-align:center!important}.ced-daily-hub-root .text-2xl{font-size:1.5rem!important;line-height:2rem!important}.ced-daily-hub-root .text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.ced-daily-hub-root .text-\[11px\]{font-size:11px!important}.ced-daily-hub-root .text-base{font-size:1rem!important;line-height:1.5rem!important}.ced-daily-hub-root .text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.ced-daily-hub-root .text-sm{font-size:.875rem!important;line-height:1.25rem!important}.ced-daily-hub-root .text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.ced-daily-hub-root .text-xs{font-size:.75rem!important;line-height:1rem!important}.ced-daily-hub-root .font-bold{font-weight:700!important}.ced-daily-hub-root .font-extrabold{font-weight:800!important}.ced-daily-hub-root .font-medium{font-weight:500!important}.ced-daily-hub-root .font-semibold{font-weight:600!important}.ced-daily-hub-root .uppercase{text-transform:uppercase!important}.ced-daily-hub-root .italic{font-style:italic!important}.ced-daily-hub-root .leading-normal{line-height:1.5!important}.ced-daily-hub-root .leading-relaxed{line-height:1.625!important}.ced-daily-hub-root .leading-snug{line-height:1.375!important}.ced-daily-hub-root .tracking-tight{letter-spacing:-.025em!important}.ced-daily-hub-root .tracking-wider{letter-spacing:.05em!important}.ced-daily-hub-root .tracking-widest{letter-spacing:.1em!important}.ced-daily-hub-root .text-amber-500{color:rgb(245 158 11/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-amber-500,.ced-daily-hub-root .text-amber-900{--tw-text-opacity:1!important}.ced-daily-hub-root .text-amber-900{color:rgb(120 53 15/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-amber-950{color:rgb(69 26 3/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-amber-950,.ced-daily-hub-root .text-blue-900{--tw-text-opacity:1!important}.ced-daily-hub-root .text-blue-900{color:rgb(30 58 138/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-emerald-400{--tw-text-opacity:1!important;color:rgb(52 211 153/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-emerald-600{--tw-text-opacity:1!important;color:rgb(5 150 105/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-emerald-800{--tw-text-opacity:1!important;color:rgb(6 95 70/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-emerald-900{color:rgb(6 78 59/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-emerald-900,.ced-daily-hub-root .text-slate-100{--tw-text-opacity:1!important}.ced-daily-hub-root .text-slate-100{color:rgb(241 245 249/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-slate-300{color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-slate-300,.ced-daily-hub-root .text-slate-400{--tw-text-opacity:1!important}.ced-daily-hub-root .text-slate-400{color:rgb(148 163 184/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-slate-600{color:rgb(71 85 105/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-slate-600,.ced-daily-hub-root .text-slate-700{--tw-text-opacity:1!important}.ced-daily-hub-root .text-slate-700{color:rgb(51 65 85/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-slate-900{color:rgb(15 23 42/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-slate-900,.ced-daily-hub-root .text-slate-950{--tw-text-opacity:1!important}.ced-daily-hub-root .text-slate-950{color:rgb(2 6 23/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.ced-daily-hub-root .underline{text-decoration-line:underline!important}.ced-daily-hub-root .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important}.ced-daily-hub-root .shadow-2xl,.ced-daily-hub-root .shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ced-daily-hub-root .shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)!important}.ced-daily-hub-root .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.ced-daily-hub-root .shadow-lg,.ced-daily-hub-root .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ced-daily-hub-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.ced-daily-hub-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ced-daily-hub-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.ced-daily-hub-root .hover\:bg-amber-600:hover{--tw-bg-opacity:1!important;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .hover\:bg-emerald-600:hover{--tw-bg-opacity:1!important;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .hover\:bg-emerald-700:hover{--tw-bg-opacity:1!important;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .hover\:bg-emerald-800:hover{--tw-bg-opacity:1!important;background-color:rgb(6 95 70/var(--tw-bg-opacity,1))!important}.ced-daily-hub-root .hover\:text-emerald-700:hover{--tw-text-opacity:1!important;color:rgb(4 120 87/var(--tw-text-opacity,1))!important}@media (min-width:640px){.ced-daily-hub-root .sm\:flex-row{flex-direction:row!important}.ced-daily-hub-root .sm\:items-center{align-items:center!important}}@media (min-width:768px){.ced-daily-hub-root .md\:left-6{left:1.5rem!important}.ced-daily-hub-root .md\:right-6{right:1.5rem!important}.ced-daily-hub-root .md\:p-8{padding:2rem!important}.ced-daily-hub-root .md\:text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.ced-daily-hub-root .md\:text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.ced-daily-hub-root .md\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.ced-daily-hub-root .md\:text-xl{font-size:1.25rem!important;line-height:1.75rem!important}}

/* =========================================================
   CED Daily Literature & Q&A Hub - scoped shield & components
   Appended after the compiled Tailwind utilities.
   ========================================================= */

/* ---------- Scoped mini-preflight -------------------------------------
   Replaces Tailwind Preflight (disabled, so it cannot reset the theme).
   Applies only inside the hub.
   ------------------------------------------------------------------- */
.ced-daily-hub-root *,
.ced-daily-hub-root *::before,
.ced-daily-hub-root *::after {
  box-sizing: border-box !important;
  border-width: 0;
  border-style: solid;
}

.ced-daily-hub-root {
  width: 100% !important;
  max-width: 100% !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  line-height: 1.5 !important;
  color: #f8fafc !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.ced-daily-hub-root h2,
.ced-daily-hub-root h3,
.ced-daily-hub-root h4,
.ced-daily-hub-root p {
  margin: 0 !important;
}

.ced-daily-hub-root button {
  font-family: inherit !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.ced-daily-hub-root img {
  max-width: 100% !important;
  height: auto !important;
}

/* Suppress theme furniture the hub replaces. */
.ced-daily-hub-root #rank-math-toc,
.ced-daily-hub-root .rank-math-toc,
.ced-daily-hub-root .toc_container,
.ced-daily-hub-root #toc_container,
.ced-daily-hub-root .entry-title,
.ced-daily-hub-root .page-title {
  display: none !important;
}

/* ---------- Utility state classes ----------------------------------- */

/* Two-class specificity + !important so this always beats .ced-modal below. */
.ced-daily-hub-root .ced-is-hidden,
.ced-is-hidden {
  display: none !important;
}

.ced-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Honeypot: off-screen rather than display:none, which some bots skip. */
.ced-daily-hub-root .ced-hp {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.ced-daily-hub-root .no-scrollbar {
  scrollbar-width: none !important;
}
.ced-daily-hub-root .no-scrollbar::-webkit-scrollbar {
  display: none !important;
}

/* ---------- Theater shell ------------------------------------------- */

.ced-daily-hub-theater {
  background-color: #0f172a !important;
  background-image:
    radial-gradient(circle at 50% -10%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.05) 45%, transparent 75%),
    linear-gradient(to bottom, #0f172a, #020617) !important;
  border-radius: 24px !important;
  padding: 32px 16px !important;
  overflow: hidden !important;
}

@media (min-width: 768px) {
  .ced-daily-hub-theater {
    padding: 48px 32px !important;
  }
}

/* ---------- Carousel track ------------------------------------------
   Side padding is container-relative (100% = track width), not 50vw, so the
   active board centres correctly inside Blogsy's 800px content column.
   ------------------------------------------------------------------ */
.ced-daily-hub-root .scroll-track {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  padding: 20px max(16px, calc((100% - 760px) / 2)) 30px !important;
  -webkit-overflow-scrolling: touch !important;
}

.ced-daily-hub-root .scroll-track:focus-visible {
  outline: 2px solid #34d399 !important;
  outline-offset: 4px !important;
}

/* ---------- Boards ---------------------------------------------------
   aspect-ratio matches the source art (1024x682) so the photo never
   distorts, and the content surface is positioned against the board's real
   inner edges instead of percentage padding that resolved against width.
   ------------------------------------------------------------------ */
.ced-daily-hub-root .photorealistic-board {
  scroll-snap-align: center !important;
  flex: 0 0 min(88%, 760px) !important;
  width: min(88%, 760px) !important;
  position: relative !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8) !important;
}

/* Aspect-ratio floor, not a cap. A zero-width float whose percentage padding
   resolves against the board's width holds the board at the source art's
   1024x682 shape; when a card's content is taller than that, the board grows
   and the art stretches slightly. A hard aspect-ratio instead forced content
   into an inner scroller, which swallowed page scroll over the board. */
.ced-daily-hub-root .photorealistic-board::before {
  content: '' !important;
  display: block !important;
  float: left !important;
  width: 0 !important;
  padding-top: 66.6015625% !important; /* 682 / 1024 */
}

.ced-daily-hub-root .photorealistic-board::after {
  content: '' !important;
  display: table !important;
  clear: both !important;
}

.ced-daily-hub-root .photorealistic-whiteboard {
  background-image: url('../images/whiteboard_spotlight.jpg') !important;
}

.ced-daily-hub-root .photorealistic-corkboard {
  background-image: url('../images/corkboard_spotlight.jpg') !important;
}

/* Inset to the board's usable surface. Percentages on top/bottom resolve
   against the board's own height because the board is the containing block. */
/* Percentage padding resolves against WIDTH for every side, so the vertical
   values are the height insets converted through the aspect ratio:
   14% of height = 14 x 0.666 = 9.33% of width; 15% -> 10%. The previous build
   used 18%/8% as if they were height percentages, which is why content sat too
   low and spilled off the bottom of the board. */
.ced-daily-hub-root .whiteboard-inner-surface,
.ced-daily-hub-root .corkboard-inner-surface {
  position: relative !important;
  padding: 9.33% 7.5% 10% !important;
  display: flex !important;
  flex-direction: column !important;
}

.ced-daily-hub-root .whiteboard-inner-surface {
  justify-content: flex-start !important;
  gap: 6px !important;
}

.ced-daily-hub-root .corkboard-inner-surface {
  justify-content: flex-start !important;
  gap: 14px !important;
}

.ced-daily-hub-root .ced-empty-state {
  margin: auto 0 !important;
  text-align: center !important;
}

/* Long study titles should not push the takeaway box off the board.
   The clamp lives on an inner span, never on the flex item itself: a direct
   child of a flex container has its display blockified, which turns
   -webkit-box into flow-root and collapses the clamp to zero height. */
.ced-daily-hub-root .ced-clamp-3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Narrow screens: a board tall enough to hold the card would stretch the art
   far past recognisable (measured up to 178% at 360px), so below this width
   the photo covers and crops instead of distorting, and the type tightens to
   keep the board closer to its natural height. */
@media (max-width: 860px) {
  .ced-daily-hub-root .photorealistic-board {
    background-size: cover !important;
  }

  .ced-daily-hub-root .whiteboard-inner-surface,
  .ced-daily-hub-root .corkboard-inner-surface {
    padding: 7.5% 6% 8% !important;
  }

  .ced-daily-hub-root .ced-takeaway {
    padding: 10px 12px !important;
  }

  .ced-daily-hub-root .cork-paper-question {
    padding: 12px 14px !important;
  }

  .ced-daily-hub-root .cork-paper-answer {
    padding: 14px 16px !important;
  }

  /* Cropping lands on the whiteboard's vignetted centre, which is too dark to
     sit body copy on. Lift it with a white wash over the same photo. */
  .ced-daily-hub-root .photorealistic-whiteboard {
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.58)),
      url('../images/whiteboard_spotlight.jpg') !important;
  }

  /* At this width the board fills nearly the whole track, so the arrows sit on
     top of the card text. Touch users swipe, and the track stays keyboard
     scrollable via tabindex, so the overlay controls come out. */
  .ced-daily-hub-root .ced-nav-arrow {
    display: none !important;
  }
}

/* ---------- Nav arrows ----------------------------------------------- */

.ced-daily-hub-root .ced-nav-arrow {
  line-height: 1 !important;
  padding: 0 !important;
  transition: background-color 0.15s ease !important;
}

.ced-daily-hub-root .ced-nav-arrow:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 2px !important;
}

/* ---------- Corkboard papers ----------------------------------------- */

.ced-daily-hub-root .cork-paper-question {
  background-color: #fef3c7 !important;
  color: #0f172a !important;
  border: 1px solid #fde68a !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  position: relative !important;
  flex: 0 0 auto !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
}

.ced-daily-hub-root .cork-paper-answer {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  position: relative !important;
  flex: 0 0 auto !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
}

.ced-daily-hub-root .pushpin-red,
.ced-daily-hub-root .pushpin-blue {
  position: absolute !important;
  top: -9px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.6) !important;
  z-index: 20 !important;
}

.ced-daily-hub-root .pushpin-red {
  background: radial-gradient(circle at 35% 35%, #ef4444, #7f1d1d) !important;
}

.ced-daily-hub-root .pushpin-blue {
  background: radial-gradient(circle at 35% 35%, #3b82f6, #1e3a8a) !important;
}

.ced-daily-hub-root .ced-avatar {
  flex: 0 0 auto !important;
}

/* ---------- Clipboard form ------------------------------------------- */

.ced-daily-hub-root .ced-clipboard {
  padding-top: 34px !important;
}

.ced-daily-hub-root #ced-name-wrapper.ced-name-disabled {
  opacity: 0.4 !important;
  pointer-events: none !important;
}

.ced-daily-hub-root .ced-form-error {
  color: #b91c1c !important;
  background-color: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.ced-daily-hub-root textarea,
.ced-daily-hub-root input[type="text"] {
  font-family: inherit !important;
  max-width: 100% !important;
}

/* ---------- Modals ---------------------------------------------------
   Single-class selector, so .ced-is-hidden (two classes + !important) always
   wins. The previous build set display:flex !important unconditionally,
   which left the confirmation modal open over the page on every load.
   ------------------------------------------------------------------ */
.ced-daily-hub-root .ced-modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(2, 6, 23, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}

/* Hidden must out-specify .ced-modal above: same (0,2,0) weight would other-
   wise tie and lose on source order, which is exactly how the previous build
   left this modal permanently open. Three classes settles it. */
.ced-daily-hub-root .ced-modal.ced-is-hidden {
  display: none !important;
}

/* Use dynamic viewport height where supported (mobile browser chrome). */
@supports (height: 100dvh) {
  .ced-daily-hub-root .ced-modal {
    height: 100dvh !important;
  }
}

.ced-daily-hub-root .modal-card {
  position: relative !important;
  max-width: 520px !important;
  width: 100% !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
  background-color: #fffbeb !important;
  border: 4px solid #92400e !important;
  border-radius: 20px !important;
  padding: 28px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75) !important;
  color: #0f172a !important;
  text-align: center !important;
}

.ced-daily-hub-root .ced-modal-card--wide {
  max-width: 720px !important;
  text-align: left !important;
}

.ced-daily-hub-root .ced-modal-close {
  position: absolute !important;
  top: 10px !important;
  right: 14px !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  color: #92400e !important;
  padding: 4px 8px !important;
}

.ced-daily-hub-root .ced-modal-kicker {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #064e3b !important;
  background-color: #d1fae5 !important;
  border: 1px solid #6ee7b7 !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  margin-bottom: 10px !important;
}

.ced-daily-hub-root .ced-modal-body {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #1e293b !important;
}

.ced-daily-hub-root .ced-modal-body p {
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #1e293b !important;
}

.ced-daily-hub-root .ced-modal-body ul,
.ced-daily-hub-root .ced-modal-body ol {
  margin: 0 0 12px 20px !important;
  padding-left: 16px !important;
  list-style: revert !important;
}

.ced-daily-hub-root .ced-modal-body li {
  margin-bottom: 6px !important;
}

.ced-daily-hub-root .ced-modal-link {
  display: inline-block !important;
  margin-top: 6px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #047857 !important;
  text-decoration: underline !important;
}

/* The deep payload is a data carrier, never rendered in place. */
.ced-daily-hub-root .ced-deep-payload {
  display: none !important;
}

/* ---------- Motion preferences --------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .ced-daily-hub-root .scroll-track {
    scroll-behavior: auto !important;
  }
  .ced-daily-hub-root .ced-nav-arrow {
    transition: none !important;
  }
}