/* Scoped content components. Colors inherit the approved navy Astra tokens. */
.content-practice-destinations, .content-practice-stages { margin-block: 1.25rem; }
.content-practice-destinations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.content-practice-destinations a { display: flex; align-items: center; min-height: 44px; padding: .9rem 1.1rem; border: 1px solid var(--rule, #dddfe2); border-radius: 12px; background: var(--surface, var(--paper, #fff)); color: var(--accent, #203a52); text-decoration-thickness: 1px; text-underline-offset: .2em; }
.content-practice-stages ol { display: flex; flex-wrap: wrap; list-style: none; gap: .5rem; margin: 0; padding: 0; }
.content-practice-stages a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .8rem; border-radius: 12px; color: var(--accent, #203a52); }
.content-tool-entry { border: 1px solid var(--rule, #dddfe2); border-radius: 12px; margin-block: .75rem; background: var(--surface, var(--paper, #fff)); overflow: clip; }
.content-tool-entry > summary { min-height: 44px; padding: 1rem 1.25rem; cursor: pointer; color: var(--ink, #20272c); }
.content-tool-entry > summary h3, .content-tool-entry > summary h4, .content-tool-entry > summary h5, .content-tool-entry > summary h6 { display: inline; margin: 0; font: inherit; font-weight: 600; }
.content-tool-category { display: block; margin-block-start: .3rem; font-size: .875rem; color: var(--ink-2, #58616a); }
.content-tool-body { padding: 0 1.25rem 1.25rem; }
.content-tool-body > :first-child { margin-block-start: .25rem; }
.content-tool-body > :last-child { margin-block-end: 0; }
.content-glossary-browser > summary { min-height: 44px; padding-block: .8rem; cursor: pointer; color: var(--accent, #203a52); }
.content-glossary.brief { margin-block: .75rem; }
.content-glossary .brief__part { scroll-margin-block-start: 6rem; }
.content-ai-workflow { border-block-start: 1px solid var(--rule, #dddfe2); padding-block: 1.5rem; margin-block: 1rem; scroll-margin-block-start: 6rem; }
.content-tool-entry:target, .content-glossary dt:target { outline: 2px solid var(--accent, #203a52); outline-offset: 4px; }
.content-practice-destinations a:focus-visible, .content-practice-stages a:focus-visible, .content-tool-entry > summary:focus-visible, .content-glossary-browser > summary:focus-visible { outline: 2px solid var(--focus, var(--accent, #203a52)); outline-offset: 4px; }
@media (max-width: 760px) { .content-practice-destinations { grid-template-columns: 1fr; } .content-tool-entry > summary { padding: .9rem 1rem; } .content-tool-body { padding: 0 1rem 1rem; } }
@media (prefers-reduced-motion: reduce) { .content-tool-entry, .content-ai-workflow, .content-glossary { scroll-behavior: auto; } }