/* CurioMondo v273 — Domanda del giorno: tela editoriale e navigazione premium. */
:root{
  --dq-blue:#1769df;
  --dq-blue-bright:#4ca4ff;
  --dq-navy:#071d38;
  --dq-ink:#102d49;
  --dq-muted:#5d748a;
  --dq-line:rgba(23,105,223,.15);
}

body.cm-daily-page{
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(900px 520px at 88% -4%,rgba(67,151,255,.18),transparent 64%),
    radial-gradient(760px 470px at -8% 42%,rgba(23,105,223,.09),transparent 68%),
    linear-gradient(180deg,#ffffff 0%,#f5f9ff 42%,#edf5ff 72%,#fbfdff 100%)!important;
  color:var(--dq-ink)!important;
}

body.cm-daily-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(23,105,223,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,105,223,.055) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}

.cm-q-masthead{
  position:sticky;
  top:0;
  z-index:50;
  padding:11px 0;
  border-bottom:1px solid rgba(23,105,223,.11);
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 38px rgba(7,42,82,.055);
  backdrop-filter:blur(20px) saturate(1.35);
  -webkit-backdrop-filter:blur(20px) saturate(1.35);
}

.cm-q-masthead-inner{
  width:min(1040px,calc(100% - 28px));
  min-height:52px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
}

.cm-q-back,.cm-q-archive{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  color:var(--dq-navy);
  text-decoration:none;
  font:800 .82rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.cm-q-back{
  justify-self:start;
  gap:10px;
  padding:5px 15px 5px 6px;
  border:1px solid var(--dq-line);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 25px rgba(10,57,111,.08),inset 0 1px 0 #fff;
}

.cm-q-back-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,var(--dq-navy),#0d4b88);
  color:#fff;
  box-shadow:0 7px 18px rgba(7,43,82,.23);
}

.cm-q-back-icon svg,.cm-q-archive svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cm-q-masthead-brand{
  justify-self:center;
  color:var(--dq-navy);
  text-decoration:none;
  font:800 1.46rem/.95 Georgia,"Times New Roman",serif;
  letter-spacing:-.065em;
}

.cm-q-masthead-brand span{color:var(--dq-blue)}

.cm-q-archive{
  justify-self:end;
  gap:8px;
  padding:0 4px 0 14px;
  color:#385b7c;
}

.cm-q-archive svg{width:16px;height:16px;color:var(--dq-blue)}

.cm-q-back:hover,.cm-q-back:focus-visible{
  transform:translateX(-3px);
  border-color:rgba(23,105,223,.34);
  box-shadow:0 14px 32px rgba(10,57,111,.13),inset 0 1px 0 #fff;
}

.cm-q-archive:hover,.cm-q-archive:focus-visible{transform:translateX(2px);color:var(--dq-blue)}

.cm-q-back:focus-visible,.cm-q-archive:focus-visible,.cm-q-masthead-brand:focus-visible,.cm-daily-book-link:focus-visible{
  outline:3px solid #83baff;
  outline-offset:3px;
}

.cm-q-page{position:relative;width:min(1120px,calc(100% - 32px));margin:auto;padding:18px 0 12px}

.cm-q-page .cm-q-hero{
  margin-top:16px!important;
  border-color:rgba(23,105,223,.15)!important;
  background:
    radial-gradient(520px 280px at 98% 0,rgba(87,167,255,.17),transparent 68%),
    linear-gradient(145deg,rgba(255,255,255,.99),rgba(239,247,255,.97))!important;
  box-shadow:0 34px 95px rgba(7,52,103,.13),inset 0 1px 0 #fff!important;
}

