
:root{
  --rar-navy:#15162B;
  --rar-pink:#E93F5E;
  --rar-lime:#B8E63A;
  --rar-purple:#5C4AC7;
  --rar-bg:#F5F6FA;
  --rar-border:#E3E5EC;
  --rar-text:#555A68;
}
.rar-riddle-card{background:#fff;border:1px solid var(--rar-border);border-radius:20px;padding:28px;box-shadow:0 12px 32px rgba(21,22,43,.08)}
.rar-riddle-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.rar-riddle-date,.rar-archive-date{font-size:13px;font-weight:800;color:#6A6F7D}
.rar-difficulty{display:inline-flex;padding:6px 10px;border-radius:999px;background:#F0EEFD;color:var(--rar-purple);font-size:12px;font-weight:900}
.rar-question{color:var(--rar-navy);font-size:22px;font-weight:900;line-height:1.45}
.rar-question p{margin:0 0 16px}
.rar-answer-toggle{margin-top:20px;border-top:1px solid var(--rar-border);padding-top:18px}
.rar-answer-toggle summary{display:inline-flex;cursor:pointer;list-style:none;padding:12px 20px;border-radius:999px;background:var(--rar-pink);color:#fff;font-weight:900}
.rar-answer-toggle summary::-webkit-details-marker{display:none}
.rar-answer-body,.rar-answer-visible{margin-top:20px;padding:20px;background:var(--rar-bg);border-radius:16px;color:var(--rar-text)}
.rar-answer p,.rar-explanation p{margin:8px 0 0}
.rar-explanation{margin-top:16px}
.rar-text-link{display:inline-block;margin-top:18px;color:var(--rar-pink);font-weight:900;text-decoration:none}
.rar-random-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;background:var(--rar-lime);color:var(--rar-navy);text-decoration:none;font-weight:900}
.rar-archive-form{display:grid;grid-template-columns:150px 180px minmax(220px,1fr) auto;gap:12px;align-items:end;margin-bottom:22px}
.rar-field label{display:block;margin-bottom:7px;color:var(--rar-navy);font-size:12px;font-weight:900}
.rar-field input,.rar-field select{width:100%;min-height:46px;border:1px solid var(--rar-border);border-radius:12px;padding:10px 12px;background:#fff}
.rar-archive-form button{min-height:46px;border:0;border-radius:12px;padding:0 18px;background:var(--rar-pink);color:#fff;font-weight:900;cursor:pointer}
.rar-archive-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rar-archive-card{background:#fff;border:1px solid var(--rar-border);border-radius:18px;padding:22px}
.rar-archive-card h3{margin:10px 0 14px;color:var(--rar-navy);font-size:18px;line-height:1.4}
.rar-archive-card a{display:block;margin-top:16px;color:var(--rar-pink);font-weight:900;text-decoration:none}
.rar-empty{grid-column:1/-1;padding:22px;border-radius:16px;background:var(--rar-bg);color:#656A78}
.rar-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:#737887}
.rar-breadcrumbs a{color:var(--rar-pink);font-weight:800;text-decoration:none}
.rar-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;border:1px solid var(--rar-border);border-radius:18px;background:#fff}
.rar-prev-next span{display:block;margin-bottom:7px;color:#767B88;font-size:11px;font-weight:900;text-transform:uppercase}
.rar-prev-next a{color:var(--rar-navy);font-weight:900;text-decoration:none}
.rar-next{text-align:right}
@media(max-width:900px){
  .rar-archive-form{grid-template-columns:1fr 1fr}
  .rar-field-search{grid-column:1/-1}
  .rar-archive-results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .rar-riddle-card{padding:20px}
  .rar-question{font-size:19px}
  .rar-archive-form{grid-template-columns:1fr}
  .rar-field-search{grid-column:auto}
  .rar-archive-results{grid-template-columns:1fr}
  .rar-prev-next{grid-template-columns:1fr}
  .rar-next{text-align:left}
}





/* v2.3 — simple inline NEXT RIDDLE IN countdown */
.ra-next-riddle-countdown{
  display:flex;
  align-items:center;
  gap:9px;
  width:auto;
  max-width:100%;
  margin:0;
  padding:0;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#777b8e;
  font-family:'Nunito Sans',sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ra-next-riddle-dot{
  display:inline-block;
  width:9px;
  height:9px;
  min-width:9px;
  border-radius:50%;
  background:#b6de3b;
  box-shadow:0 0 0 6px rgba(182,222,59,.18);
}

.ra-next-riddle-label{
  color:#777b8e;
  font:inherit;
  white-space:nowrap;
}

.ra-next-riddle-time{
  color:#e93f5e;
  font:inherit;
  letter-spacing:.04em;
  white-space:nowrap;
}

@media(max-width:620px){
  .ra-next-riddle-countdown{
    gap:8px;
    font-size:11px;
  }
}


/* v2.4 — countdown is built into Today's Riddle */
.rar-today-riddle-card .ra-next-riddle-countdown{
  margin:2px 0 20px;
}


/* v2.5 — transparent Today's Riddle block */
.rar-today-riddle-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

/* Keep the answer divider subtle on a transparent card */
.rar-today-riddle-card .rar-answer-toggle{
  border-top:1px solid rgba(21,22,43,.10);
}

/* Smooth reveal area */
.rar-smooth-answer .rar-answer-body{
  overflow:hidden;
  max-height:0;
  opacity:0;
  margin-top:0;
  padding-top:0;
  padding-bottom:0;
  transition:
    max-height .42s ease,
    opacity .28s ease,
    margin-top .32s ease,
    padding-top .32s ease,
    padding-bottom .32s ease;
}

.rar-smooth-answer[open] .rar-answer-body{
  opacity:1;
  margin-top:20px;
  padding-top:20px;
  padding-bottom:20px;
}

/* Smooth button state */
.rar-smooth-answer summary{
  transition:
    background-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

.rar-smooth-answer summary:hover{
  transform:translateY(-1px);
}

.rar-smooth-answer[open] summary{
  background:#15162B;
}


/* v2.6 — reliable animated reveal for Today's Riddle */
.rar-today-riddle-card .rar-answer-reveal{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(21,22,43,.10);
}

.rar-answer-toggle-button{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border:0;
  outline:0;
  padding:12px 20px;
  border-radius:999px;
  background:#e93f5e;
  color:#fff;
  font-family:'Nunito Sans',sans-serif;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  transition:none;
}


.rar-answer-panel{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
  transition:
    max-height .5s cubic-bezier(.4,0,.2,1),
    opacity .3s ease,
    transform .36s ease;
}

.rar-answer-panel.is-open{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.rar-answer-panel-inner{
  margin-top:18px;
  padding:20px;
  border-radius:16px;
  background:#f5f6fa;
  color:#555a68;
}


/* v2.7 — keep Show/Hide Answer button appearance unchanged */
.rar-answer-toggle-button,
.rar-answer-toggle-button:hover,
.rar-answer-toggle-button:focus,
.rar-answer-toggle-button:active,
.rar-answer-toggle-button[aria-expanded="true"]{
  background:#e93f5e !important;
  color:#ffffff !important;
  transform:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:999px !important;
}


/* v2.8 — automatic Daily Riddle single-page output */
.rar-auto-single{
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:10px 20px 60px;
}

.rar-auto-single-breadcrumbs{
  margin:0 0 22px;
}

.rar-auto-single-editor-content{
  margin:0 0 28px;
}

.rar-auto-single-riddle .rar-riddle-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

.rar-auto-single-riddle .rar-answer-visible{
  margin-top:22px;
}

.rar-auto-single-navigation{
  margin-top:34px;
}

.rar-auto-single-back{
  margin-top:24px;
}

.rar-auto-single-back a{
  color:#e93f5e;
  font-family:'Nunito Sans',sans-serif;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:620px){
  .rar-auto-single{
    padding-left:16px;
    padding-right:16px;
    padding-bottom:42px;
  }
}


/* v3.0 — single /archives/ page with all past Daily Riddles */
.rar-full-archive{
  width:100%;
}

.rar-archive-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.rar-archive-riddle{
  background:#ffffff;
  border:1px solid #e7e9ef;
  border-radius:18px;
  padding:24px 26px;
  box-shadow:0 8px 24px rgba(21,22,43,.045);
}

.rar-archive-riddle-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.rar-archive-question{
  color:#15162B;
  font-family:'Nunito Sans',sans-serif;
  font-size:20px;
  font-weight:900;
  line-height:1.45;
}

.rar-archive-question p{
  margin:0;
}

.rar-archive-riddle .rar-answer-reveal{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(21,22,43,.08);
}

.rar-archive-riddle .rar-answer-panel-inner{
  margin-top:16px;
}

.rar-archive-reset{
  display:flex;
  min-height:46px;
  align-items:center;
  color:#e93f5e;
  font-family:'Nunito Sans',sans-serif;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.rar-random-archive-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:20px;
  color:#15162B;
  font-family:'Nunito Sans',sans-serif;
}

.rar-random-archive-heading strong{
  font-size:18px;
}

.rar-random-archive-heading a{
  color:#e93f5e;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:620px){
  .rar-archive-riddle{
    padding:20px;
  }

  .rar-archive-question{
    font-size:18px;
  }
}


/* v3.1 AJAX archive + 2 riddles per row */
.rar-archive-form{
  grid-template-columns:150px 180px minmax(240px,1fr) auto auto !important;
}

.rar-archive-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:start;
}

.rar-archive-riddle{
  min-width:0;
}

.rar-archive-status{
  min-height:20px;
  margin:0 0 14px;
  color:#777b8e;
  font-family:'Nunito Sans',sans-serif;
  font-size:13px;
  font-weight:800;
}

.rar-full-archive .rar-archive-list{
  transition:opacity .2s ease;
}

.rar-full-archive.is-loading .rar-archive-list{
  opacity:.42;
  pointer-events:none;
}

.rar-archive-reset-button{
  appearance:none;
  -webkit-appearance:none;
  min-height:46px;
  border:0;
  background:transparent;
  padding:0 8px;
  color:#e93f5e;
  font-family:'Nunito Sans',sans-serif;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.rar-archive-reset-button[hidden]{
  display:none !important;
}

@media(max-width:1000px){
  .rar-archive-form{
    grid-template-columns:1fr 1fr !important;
  }

  .rar-field-search{
    grid-column:1/-1;
  }
}

@media(max-width:767px){
  .rar-archive-list{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:620px){
  .rar-archive-form{
    grid-template-columns:1fr !important;
  }

  .rar-field-search{
    grid-column:auto;
  }
}
