/* Suggested session series (/commons/sessions/suggested-series). Uses the site tokens from org.css. */
.ss-intro{margin-bottom:2rem}
.ss-toc{margin:0 0 2.4rem}
.ss-toc h2{margin:0 0 .6rem}
.ss-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ss-toc a{display:inline-flex;align-items:center;min-height:40px;padding:.3rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;font-size:.92rem;overflow-wrap:anywhere}
.ss-toc a:hover{border-color:var(--sun)}
.ss-list{display:grid;gap:2rem}
.ss-series{padding:1.4rem;border:1px solid var(--line);border-radius:18px;background:var(--paper);scroll-margin-top:5rem;min-width:0}
.ss-head .eyebrow{margin-bottom:.4rem}
.ss-title{margin:0 0 .5rem}
.ss-for{margin:0 0 1.2rem;color:var(--body);max-width:62ch}
.ss-kits{margin:0 0 1.2rem;padding:0;list-style:none;counter-reset:ss;display:grid;gap:.6rem}
.ss-kit{counter-increment:ss;position:relative;padding:.8rem 1rem .8rem 3rem;border:1px solid var(--line);border-radius:14px;min-width:0}
.ss-kit::before{content:counter(ss,decimal-leading-zero);position:absolute;left:1rem;top:.95rem;font-family:var(--f-mono,monospace);font-size:.75rem;color:var(--sun-ink)}
.ss-kit-title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.ss-kit-title a{color:var(--text);text-decoration-color:var(--sun);text-underline-offset:.2em}
.ss-kit-meta{margin:.15rem 0 .3rem;font-size:.72rem;letter-spacing:.06em;color:var(--muted)}
.ss-kit-sum{margin:0;font-size:.92rem;line-height:1.5;color:var(--body)}
.ss-notes{max-width:68ch}
.ss-notes h3{margin:1rem 0 .3rem}
.ss-notes p{margin:0}
.ss-note{margin-top:.8rem!important;padding:.7rem .9rem;border-left:3px solid var(--sun);background:var(--paper-2,transparent)}
.ss-actions{margin:1.4rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}
.ss-actions .btn{max-width:100%;white-space:normal;text-align:center}
.ss-adapt{color:var(--text);text-decoration-color:var(--sun);text-underline-offset:.2em;font-size:.92rem;overflow-wrap:anywhere}
@media (max-width:480px){.ss-series{padding:1rem}.ss-kit{padding-left:2.6rem}.ss-kit::before{left:.8rem}}
@media print{.ss-toc,.ss-actions{display:none}.ss-series{break-inside:avoid;border-color:#999}}