.writing-quality-page{--gold:#ffd18e}
:root[data-theme=light] .writing-quality-page{--gold:#756027}
/* Russian EGE: whole artwork, independent disclosures and complete rows. */
.writing-quality-page .quality-hub-hero .commercial-copy{width:36%}
.writing-quality-page .quality-hub-hero h1{font-size:clamp(42px,3.8vw,60px)}
.writing-filters{display:flex;align-items:end;flex-wrap:wrap;gap:24px;padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}
.writing-filters[hidden],.writing-course[hidden],.writing-selected[hidden],.writing-empty[hidden],.writing-plan-course[hidden]{display:none}
.writing-filters fieldset{border:0;padding:0;margin:0;min-width:0;flex:1 1 300px}
.writing-filters legend{display:flex;align-items:center;gap:10px;font-weight:650;font-size:14px;margin-bottom:14px}
.writing-filters legend .art{width:34px;height:34px}
.writing-options{display:flex;flex-wrap:wrap;gap:8px}
.writing-options button{appearance:none;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;padding:12px 15px;min-height:46px;cursor:pointer}
.writing-options button[aria-pressed=true]{background:#ffd18e;color:#302b1c;border-color:#ffd18e}
.writing-options button:focus-visible,.writing-details summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.writing-count{display:inline-flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid var(--border);border-radius:15px;background:var(--surface);margin:22px 0;font-size:14px}
.writing-count .art{width:36px;height:36px}
.writing-courses,.writing-practice-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:start}
.writing-course,.writing-practice-card{grid-column:span 2;border:1px solid var(--border);border-radius:23px;overflow:hidden;background:var(--surface);min-width:0}
.writing-course figure{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden}
.writing-course figure img{display:block;width:100%;height:100%;object-fit:cover}
.writing-course figcaption{position:absolute;bottom:14px;left:18px;background:#06392d;color:#fff1d7;border:1px solid #78916c;padding:7px 10px;border-radius:9px;font-size:12px}
.writing-course-intro,.writing-course-content{padding:24px}
.writing-course-intro{padding-bottom:0}
.writing-school,.writing-teacher{display:flex;align-items:center;gap:12px;font-size:13px}
.writing-school{color:var(--gold);margin-bottom:15px}
.writing-school img{width:42px;height:42px;object-fit:contain;flex:none}
.writing-course h3{font-size:22px;line-height:1.3;margin:0 0 20px}
.writing-teacher .art{width:29px;height:29px;flex:none}
.writing-course p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:15px}
.writing-facts{margin:0}
.writing-facts>div{border-top:1px solid var(--border);padding:15px 0}
.writing-facts dt{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:650;color:var(--gold)}
.writing-facts dt .art{width:32px;height:32px;flex:none}
.writing-facts dd{margin:4px 0 0 45px;font-size:13px;line-height:1.8;color:var(--muted)}
.writing-course-price{padding:20px 0;border-top:1px solid var(--border);margin-top:5px}
.writing-course-price strong{font-size:30px;line-height:1.3;color:var(--gold);display:block}
.writing-course-price span,.writing-course-price small{display:block;font-size:12px;line-height:1.8;margin-top:6px;color:var(--muted)}
.writing-course-actions{display:grid;gap:10px}
.writing-course-actions .button{width:100%;text-align:center}
.writing-details{margin-top:20px;border-top:1px solid var(--border)}
.writing-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:18px 0 0;font-size:14px;font-weight:650}
.writing-details summary::-webkit-details-marker{display:none}
.writing-details summary:after{content:'+';width:27px;height:27px;flex:none;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--gold)}
.writing-details[open] summary:after{content:'−'}
.writing-details>div{margin-top:16px;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--bg);font-size:13px;line-height:1.8}
.writing-details ul{padding:0;margin:0 0 18px;list-style:none;display:grid;gap:13px}
.writing-details li{position:relative;padding-left:30px;color:var(--muted)}
.writing-details li:before{content:'✓';position:absolute;left:0;top:2px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#ffd18e;color:#294332;font-size:12px;font-weight:750}
.writing-details strong{color:var(--gold)}
.writing-details p{font-size:13px;margin-top:8px}
.writing-plan-course{margin-top:20px;width:100%;gap:10px}
.writing-plan-course .art{width:28px;height:28px;flex:none}
.writing-empty{padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface);font-size:15px;line-height:1.8}
.writing-quality-page .prep-result{display:flex;flex-direction:column;justify-content:center}
.writing-quality-page .prep-result-top>span:first-child{display:flex;align-items:center;gap:10px}
.writing-quality-page .prep-result-top .art{width:32px;height:32px;flex:none}
.writing-quality-page .prep-metrics .art{width:35px;height:35px;margin-bottom:8px}
.writing-selected{padding:16px;margin-bottom:20px;border:1px solid var(--border);border-radius:14px;background:var(--bg);font-size:13px;line-height:1.8}
.writing-quality-page .prep-form .prep-reset{margin-top:18px}
.writing-practice-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.writing-practice-card>div{padding:24px}
.writing-practice-card h3{display:flex;align-items:start;gap:12px;font-size:20px;line-height:1.35;margin-bottom:20px}
.writing-practice-card h3 .art{width:35px;height:35px;flex:none}
.writing-practice-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.writing-practice-question{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.writing-practice-question strong{font-size:12px;color:var(--gold);display:block;margin-bottom:10px}
:root[data-theme=light] .writing-quality-page .prep-form,:root[data-theme=light] .writing-quality-page .prep-result{background:var(--surface)}
@media(min-width:1051px){
.writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])),.writing-practice-card:nth-child(3n + 1):last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}
.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:1px solid var(--border)}
.writing-course:nth-child(3n + 1 of .writing-course:not([hidden])):nth-last-child(2 of .writing-course:not([hidden])),.writing-course:nth-child(3n + 2 of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])){grid-column:span 3}
.writing-practice-card:last-child>div{padding:28px}
}
@media(min-width:701px) and (max-width:1050px){
.writing-courses,.writing-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.writing-course,.writing-practice-card{grid-column:span 1!important}
.writing-course:nth-child(odd of .writing-course:not([hidden])):nth-last-child(1 of .writing-course:not([hidden])),.writing-practice-card:nth-child(odd):last-child{grid-column:1/-1!important;display:grid;grid-template-columns:1fr 1fr;align-items:start}
}
@media(max-width:700px){
.writing-courses,.writing-practice-grid{grid-template-columns:1fr;gap:20px}
.writing-course,.writing-practice-card{grid-column:1!important}
.writing-course-intro,.writing-course-content,.writing-practice-card>div{padding:20px}
.writing-course-intro{padding-bottom:0}
.writing-filters{padding:18px;gap:20px}
.writing-filters .button{width:100%}
.writing-quality-page .quality-hub-hero .commercial-copy{width:auto}
.writing-quality-page .quality-hub-hero h1{font-size:clamp(34px,8.4vw,43px)}
.writing-quality-page .prep-result-top{align-items:start;gap:15px}
.writing-quality-page .prep-result-top>span:first-child{font-size:13px}
.writing-count{font-size:13px;padding:12px}
}
/* Match the approved gold actions and reduce unused space in the wide practice card. */
.writing-quality-page .writing-course-actions .button-primary{background:linear-gradient(110deg,#ffdda1,#ffca7c);border-color:#ffdda1;color:#30281b}
.writing-quality-page .writing-course-price strong{color:#ffd18e}
:root[data-theme=light] .writing-quality-page .writing-course-price strong{color:#756027}
@media(min-width:1051px){.writing-practice-card:nth-child(3n + 1):last-child{grid-template-columns:.8fr 1.2fr;align-items:center}}
@media(max-width:900px){.writing-quality-page .prep-planner{grid-template-columns:1fr}.writing-quality-page .prep-result{min-height:0}}