/* SOUL Scent Studio (2026-11-03): additions to color-studio.css for /perfume-quiz/ and its family pages. */
body.t-color .sq-hint { font-size: .85rem; color: var(--muted); }
body.t-color .cq-opt input[type="checkbox"] { border-radius: 6px; }
body.t-color .cq-opt input[type="checkbox"]::before { border-radius: 3px; }
body.t-color .cq-opt:has(input:disabled) { opacity: .45; cursor: not-allowed; }
body.t-color .sq-res { gap: .7rem; }
body.t-color .sq-lookfor { margin: 0; color: var(--ink); line-height: 1.6; max-width: 60ch; }
body.t-color .sq-h { margin: .9rem 0 .1rem; font-family: var(--f-d); font-weight: 400; font-size: 1.35rem; color: var(--ink); }
body.t-color .sq-roles { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; width: 100%; }
body.t-color .sq-role { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: .1rem .9rem; align-items: baseline; padding: .65rem 1rem; border-radius: 1.2rem; background: rgba(255,255,255,.62); border: 1.5px solid var(--s-rim); }
body.t-color .sq-rl { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
body.t-color .sq-role a { font-family: var(--f-d); font-size: 1.2rem; color: var(--ink); }
body.t-color .sq-rw { grid-column: 2; font-size: .9rem; color: var(--muted); }
body.t-color .sq-tips { margin: 0; padding-left: 1.2rem; display: grid; gap: .35rem; color: var(--ink-2); line-height: 1.55; max-width: 62ch; }
body.t-color .sq-notes-line { font-size: .85rem; color: var(--muted); line-height: 1.5; }
body.t-color .sq-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
body.t-color .sq-fine { margin-top: 1rem; max-width: 70ch; }
body.t-color .sq-kit { grid-template-columns: 1fr; }
body.t-color .sq-article .cs-block { margin-bottom: 1.6rem; }
body.t-color .sq-notes { display: grid; gap: .55rem; }
body.t-color .sq-notes li { line-height: 1.6; }
body.t-color .sq-table th { width: 9rem; text-align: left; vertical-align: top; }
body.t-color .sq-table td { line-height: 1.55; }
body.t-color .sq-quizcta { padding: 1.4rem 1.6rem; border-radius: 1.8rem; background: var(--accent-soft); }
body.t-color .sq-quizcta p { margin: 0 0 .7rem; }
body.t-color .sq-article .ed-fit { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
body.t-color .sq-article .ed-fit > .glass { padding: 1.2rem 1.4rem; border-radius: 1.6rem; }
body.t-color .sq-article .ed-fit p { margin: .3rem 0 0; line-height: 1.6; }
@media (max-width: 560px) {
  body.t-color .sq-role { grid-template-columns: 1fr; }
  body.t-color .sq-rw { grid-column: 1; }
}