/* Shared reading cues: category icons, not a second card/design system. */
:root {
  --guide-search:var(--icon-search);
  --guide-content:var(--icon-smartphone);
  --guide-target:var(--icon-target);
  --guide-people:var(--icon-users);
  --guide-trust:var(--icon-star);
  --guide-web:var(--icon-panels-top-left);
}
.ls-related article:has(a[href='/services/local-search-seo/']) { --guide-icon:var(--guide-search); }
.ls-related article:has(a[href='/services/social-media-content/']) { --guide-icon:var(--guide-content); }
.ls-related article:has(a[href='/services/paid-media/']) { --guide-icon:var(--guide-target); }
.ls-related article:has(a[href='/services/influencer-marketing/']) { --guide-icon:var(--guide-people); }
.ls-related article:has(a[href='/services/reputation-management/']) { --guide-icon:var(--guide-trust); }
.ls-related article:has(a[href='/services/web-design/']),.ls-related article:has(a[href='/services/branding-creative/']) { --guide-icon:var(--guide-web); }
.ls-management article:nth-child(1) { --guide-icon:var(--guide-search); }
.ls-management article:nth-child(2) { --guide-icon:var(--guide-content); }
.ls-management article:nth-child(3) { --guide-icon:var(--guide-people); }
.ls-management article:nth-child(4) { --guide-icon:var(--guide-target); }
.paid-media-page .ls-management article:nth-child(1) { --guide-icon:var(--guide-search); }
.paid-media-page .ls-management article:nth-child(2) { --guide-icon:var(--guide-people); }
.influencer-page .ls-management article:nth-child(2) { --guide-icon:var(--guide-people); }
.local-search-page:not(.social-content-page):not(.influencer-page):not(.paid-media-page) .ls-management article:nth-child(2) { --guide-icon:var(--guide-search); }
.local-search-page:not(.social-content-page):not(.influencer-page):not(.paid-media-page) .ls-management article:nth-child(4) { --guide-icon:var(--guide-trust); }
.service-card#local-search { --guide-icon:var(--guide-search); }
.service-card#content { --guide-icon:var(--guide-content); }
.service-card#paid-media,.service-card#strategy { --guide-icon:var(--guide-target); }
.service-card#creators { --guide-icon:var(--guide-people); }
.service-card#reputation { --guide-icon:var(--guide-trust); }
.ls-related h3::before,.ls-management h3::before,.service-card h3::before {
  content:''; display:inline-block; width:24px; height:24px; margin-right:12px; vertical-align:-4px;
  background:var(--pink); mask:var(--guide-icon) center/contain no-repeat;
  -webkit-mask:var(--guide-icon) center/contain no-repeat;
}
/* Sequence emphasis: no hidden content, travel rails or layout movement. */
.sequence-cue { animation:step-cue 360ms ease-out var(--step-delay,0ms) both; }
@keyframes step-cue { from { opacity:.65; } to { opacity:1; } }
.rt-stages article { transition:background-color 180ms ease; }
.rt-stages article:focus-within { background:rgba(255,255,255,.04); }
.rt-stages article:focus-within h3 { color:var(--acid); }
.ic-objectives article:has(details[open]) h3 { color:var(--pink); }
.ic-objectives details[open] p,.sc-feed details[open] p { animation:detail-cue 200ms ease-out; }
@keyframes detail-cue { from { opacity:.65; } to { opacity:1; } }
.sc-feed summary { cursor:pointer; font-size:.85rem; font-weight:600; letter-spacing:.06em; min-height:44px; padding:10px 0; }
.sc-feed details[open] summary { color:var(--pink); }
.sc-feed figure:has(details[open]) .sc-frame { opacity:1; }
.sc-feed .sc-frame { transition:opacity 180ms ease; }
.sc-feed:has(details[open]) figure:not(:has(details[open])) .sc-frame { opacity:.8; }
.pm-framework > div:nth-child(even) { padding-top:22px; }
.pm-framework label { display:flex; gap:12px; align-items:center; cursor:pointer; min-height:44px; }
.pm-framework input { accent-color:var(--pink); width:18px; height:18px; margin:0; flex-shrink:0; }
.pm-framework > div { transition:opacity 180ms ease; }
.pm-framework > div:has(input:checked) dt { color:var(--pink); }
.pm-framework > div:has(input:checked) dd { color:var(--on-dark); }
.pm-framework:has(:focus-visible) > div:not(:focus-within) { opacity:.8; }
.pm-framework dd { padding-left:30px; }
@media(hover:hover) and (pointer:fine) {
  .rt-stages article:hover { background:rgba(255,255,255,.04); }
  .rt-stages article:hover h3 { color:var(--acid); }
  .pm-framework:has(label:hover) > div:not(:hover):not(:focus-within) { opacity:.8; }
}
@media(max-width:600px) { .pm-framework { grid-template-columns:1fr; gap:26px; } .pm-framework > div:nth-child(even) { padding-top:0; } }
@media(prefers-reduced-motion:reduce) {
  .sequence-cue,.ic-objectives details[open] p,.sc-feed details[open] p { animation:none; }
  .rt-stages article,.sc-feed .sc-frame,.pm-framework > div { transition:none; }
}