:root { --essay:#9f1d2c; --essay-dark:#73111d; --essay-gold:#d6a94e; --essay-soft:#fff7f5; }
.essay-page { background:linear-gradient(180deg,#faf7f5 0,#f6f7fb 430px); }
.essay-primary { background:var(--essay); border-color:var(--essay); }
.essay-primary:hover { background:var(--essay-dark); border-color:var(--essay-dark); }
.essay-hero { min-height:150px; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px 32px; overflow:hidden; position:relative; border-radius:22px; color:#fff; background:linear-gradient(125deg,#74131e,#a92333 60%,#c44848); box-shadow:0 18px 44px rgba(126,23,35,.2); }
.essay-hero::after { content:""; position:absolute; width:230px; height:230px; border:42px solid rgba(255,255,255,.07); border-radius:50%; right:-65px; top:-75px; }
.essay-hero > * { position:relative; z-index:1; }
.essay-eyebrow { display:block; margin-bottom:5px; color:#ffe4a9; font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.essay-hero h1 { margin:0 0 5px; font-size:clamp(1.6rem,3vw,2.3rem); font-weight:850; letter-spacing:-.035em; }
.essay-hero p { max-width:720px; margin:0; color:rgba(255,255,255,.82); font-size:.92rem; }
.essay-total { min-width:125px; padding-left:25px; border-left:1px solid rgba(255,255,255,.28); text-align:right; }
.essay-total strong { display:block; font-size:2.4rem; line-height:1; }
.essay-total span { font-size:.78rem; color:#ffeac2; }
.essay-toolbar { position:sticky; top:74px; z-index:20; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; margin-bottom:18px; padding:13px 15px; border:1px solid #eadfdc; border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 8px 25px rgba(46,25,25,.07); backdrop-filter:blur(12px); }
.essay-toolbar > div strong,.essay-toolbar > div span { display:block; }
.essay-toolbar > div strong { font-size:.88rem; }
.essay-toolbar > div span { color:var(--muted); font-size:.72rem; }
.essay-jump { display:flex; justify-content:center; gap:6px; flex-wrap:wrap; }
.essay-jump a { width:31px; height:31px; display:grid; place-items:center; border:1px solid #ead7d3; border-radius:9px; color:var(--essay); background:#fffaf9; font-size:.78rem; font-weight:800; }
.essay-jump a:hover { color:#fff; border-color:var(--essay); background:var(--essay); }
.essay-print { border:1px solid #e4d2ce; border-radius:10px; padding:8px 12px; color:var(--essay); background:#fff; font-size:.8rem; font-weight:750; }
.essay-list { display:grid; gap:15px; }
.essay-card { scroll-margin-top:150px; overflow:hidden; border:1px solid #e8dfdc; border-radius:18px; background:#fff; box-shadow:0 5px 18px rgba(38,25,25,.045); transition:border-color .18s,box-shadow .18s,transform .18s; }
.essay-card:hover { border-color:#d9bbb5; box-shadow:0 12px 30px rgba(63,29,29,.08); }
.essay-card.is-open { border-color:#d7aaa4; box-shadow:0 15px 38px rgba(92,31,37,.1); }
.essay-card-head { display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:18px; padding:20px 22px; }
.essay-number { width:58px; height:58px; display:grid; place-content:center; border-radius:16px; color:#fff; text-align:center; background:linear-gradient(145deg,var(--essay),#c44747); box-shadow:0 8px 18px rgba(159,29,44,.22); }
.essay-number span { font-size:.58rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.essay-number strong { font-size:1.45rem; line-height:1; }
.essay-kind { display:block; margin-bottom:4px; color:#a76345; font-size:.66rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.essay-prompt h2 { margin:0; font-size:clamp(1rem,2vw,1.14rem); line-height:1.45; font-weight:760; }
.essay-toggle { display:flex; align-items:center; gap:9px; min-width:128px; justify-content:center; border:1px solid #e5cec9; border-radius:11px; padding:9px 12px; color:var(--essay); background:#fff8f6; font-size:.78rem; font-weight:800; }
.essay-toggle i { font-size:1.2rem; font-style:normal; line-height:.7; transition:transform .2s; }
.essay-card.is-open .essay-toggle { color:#fff; border-color:var(--essay); background:var(--essay); }
.essay-card.is-open .essay-toggle i { transform:rotate(180deg); }
.essay-answer { border-top:1px solid #efe3e0; padding:0 24px 25px 104px; background:linear-gradient(180deg,#fffaf8,#fff 110px); }
.essay-answer-label { display:flex; align-items:center; gap:9px; padding:18px 0 13px; color:var(--essay); font-size:.7rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.essay-answer-label span { width:28px; height:2px; background:var(--essay-gold); }
.essay-answer-content { max-width:880px; color:#2e3138; font-family:Georgia,"Times New Roman",serif; font-size:1rem; line-height:1.72; }
.essay-answer-content h3 { margin:1.35rem 0 .55rem; color:#79202b; font-family:Inter,"Segoe UI",sans-serif; font-size:1.05rem; line-height:1.45; font-weight:800; }
.essay-answer-content h3:first-child { margin-top:0; }
.essay-answer-content h4 { margin:1rem 0 .35rem; color:#463b3b; font-family:Inter,"Segoe UI",sans-serif; font-size:.94rem; line-height:1.5; font-weight:780; }
.essay-answer-content p { margin:0 0 .72rem; text-align:justify; }
.essay-answer-content ul { margin:.2rem 0 1rem; padding-left:1.25rem; }
.essay-answer-content li { margin-bottom:.55rem; padding-left:.25rem; }
.essay-answer-content li::marker { color:var(--essay-gold); }
.essay-answer-end { margin-top:22px; padding-top:12px; border-top:1px dashed #e6d6d2; color:#9a8581; font-size:.68rem; font-weight:750; letter-spacing:.08em; text-align:right; text-transform:uppercase; }
.essay-back-top { position:fixed; right:22px; bottom:22px; z-index:50; width:43px; height:43px; border:0; border-radius:50%; color:#fff; background:var(--essay); box-shadow:0 9px 24px rgba(88,22,30,.25); opacity:0; transform:translateY(12px); pointer-events:none; transition:.2s; }
.essay-back-top.show { opacity:1; transform:none; pointer-events:auto; }
@media (max-width:767.98px) {
    .essay-hero { min-height:auto; padding:21px; border-radius:18px; }
    .essay-total { min-width:82px; padding-left:15px; }.essay-total strong { font-size:1.8rem; }
    .essay-toolbar { top:67px; grid-template-columns:1fr auto; gap:10px; }.essay-toolbar > div { display:none; }.essay-jump { justify-content:flex-start; }
    .essay-card-head { grid-template-columns:50px 1fr; gap:13px; padding:16px; }
    .essay-number { width:48px; height:48px; border-radius:13px; }.essay-number strong { font-size:1.2rem; }
    .essay-toggle { grid-column:1/-1; width:100%; }
    .essay-answer { padding:0 17px 20px; }.essay-answer-content { font-size:.96rem; line-height:1.65; }
}
@media (max-width:480px) { .essay-hero p { display:none; }.essay-jump a { width:28px; height:28px; }.essay-print { padding:7px 9px; } }
@media print {
    .essay-page { background:#fff; }.essay-hero { min-height:auto; padding:0 0 5mm; border-radius:0; color:#111; background:none; box-shadow:none; }
    .essay-hero p,.essay-eyebrow { color:#444; }.essay-total { color:#111; border-color:#bbb; }
    .essay-card { break-inside:avoid; box-shadow:none; border-radius:0; margin-bottom:5mm; }
    .essay-card-head { grid-template-columns:12mm 1fr; padding:3mm; }.essay-number { width:10mm; height:10mm; border-radius:2mm; box-shadow:none; }
    .essay-toggle { display:none; }.essay-answer[hidden] { display:block !important; }.essay-answer { padding:0 4mm 4mm; }
    .essay-answer-content { max-width:none; font-size:9.5pt; line-height:1.45; }.essay-answer-content h3 { font-size:10.5pt; }
}