/* Keep every primary action in the same coral treatment as the opening CTA. */
.primary{border:3px solid #fff7e9;background:#ed6248;box-shadow:0 0 0 2px #bc4937,0 10px 18px #9e493544;color:#fff}
.review-card .primary{background:#ed6248;color:#fff}

/* Planning tools are actions, not plain-text links. */
.quiz-tools{align-items:center;gap:8px}
.tools-toggle,.tools-menu .text-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:9px 14px;
  background:var(--paper);
  color:var(--ink);
  box-shadow:0 1px 0 #fff8;
  font-size:.84rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
}
.tools-toggle{gap:8px;cursor:pointer}
.tools-toggle{display:none}
.tools-toggle-icon,.tools-toggle-icon::before,.tools-toggle-icon::after{display:block;width:17px;height:2px;border-radius:2px;background:currentColor;content:""}
.tools-toggle-icon{position:relative}
.tools-toggle-icon::before{position:absolute;top:-5px}
.tools-toggle-icon::after{position:absolute;top:5px}
.tools-menu{display:flex;align-items:center;gap:8px}
.tools-menu .text-button{border-bottom:1px solid var(--line);cursor:pointer}
.tools-toggle:hover,.tools-menu .text-button:hover,.tools-toggle:focus-visible,.tools-menu .text-button:focus-visible{border-color:var(--moss);background:#f1f6f0;outline:none;box-shadow:0 0 0 3px #dbece0}
.tools-menu [data-open-professional]{border-color:var(--ink);background:var(--ink);color:#fff}
.tools-menu [data-open-professional]:hover,.tools-menu [data-open-professional]:focus-visible{border-color:var(--ink);background:#294637;box-shadow:0 0 0 3px #dbece0}
.close{display:grid;place-items:center;width:44px;height:44px;padding:0;line-height:1}
.dialog-confirmation h3{font-size:clamp(1.8rem,7vw,2.4rem);line-height:1;letter-spacing:-.055em}
.dialog-confirmation p:not(.eyebrow){max-width:390px;color:var(--muted);line-height:1.5}
.dialog-confirmation .primary{margin-top:8px}
@media(max-width:420px){
  .tools-toggle{min-width:44px;min-height:44px;justify-content:center;padding:9px 12px}
  dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
  dialog section{padding:26px 20px 16px}
  .close{right:8px;top:5px}
  .dialog-form{gap:10px}
  .dialog-form .primary{margin:8px 0 16px}
}

/* The desktop action row becomes a proper, contained menu on phones. */
@media(max-width:760px){
  .quiz-tools{position:relative;margin-left:auto}
  .tools-toggle{display:inline-flex}
  .tools-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:10;display:none;width:190px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 14px 30px #17231e22}
  .quiz-tools.is-open .tools-menu{display:grid;gap:8px}
  .tools-menu .text-button{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--paper);text-align:left;justify-content:flex-start;font-size:.86rem}
  .tools-menu .text-button:hover,.tools-menu .text-button:focus-visible{background:var(--sage)}
  .tools-menu [data-open-professional]{border-color:var(--ink);background:var(--ink);color:#fff}
}
