/* AI search readiness study page (resources/views/studies/show.php). Uses the design tokens of site.css. */
.sstudy-head { display: grid; gap: 22px; }
.skey { padding: 26px; display: grid; gap: 18px; border-color: var(--border-strong); }
.skey h2 { font-size: 22px; }
.skey ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; counter-reset: skey; }
.skey li { counter-increment: skey; display: grid; gap: 4px; padding-left: 44px; position: relative; }
.skey li::before { content: counter(skey); position: absolute; left: 0; top: 2px; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font: 500 13px/1 var(--mono); color: var(--bg); background: var(--good); }
.skey__t { font-size: 17px; line-height: 1.55; color: var(--text); }
.skey__src { font: 400 12px/1.5 var(--mono); color: var(--faint); }
.sfocus { padding: 22px 24px; display: grid; gap: 10px; background: var(--surface-2); }
.sfocus h3 { font-size: 17px; }
.sfocus p { color: #C9D0CD; font-size: 16px; line-height: 1.65; }
.schart { margin: 8px 0 0; display: grid; gap: 14px; padding: 22px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.schart figcaption { font: 500 13px/1.4 var(--mono); letter-spacing: .04em; color: var(--muted); }
.sbar { width: 100%; max-width: 500px; height: auto; display: block; }
.sbar__label { font: 400 15px var(--font); fill: #C9D0CD; }
.sbar__value { font: 500 13px var(--mono); fill: var(--text); }
.sbar__track { fill: var(--border); }
.sbar__fill { fill: var(--good); }
.sbar__fill--search { fill: #7CC4FA; }
.sbar__fill--user { fill: var(--warn); }
.schart__data summary { cursor: pointer; font: 400 13px/1.4 var(--mono); color: var(--muted); }
.schart__data[open] summary { margin-bottom: 12px; }
.slegend { display: flex; flex-wrap: wrap; gap: 6px 18px; font: 400 12px/1.4 var(--mono); color: var(--muted); }
.slegend span::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; background: var(--good); }
.slegend .is-search::before { background: #7CC4FA; }
.slegend .is-user::before { background: var(--warn); }
.smethod { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.smethod li::marker { content: none; }
.smethod strong { color: var(--text); }
.scite { padding: 22px 24px; display: grid; gap: 12px; }
.scite__text { font-size: 16px; line-height: 1.65; color: #C9D0CD; user-select: all; }
.scite__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.sdl { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
@media (max-width: 520px) { .skey { padding: 20px; } .schart { padding: 16px; } }