.session-guide {
    margin-top: .65rem;
    color: #475569;
    font-size: .8125rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.session-guide [hidden] { display: none !important; }
.session-guide__details { margin-top: .4rem; }
.session-guide__details > summary { display: flex; align-items: baseline; gap: .5rem; color: #0f172a; font-weight: 600; cursor: pointer; list-style: none; padding: .35rem 0; }
.session-guide__details > summary::-webkit-details-marker { display: none; }
.session-guide__details > summary > i { font-size: .65rem; transition: transform .15s ease; }
.session-guide__details[open] > summary > i { transform: rotate(90deg); }
.session-guide__body { padding-top: .7rem; }
.session-guide__tabs { display: flex; gap: .3rem; padding: .25rem; background: #f1f5f3; border: 1px solid #dce5df; border-radius: .55rem; margin-bottom: 1rem; }
.session-guide__tabs > button { flex: 1; display: flex; align-items: center; justify-content: center; gap: .4rem; min-width: 0; min-height: 44px; border: 1px solid transparent; border-radius: .35rem; padding: .55rem .35rem; background: transparent; color: #475569; font: inherit; font-weight: 600; line-height: 1.4; cursor: pointer; }
.session-guide__tabs > button:hover { color: #0f172a; background: #e6eee8; }
.session-guide__tabs > button[aria-selected="true"] { background: #fff; color: #166534; border-color: #dce5df; }
.session-guide__panel { padding: 0 .15rem; }
.session-guide__device { margin: 0 0 .75rem; font-size: .9rem; font-weight: 600; color: #0f172a; }
.session-guide--enhanced .session-guide__device { display: none; }
.session-guide__method + .session-guide__method { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dce5df; }
.session-guide__method h4 { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 0 0 .55rem; color: #0f172a; font-size: .875rem; font-weight: 600; line-height: 1.5; }
.session-guide__badge { padding: .1rem .5rem; border-radius: .3rem; color: #166534; background: #e6f5eb; font-size: .7rem; font-weight: 600; }
.session-guide__badge--advanced { color: #475569; background: #f1f5f9; }
.session-guide__method ol { margin: 0; padding-left: 1.35rem; }
.session-guide__method li { padding-left: .15rem; margin-bottom: .45rem; }
.session-guide__method li:last-child { margin-bottom: 0; }
.session-guide__method li::marker { color: #64748b; font-weight: 600; }
.session-guide a { color: #166534; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #8abf9c; }
.session-guide a:hover { color: #14532d; text-decoration-color: currentColor; }
.session-guide code { color: #334155; background: #f1f5f9; padding: .05rem .2rem; border-radius: .2rem; font-size: .95em; }
.session-guide kbd { color: #334155; background: #f1f5f9; border: 1px solid #dce5df; border-radius: .2rem; padding: .05rem .25rem; font-size: .9em; white-space: normal; }
.session-guide__note { margin: .65rem 0 0; }
.session-guide__panel + .session-guide__panel { margin-top: 1.25rem; }
.session-guide--enhanced .session-guide__panel { margin-top: 0; }
.session-guide a:focus-visible, .session-guide button:focus-visible, .session-guide summary:focus-visible, .session-guide__panel:focus-visible { outline: 2px solid #15803d; outline-offset: 3px; border-radius: .2rem; }
@media (max-width: 380px) {
    .session-guide__tabs > button { gap: .25rem; font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
    .session-guide__details > summary > i { transition: none; }
}