/* Phase 20 uses the existing compact SHALANKA header, typography and day/night variables. */
.p20-main{max-width:1160px}.p20-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.p20-grid .m-card{margin-bottom:0;display:flex;flex-direction:column;align-items:start}.p20-card .m-btn{margin-top:auto}.p20-card h2{margin:12px 0 4px;font-size:17px;font-weight:600}.p20-card p{color:var(--muted)}.p20-split{display:grid;grid-template-columns:1fr 2fr;gap:18px;align-items:start}.p20-search{display:flex;gap:10px;align-items:center}.p20-search input{flex:2}.p20-search select{flex:1}.p20-search button{white-space:nowrap}.p20-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p20-inline input{flex:1;min-width:150px}.p20-inline button{width:auto}.p20-topic h3{font-size:17px;margin-top:7px}.p20-topic p{overflow-wrap:anywhere}.p20-reply{border-top:1px solid var(--line);padding:16px 0}.p20-reply p{overflow-wrap:anywhere;white-space:normal}.p20-lesson{border-top:1px solid var(--line);padding:18px 0}.p20-lesson p{overflow-wrap:anywhere}.p20-lesson summary{cursor:pointer;font-weight:550}.p20-lesson .m-form{margin-top:10px}.p20-progress{padding:18px;background:var(--soft);border-radius:12px;margin-top:18px}.p20-bar{height:9px;background:var(--line);border-radius:99px;overflow:hidden;margin:11px 0}.p20-bar i{display:block;background:var(--green);height:100%;border-radius:99px}.p20-report{border-left:3px solid #d49a39}.p20-report h3{font-size:13px;font-weight:500}.p20-card .m-row{width:100%}@media(max-width:950px){.p20-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p20-split{grid-template-columns:1fr}}@media(max-width:600px){.p20-grid{grid-template-columns:1fr}.p20-search{flex-wrap:wrap}.p20-search input,.p20-search select{flex-basis:100%}}