.cm-q-page .cm-q-hero::before{color:rgba(23,105,223,.042)!important}
.cm-q-page .cm-q-hero::after{background:linear-gradient(180deg,#75bdff 0%,var(--dq-blue) 46%,var(--dq-navy) 100%)}

.cm-q-page .cm-q-topline{position:relative;z-index:1}
.cm-q-page .cm-q-eyebrow{position:relative;z-index:1}
.cm-q-page .cm-q-hero h1{position:relative;z-index:1}
.cm-q-page .cm-q-meta{position:relative;z-index:1}

.cm-q-page .cm-daily-flow{
  box-shadow:0 30px 88px rgba(8,49,94,.105),inset 0 1px 0 #fff!important;
}

.cm-daily-book-link{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:2.8rem -14px 0;
  min-height:92px;
  padding:19px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(117,189,255,.26);
  border-radius:23px;
  background:linear-gradient(135deg,var(--dq-navy),#0a3768);
  box-shadow:0 22px 55px rgba(4,31,60,.2);
  color:#fff!important;
  text-decoration:none;
}

.cm-daily-book-link::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:230px;
  height:230px;
  right:-115px;
  top:-150px;
  border:1px solid rgba(116,189,255,.28);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(62,143,231,.055),0 0 0 72px rgba(62,143,231,.035);
}

.cm-daily-book-link small{
  display:block;
  margin-bottom:7px;
  color:#8fc6ff;
  font:850 .66rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.cm-daily-book-link strong{font:700 clamp(1.05rem,2.5vw,1.25rem)/1.3 Georgia,"Times New Roman",serif}

.cm-daily-book-arrow{
  flex:none;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:rgba(255,255,255,.09);
  color:#fff;
  font:400 1.4rem/1 Arial,sans-serif;
  transition:transform .2s ease,background .2s ease;
}

.cm-daily-book-link:hover .cm-daily-book-arrow{transform:translateX(4px);background:rgba(255,255,255,.15)}

.cm-q-footer{
  width:min(840px,calc(100% - 32px));
  margin:0 auto;
  padding:14px 0 34px;
  display:flex;
  justify-content:center;
  gap:22px;
  border-top:1px solid rgba(23,105,223,.11);
  font:700 .79rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.cm-q-footer a{color:#56718b;text-decoration:none}.cm-q-footer a:hover{color:var(--dq-blue)}

html.cm-dark body.cm-daily-page{
  background:
    radial-gradient(900px 520px at 88% -4%,rgba(42,123,225,.2),transparent 64%),
    radial-gradient(760px 470px at -8% 42%,rgba(54,142,245,.11),transparent 68%),
    linear-gradient(180deg,#06152a 0%,#071e39 55%,#06162d 100%)!important;
}
html.cm-dark body.cm-daily-page::before{opacity:.14}
html.cm-dark .cm-q-masthead{background:rgba(5,19,39,.82);border-color:rgba(132,190,255,.13)}
html.cm-dark .cm-q-back{background:rgba(10,37,67,.9);border-color:rgba(132,190,255,.16);color:#eff6ff;box-shadow:0 12px 30px rgba(0,0,0,.17)}
html.cm-dark .cm-q-masthead-brand{color:#f4f8ff}
html.cm-dark .cm-q-archive{color:#b6cae0}
html.cm-dark .cm-q-page .cm-q-hero{background:radial-gradient(520px 280px at 98% 0,rgba(71,151,241,.18),transparent 68%),linear-gradient(145deg,#0a2138,#0b2b4c)!important}

@media(max-width:700px){
  body.cm-daily-page::before{background-size:52px 52px}
  .cm-q-masthead{padding:8px 0}
  .cm-q-masthead-inner{width:calc(100% - 20px);grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}
  .cm-q-back{width:46px;height:46px;padding:5px;border-radius:50%}
  .cm-q-back-icon{width:34px;height:34px}
  .cm-q-back-label,.cm-q-archive-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cm-q-masthead-brand{font-size:1.32rem}
  .cm-q-archive{width:46px;height:46px;justify-content:center;padding:0;border:1px solid var(--dq-line);border-radius:50%;background:rgba(255,255,255,.75)}
  html.cm-dark .cm-q-archive{background:rgba(10,37,67,.9);border-color:rgba(132,190,255,.16)}
  .cm-q-page{width:calc(100% - 24px);padding-top:8px}
  .cm-q-page .cm-q-hero{margin-top:8px!important}
  .cm-daily-book-link{margin:2.35rem -5px 0;padding:18px 17px;border-radius:20px}
  .cm-daily-book-arrow{width:42px;height:42px}
  .cm-q-footer{width:calc(100% - 32px);padding-bottom:26px}
}

@media(prefers-reduced-motion:reduce){
  .cm-q-back,.cm-q-archive,.cm-daily-book-arrow{transition:none}
}

/* v274 — preferenza proprietario: azzurri luminosi, navy solo per il testo. */
body.cm-daily-page{
  background:
    radial-gradient(900px 520px at 88% -4%,rgba(89,198,255,.22),transparent 64%),
    radial-gradient(760px 470px at -8% 42%,rgba(56,169,235,.12),transparent 68%),
    linear-gradient(180deg,#ffffff 0%,#f0faff 47%,#e3f6ff 76%,#fbfdff 100%)!important;
}
.cm-q-back-icon{background:linear-gradient(145deg,#45b7ee,#168bd2);box-shadow:0 7px 18px rgba(21,139,205,.22)}
.cm-q-page .cm-q-hero{
  border-color:rgba(46,161,226,.2)!important;
  background:radial-gradient(520px 280px at 98% 0,rgba(103,207,255,.25),transparent 68%),linear-gradient(145deg,#fff,#e9f8ff)!important;
  box-shadow:0 30px 82px rgba(30,139,202,.13),inset 0 1px 0 #fff!important;
}
.cm-q-page .cm-q-hero::after{background:linear-gradient(180deg,#92ddff 0%,#38aae9 46%,#1786cc 100%)}
.cm-q-badge{background:linear-gradient(135deg,#40b4ee,#198bd3)!important;box-shadow:0 10px 25px rgba(29,145,211,.2)!important}
.cm-daily-flow>p.cm-daily-question{
  border-color:rgba(255,255,255,.34)!important;
  background:radial-gradient(460px 220px at 100% 0,rgba(140,222,255,.3),transparent 62%),linear-gradient(145deg,#1594d8,#48b8ec)!important;
  box-shadow:0 22px 52px rgba(24,139,201,.2)!important;
}
.cm-daily-question:after{color:#e9f9ff!important}
.cm-daily-book-link{
  border-color:rgba(255,255,255,.42);
  background:linear-gradient(135deg,#158ed1,#45b9ed);
  box-shadow:0 22px 52px rgba(24,139,201,.2);
}
.cm-daily-book-link small{color:#e7f8ff}
.cm-daily-book-link::before{border-color:rgba(255,255,255,.26);box-shadow:0 0 0 34px rgba(255,255,255,.055),0 0 0 72px rgba(255,255,255,.035)}