.self-hosting-study{padding-bottom:4rem}.study-hero{margin-bottom:1.25rem}.study-controls{display:grid;gap:.8rem;margin-bottom:1.25rem}.study-controls input[type="search"]{width:100%;min-height:3.25rem;border:1px solid var(--border-color,#dbe0ea);border-radius:14px;padding:.8rem 1rem;background:var(--surface,#fff);color:inherit;font:inherit}.study-stage-filters{display:flex;gap:.6rem;flex-wrap:wrap}.study-stage-filters .is-active{background:var(--text-primary,#151925);color:#fff}.study-progress-copy{margin:0;color:var(--text-secondary,#667085)}.study-module-list{display:grid;gap:1rem}.study-module>summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;cursor:pointer;list-style:none}.study-module>summary::-webkit-details-marker{display:none}.study-module>summary>span{display:grid;gap:.3rem}.study-module>summary strong{font-size:clamp(1.25rem,2vw,1.75rem)}.study-module>summary small{font-size:1rem;color:var(--text-secondary,#667085);font-weight:400}.study-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.25rem}.study-term-card{position:relative;display:flex;flex-direction:column;gap:.65rem;min-height:220px;padding:1rem;border:1px solid var(--border-color,#dbe0ea);border-radius:16px;background:var(--surface,#fff)}.study-term-card h2{font-size:1.08rem;margin:0;padding-right:2rem}.study-term-card p{margin:0;color:var(--text-secondary,#667085);line-height:1.55;flex:1}.study-term-card a{font-weight:750}.study-check{position:absolute;right:1rem;top:1rem}.study-check input{width:1.25rem;height:1.25rem;accent-color:#315efb}.study-term-card.is-complete{border-color:#40a675;background:color-mix(in srgb,#40a675 7%,#fff)}.study-term-card[hidden],.study-module[hidden]{display:none}.practice-panel pre{overflow:auto;border-radius:12px;padding:1rem;background:#111827;color:#e5e7eb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.study-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.study-term-grid{grid-template-columns:1fr}.study-module>summary{align-items:flex-start;flex-direction:column}}