.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){.history-quality-page .writing-practice-card:nth-child(3n + 1):nth-last-child(2),.history-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){
.history-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])){display:block}
.history-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}
.history-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}
.history-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}
.history-quality-page .writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-details,.history-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){
.history-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])){display:block}
.history-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}
.history-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}
.history-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}
.history-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}
.history-quality-page .writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])) .writing-details,.history-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}
.history-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. */
.history-quality-page .writing-course figure img,.history-quality-page .writing-practice-image{object-fit:cover;object-position:50% 48%}
.history-quality-page .writing-practice-image{height:auto;aspect-ratio:16/9;max-height:270px}

.history-quality-page .chronology-list,.history-quality-page .chronology-actions{max-width:1000px;margin-left:auto;margin-right:auto}
.history-quality-page .chronology-list{gap:14px}
.history-quality-page .chronology-list li{padding:18px 22px;background:var(--surface);border-radius:18px;grid-template-columns:38px minmax(0,1fr) auto;gap:18px}
.history-quality-page .chronology-position{width:38px;height:38px;border-radius:12px;background:#ffd18e;color:#294332;font-weight:750}
.history-quality-page .chronology-title strong{font-size:16px;line-height:1.5}
.history-quality-page .chronology-moves button{width:46px;height:46px;background:var(--bg);border-color:var(--border);color:var(--text)}
.history-quality-page .chronology-moves button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.history-quality-page .chronology-actions{justify-content:center;gap:14px}
.history-quality-page .chronology-status{background:var(--surface);padding:24px;gap:16px}
.history-quality-page .chronology-status .art{width:40px;height:40px}
.history-quality-page .chronology-result .commercial-table td:first-child{font-weight:750;font-size:20px;color:var(--gold);width:110px}
.history-quality-page .chronology-result .commercial-table td,.history-quality-page .chronology-result .commercial-table th{padding:20px 24px}
@media(max-width:650px){.history-quality-page .chronology-list li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px}.history-quality-page .chronology-position{width:32px;height:32px;border-radius:10px}.history-quality-page .chronology-title strong{font-size:15px}.history-quality-page .chronology-status{align-items:start;padding:18px}.history-quality-page .chronology-result .commercial-table td{padding:16px}.history-quality-page .chronology-result .commercial-table td:first-child{width:auto;font-size:22px}}

@media(min-width:651px){.history-quality-page .chronology-result .commercial-table th:first-child{width:110px}.history-quality-page .chronology-result .commercial-table th:nth-child(2){width:28%}.history-quality-page .chronology-result .commercial-table td{font-size:14px;line-height:1.75}}

.history-quality-page .chronology-result .commercial-table td:first-child{white-space:nowrap}
