.profile-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.profile-formats article{padding:25px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}
.profile-formats h3{display:flex;align-items:center;gap:13px;font-size:20px;line-height:1.4;margin:0 0 20px}
.profile-formats h3 .art{width:40px;height:40px;flex:none}
.profile-formats p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.profile-formats article>div{padding-top:18px;margin-top:20px;border-top:1px solid var(--border)}
.profile-formats strong{display:block;color:var(--gold);font-size:12px;margin-bottom:10px}
@media(min-width:1051px){.grade10-quality-page .writing-practice-card:nth-child(3n + 1):nth-last-child(2),.grade10-quality-page .writing-practice-card:nth-child(3n + 2):last-child{grid-column:span 3}}
@media(min-width:701px) and (max-width:1050px){.profile-formats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-formats article:last-child{grid-column:1/-1}}
@media(max-width:700px){.profile-formats{grid-template-columns:1fr}.profile-formats article{padding:20px}}
/* A lone offer uses the whole row without a tall empty side column. */
@media(min-width:1051px){
.grade10-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])){display:block}
.grade10-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-course-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.grade10-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-course-content{border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.grade10-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grade10-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-details,.grade10-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-plan-course{grid-column:1/-1;margin-top:0}
}
@media(min-width:701px) and (max-width:1050px){
.grade10-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])){display:block}
.grade10-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-course-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.grade10-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-course-content{border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.grade10-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grade10-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-facts dd{margin-left:0}
.grade10-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-details,.grade10-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-plan-course{grid-column:1/-1;margin-top:0}
.grade10-quality-page .writing-practice-card:nth-child(odd):last-child{grid-template-columns:.8fr 1.2fr;align-items:center}
}

/* Compact editorial crops match the approved subject course cards. */
.grade10-quality-page .writing-course figure img,.grade10-quality-page .writing-practice-image{object-fit:cover;object-position:50% 48%}
.grade10-quality-page .writing-practice-image{height:auto;aspect-ratio:16/9;max-height:270px}




.grade10-quality-page .class-result .prep-result-top>.art{width:38px;height:38px;flex:0 0 38px}
.grade10-quality-page .class-result .prep-result-top{justify-content:flex-start;gap:12px}
.grade10-quality-page .class-result .prep-period{margin-left:auto}
.grade10-quality-page .class-total strong{color:var(--gold)}
.grade10-quality-page .prep-reset{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}
.grade10-quality-page .prep-reset .art{width:28px;height:28px}
.grade10-quality-page #weekly-load .prep-form,.grade10-quality-page #weekly-load .prep-result{min-width:0}
.grade10-quality-page .class-result{display:flex;flex-direction:column}
.grade10-quality-page [data-class-calculation]{flex:1;display:flex;flex-direction:column}
.grade10-quality-page .class-rounding{margin-top:auto;padding-top:16px}
@media(max-width:950px){.grade10-quality-page #weekly-load .prep-planner{grid-template-columns:minmax(0,1fr)}}

.grade10-quality-page .class-invalid{display:none}
.grade10-quality-page .class-result:has([data-class-calculation][hidden]) .class-invalid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:420px;margin:35px auto}
.grade10-quality-page .class-invalid .art{width:75px;height:75px}
.grade10-quality-page .class-invalid strong{font-size:25px;color:var(--text)}
.grade10-quality-page .class-invalid p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}