:root{
  --black:#050307;--black2:#0b0810;--ink:#eee5ff;--muted:#aaa0ba;--purple:#7650a8;--purple2:#58357f;
  --line:#2a2135;--gold:#9a6b32;--gold2:#d3a45e;--paper:#100b16;
  --serif:"Cormorant Garamond",Georgia,serif;--body:"Source Serif 4",Georgia,serif;--ui:Inter,Arial,sans-serif;--gothic:"UnifrakturCook",serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}
.site-header{background:rgba(5,3,7,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.site-header-inner{max-width:1480px;margin:auto;padding:20px 5vw;display:flex;align-items:center;justify-content:space-between;gap:40px;min-width:0}.wordmark{font-family:var(--gothic);font-size:40px;line-height:1;color:#f0e7ff}.wordmark.small{font-size:30px}.wordmark-highlight{color:var(--purple)}
.site-header nav{display:flex;gap:28px;align-items:center;flex-wrap:nowrap;white-space:nowrap;min-width:0}.site-header nav a{font:500 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#b9adca;padding:8px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:var(--purple);border-color:var(--purple)}
.section{max-width:1480px;margin:auto;padding:110px 5vw}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:7vw;min-height:690px;align-items:center}.home-hero h1,.archive-hero h1{font:600 clamp(4.5rem,8vw,8.5rem)/.82 var(--serif);letter-spacing:-.04em;margin:18px 0 32px;color:var(--ink)}.home-hero h1 em{color:var(--purple);font-style:italic}.home-hero p,.archive-hero p{max-width:62ch;color:var(--muted);font-size:1.15rem}.eyebrow{display:block;color:var(--purple);font:600 12px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase}.text-link{display:inline-block;margin-top:25px;color:var(--purple);font:600 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--purple);padding-bottom:6px}
.hero-slot{min-height:560px;display:flex;align-items:center}.home-feature-image{width:min(100%,620px);margin-left:auto;overflow:hidden;border:1px solid var(--line);background:#09070c}.home-feature-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s ease}.home-feature-image:hover img{transform:scale(1.02)}
.painting-frame{background:linear-gradient(135deg,#d2a15a,#6c421d 12%,#c18c4c 18%,#3a2313 21%,#8e5b28 86%,#d0a25f);padding:10px;box-shadow:0 15px 50px rgba(0,0,0,.55),0 0 0 1px #d4a968}.painting-mat{background:#07050a;padding:9px;border:1px solid #6e4a27;box-shadow:inset 0 0 0 7px #120d08}.painting-frame img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;filter:saturate(.8) contrast(1.05)}
.ruled{border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:20px}.section-heading span{font:600 11px var(--ui);letter-spacing:.15em;color:var(--purple2)}.section-heading h2{font:600 clamp(2.5rem,4vw,4rem)/1 var(--serif);margin:0}.section-heading a{font:500 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 38px;margin-top:50px}.article-card{min-width:0}.article-card-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#100b16}.article-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card-image:hover img{transform:scale(1.025)}.article-card-body{padding:25px 4px}.article-card h3{font:600 2.1rem/1 var(--serif);margin:10px 0}.article-card p{color:var(--muted);margin:0}.article-meta{display:flex;gap:18px;color:#82778e;font:500 11px var(--ui);letter-spacing:.08em;text-transform:uppercase;margin-top:18px}
.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 38px;margin-top:45px;border-top:1px solid var(--line)}.subject-card{display:grid;grid-template-columns:minmax(180px,260px) 1fr 30px;gap:25px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--line);transition:.25s}.subject-card:hover{background:var(--black2);padding-left:20px}.subject-painting{width:100%}.subject-painting .painting-mat{padding:7px}.subject-painting img{aspect-ratio:4/5}.subject-card-content{min-width:0}.subject-number{display:block;font:600 12px var(--ui);color:var(--purple2);letter-spacing:.1em;margin-bottom:8px}.subject-card h3{font:600 2rem/1 var(--serif);margin:0 0 8px}.subject-card p{margin:0;color:var(--muted);font-size:.92rem}.subject-arrow{color:var(--purple);font:25px var(--serif)}.about-home,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-home h2{font:600 clamp(3rem,5vw,5rem)/.9 var(--serif);margin:20px 0}.about-home p,.about-grid p{color:var(--muted);font-size:1.15rem}
.archive-hero{padding-top:120px;padding-bottom:80px}.archive-hero h1{max-width:900px}.archive-hero p{max-width:700px}.large{grid-template-columns:1fr 1fr}.about-journal{text-align:center;padding-top:120px;padding-bottom:95px}.about-journal h1{font:600 clamp(4rem,8vw,8rem)/.86 var(--serif);letter-spacing:-.04em;margin:18px 0 22px}.about-journal p{margin:0;color:var(--muted);font:500 clamp(1.8rem,3vw,3rem)/1.1 var(--serif)}.exco-section{padding-top:100px}.exco-title{text-align:center;border-bottom:1px solid var(--line);padding-bottom:35px}.exco-title .eyebrow{display:block}.exco-title h2{font:600 clamp(4rem,8vw,8rem)/.86 var(--serif);letter-spacing:-.04em;margin:15px 0 0}.exco-list{margin-top:0}.exco-member{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:8vw;align-items:center;padding:70px 0;border-bottom:1px solid var(--line)}.exco-member:first-child{border-top:0}.exco-member-right{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.exco-profile{display:flex;flex-direction:column;align-items:flex-start}.exco-profile h3{font:600 clamp(3rem,5vw,5rem)/.9 var(--serif);letter-spacing:-.035em;margin:0 0 22px}.exco-profile img{display:block;width:100%;max-width:300px;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line);background:#100b17}.exco-profile .exco-role{margin:16px 0 0;color:var(--purple);font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase}.exco-bio{min-width:0}.exco-bio p{max-width:58ch;margin:0;color:var(--muted);font:400 clamp(1.15rem,1.6vw,1.35rem)/1.8 var(--body);overflow-wrap:anywhere}.exco-member-right .exco-profile{align-items:flex-start}.exco-member-right .exco-bio{justify-self:stretch}
.search-form{margin-top:60px;max-width:900px}.search-form label{display:block;font:600 11px var(--ui);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.search-form>div{display:grid;grid-template-columns:1fr auto;gap:12px}.search-form input,.submission-form input,.submission-form textarea,.submission-form select,.editor input,.editor textarea,.editor select{width:100%;background:#0b0810;border:1px solid var(--line);border-bottom-color:#4a3b58;color:var(--ink);padding:16px 17px;outline:none}.search-form input:focus,.submission-form input:focus,.submission-form textarea:focus{border-color:var(--purple2)}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:#0a0710;border:1px solid var(--purple);padding:15px 26px;font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase}.button:hover{background:#e2d3ff}.button-secondary{background:transparent;color:var(--purple)}.button-small{padding:10px 16px;margin-left:8px}
.article-shell{max-width:1000px;margin:auto;padding:90px 5vw}.article-header h1{font:600 clamp(4rem,7vw,7.5rem)/.86 var(--serif);letter-spacing:-.04em;margin:20px 0}.article-excerpt{font-size:1.3rem;color:var(--muted);max-width:70ch}.article-cover{max-width:820px;margin:60px auto}.article-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-content{max-width:760px;margin:80px auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}.article-content p,.article-content li{font-size:1.15rem;line-height:1.85;white-space:pre-wrap}.article-image{max-width:760px;margin:55px auto}.article-image img{display:block;width:auto;max-width:100%;height:auto;max-height:620px;object-fit:contain;margin:0 auto;background:#09070c;border:1px solid var(--line)}.article-image figcaption{max-width:100%;}.article-content h2{font:600 3rem/1 var(--serif);margin-top:70px}.article-content h3{font:600 2.3rem/1 var(--serif);margin-top:50px}.article-content blockquote{border-left:2px solid var(--purple2);padding:10px 0 10px 30px;margin:50px 0}.article-content blockquote p{font:italic 2rem/1.3 var(--serif);color:var(--purple)}.article-content figcaption{color:var(--muted);font:12px var(--ui);letter-spacing:.06em;margin-top:12px}.article-video iframe{width:100%;aspect-ratio:16/9;border:0}.article-references{border-top:1px solid var(--line);margin-top:80px;padding-top:30px;overflow-wrap:anywhere;word-break:break-word}.article-references a{overflow-wrap:anywhere;word-break:break-word}.article-author{display:flex;align-items:center;gap:14px;margin:25px 0}.article-author img{width:45px;height:45px;border-radius:50%;object-fit:cover}.article-author strong{font:600 18px var(--serif)}.article-author p{margin:0;color:var(--muted);font:11px var(--ui);text-transform:uppercase;letter-spacing:.1em}
.submit-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:9vw}.form-section{display:grid;grid-template-columns:50px 1fr;gap:25px;padding:45px 0;border-bottom:1px solid var(--line)}.form-section>span{font:600 11px var(--ui);color:var(--purple2)}.form-section h2,.editorial-note h2{font:600 3rem/1 var(--serif);margin:0 0 10px}.form-section>div>p,.editorial-note p{color:var(--muted)}.form-section label{display:block;font:600 11px var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:24px}.form-section label input,.form-section label textarea{display:block;margin-top:9px}.editorial-note{background:#0c0811;padding:35px;height:max-content;position:sticky;top:110px}.form-status{color:var(--purple)!important}
.auth-page{min-height:75vh;display:grid;place-items:center;padding:90px 5vw}.auth-card{width:min(560px,100%);background:#0b0810;border:1px solid var(--line);padding:55px}.auth-card h1{font:600 4rem/1 var(--serif);margin:15px 0}.auth-card p{color:var(--muted)}.google-button{width:100%;margin-top:25px}.auth-note{font-size:.85rem;margin-top:20px}.account-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover}.account-role{color:var(--purple)!important;text-transform:uppercase;letter-spacing:.1em;font:600 11px var(--ui)!important}
.error-page{text-align:center;min-height:75vh;display:grid;place-items:center;align-content:center;gap:10px}.error-number{font:600 9rem/.8 var(--serif);color:var(--purple2)}.error-page h1{font:600 4rem/1 var(--serif);margin:10px}.state{padding:50px;border:1px solid var(--line);text-align:center;color:var(--muted)}.state.error{color:#d6a0bd}
.site-footer{border-top:1px solid var(--line);max-width:1480px;margin:auto;padding:55px 5vw;display:flex;justify-content:space-between;gap:30px;color:var(--muted)}.site-footer p{margin:10px 0}.site-footer>div:last-child{display:flex;gap:25px;font:11px var(--ui);text-transform:uppercase;letter-spacing:.1em}
@media(max-width:1000px){.exco-member,.exco-member-right{grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:45px}.exco-member-right .exco-profile{grid-column:2;grid-row:1}.exco-member-right .exco-bio{grid-column:1;grid-row:1}}
@media(max-width:650px){.exco-member,.exco-member-right{display:flex;flex-direction:column;align-items:stretch;gap:30px}.exco-member-right .exco-profile{order:1}.exco-member-right .exco-bio{order:2}.exco-member-left .exco-profile{order:1}.exco-member-left .exco-bio{order:2}.exco-profile img{max-width:280px}.about-journal h1,.exco-title h2{font-size:4rem}}
@media(max-width:1000px){.home-hero,.about-home,.about-grid,.submit-grid{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr}.hero-content{order:2}.hero-image{order:1}.article-grid{grid-template-columns:1fr 1fr}.subject-grid{grid-template-columns:1fr}.subject-card{grid-template-columns:160px 1fr 25px}.editorial-note{position:static}}
@media(max-width:650px){.site-header-inner{align-items:flex-start;flex-direction:column}.site-header nav{flex-wrap:wrap;white-space:normal}.site-header nav{gap:14px}.wordmark{font-size:34px}.section{padding:70px 6vw}.home-hero h1,.archive-hero h1{font-size:4rem}.article-grid{grid-template-columns:1fr}.subject-card{grid-template-columns:1fr}.subject-painting{max-width:260px}.section-heading{grid-template-columns:40px 1fr}.section-heading a{display:none}.search-form>div{grid-template-columns:1fr}.submit-grid{gap:30px}.form-section{grid-template-columns:1fr}.auth-card{padding:35px 25px}}

.auth-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:30px 0 25px}.auth-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;padding:13px 8px;cursor:pointer}.auth-tab.active{color:var(--purple);border-bottom-color:var(--purple)}.auth-form{display:grid;gap:10px}.auth-form label{font:600 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px}.auth-form input{width:100%;background:#0b0810;border:1px solid var(--line);color:var(--ink);padding:16px 17px;outline:none}.auth-form input:focus{border-color:var(--purple2)}.auth-form .button{width:100%;margin-top:14px}.auth-divider{display:flex;align-items:center;gap:15px;margin:25px 0;color:var(--muted);font:11px var(--ui);text-transform:uppercase;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-note{font-size:.85rem;margin-top:20px}.form-status{min-height:1.2em;color:#d9a8c9!important;font-size:.9rem}.button:disabled{opacity:.55;cursor:wait}

/* Submission page */
.submit-hero{padding-bottom:85px}.submission-form{min-width:0}.submission-form .form-section{padding:65px 0}.submission-form .form-section:first-child{padding-top:55px}.form-section h2{font-size:clamp(2.6rem,4vw,4rem)}.form-section label{position:relative}.form-section .optional{font:500 10px var(--ui);letter-spacing:.1em;color:var(--purple2);text-transform:uppercase;margin-left:8px}.submission-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:48px}.submission-content{min-height:420px;resize:vertical;line-height:1.75}.submission-check{display:grid!important;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin-top:35px!important;text-transform:none!important;letter-spacing:0!important;font:400 15px/1.6 var(--serif)!important;color:var(--muted)!important}.submission-check input{width:18px!important;height:18px;margin:2px 0 0!important;accent-color:var(--purple)}.submission-check span{display:block}.submission-submit{margin-top:30px}.editorial-note-rule{height:1px;background:var(--line);margin:35px 0}.editorial-note .eyebrow{margin-top:5px}.form-status{min-height:1.5em;margin-top:18px}.form-status.success{color:#a78bcb!important}.form-status.error{color:#d88b9c!important}
@media(max-width:1000px){.submission-content{min-height:320px}.editorial-note{margin-top:25px}}

.account-page{min-height:75vh;padding:90px 5vw}
.account-layout{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:start}
.account-card{background:#0b0810;border:1px solid var(--line);padding:45px}
.account-profile-card h1{font:600 4rem/1 var(--serif);margin:15px 0}
.account-intro{color:var(--muted);margin-bottom:30px}
.account-form{display:grid;gap:10px}
.account-form label{font:600 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:12px}
.account-form input,.account-form textarea{width:100%;background:#0b0810;border:1px solid var(--line);color:var(--ink);padding:16px 17px;outline:none;font:inherit}
.account-form input:focus,.account-form textarea:focus{border-color:var(--purple2)}
.account-form input[readonly]{opacity:.6;cursor:not-allowed}
.account-form textarea{resize:vertical}
.account-avatar-wrap{margin-bottom:12px}
.account-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#100b17}
.account-side{display:grid;gap:20px}
.account-role-card{display:grid;gap:12px}
.account-role-card p{color:var(--muted);margin:0}
.account-role{display:block;color:var(--purple)!important;text-transform:uppercase;letter-spacing:.12em;font:600 12px var(--ui)!important}
.account-submissions h2{font:600 2.4rem/1 var(--serif);margin:12px 0 25px}
.submission-list{border-top:1px solid var(--line)}
.submission-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.submission-row h3{font:600 1.4rem var(--serif);margin:0 0 5px}
.submission-row p{margin:0;color:var(--muted);font-size:.9rem}
.submission-meta{display:grid;justify-items:end;gap:7px;white-space:nowrap}
.submission-meta time{color:var(--muted);font-size:.8rem}
.submission-status{font:600 10px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}
.submission-status.status-accepted{color:#9bc59b}
.submission-status.status-rejected{color:#c58f9b}
.submission-status.status-revision{color:#c5a86f}
.account-empty{color:var(--muted)}
@media(max-width:850px){.account-page{padding:65px 6vw}.account-layout{grid-template-columns:1fr}.account-profile-card h1{font-size:3.4rem}}
@media(max-width:500px){.account-card{padding:30px 24px}.submission-row{display:grid}.submission-meta{justify-items:start}}

/* Auth-aware navigation */
.site-header nav a.admin-nav-link {
  color: var(--purple);
}
.site-header nav a.admin-nav-link:hover {
  color: var(--ink);
  border-color: var(--purple);
}
.account-role-card .button {
  margin-top: 8px;
  width: 100%;
}

/* Authenticated navigation uses the same base colour as every other nav item. */
.site-header nav a.admin-nav-link,.site-header nav a[data-editor-link],.site-header nav a.authenticated{color:#b9adca}
.site-header nav a.admin-nav-link:hover,.site-header nav a[data-editor-link]:hover,.site-header nav a.authenticated:hover{color:var(--purple)}
.site-header nav a.admin-nav-link.active,.site-header nav a[data-editor-link].active,.site-header nav a.active{color:var(--purple)}
.issue-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.public-issue-card{display:grid;grid-template-columns:220px 1fr;gap:24px;border:1px solid var(--line);padding:20px;background:#0b0810;transition:.2s ease}.public-issue-card:hover{border-color:var(--purple2);background:#100b17;transform:translateY(-2px)}.public-issue-cover{aspect-ratio:4/5;overflow:hidden;background:#09070c;border:1px solid var(--line)}.public-issue-cover img{width:100%;height:100%;object-fit:cover}.public-issue-copy{align-self:center}.public-issue-copy h2{font:600 38px/1 var(--serif);margin:10px 0}.public-issue-copy p{color:var(--muted);margin:0 0 20px}.public-issue-copy small{color:var(--muted);font:500 11px var(--ui)}.issue-public-hero{max-width:1280px;margin:auto;padding:110px 5vw;display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:center}.issue-public-hero .issue-public-cover{aspect-ratio:4/5;border:1px solid var(--line);overflow:hidden}.issue-public-hero .issue-public-cover img{width:100%;height:100%;object-fit:cover}.issue-public-intro h1{font:600 clamp(4rem,8vw,8rem)/.88 var(--serif);margin:12px 0 20px;letter-spacing:-.03em}.issue-public-intro p{font-size:1.25rem;color:var(--muted);max-width:60ch}.issue-public-intro time{color:var(--purple);font:600 11px var(--ui);letter-spacing:.1em;text-transform:uppercase}@media(max-width:850px){.issue-public-grid{grid-template-columns:1fr}.public-issue-card{grid-template-columns:150px 1fr}.issue-public-hero{grid-template-columns:1fr;gap:35px;padding-top:70px}.issue-public-hero .issue-public-cover{max-width:320px}}
.homepage-announcement{border:1px solid var(--line);background:#0b0810;padding:16px 18px;margin-bottom:24px;color:var(--ink);font:500 13px var(--ui)}

.writer-page{max-width:1200px;margin:0 auto;padding:100px 5vw}.writer-hero{display:grid;grid-template-columns:160px minmax(0,1fr);gap:42px;align-items:center;padding-bottom:70px;border-bottom:1px solid var(--line)}.writer-avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#100b17}.writer-hero h1{font:600 clamp(3.5rem,7vw,6.5rem)/.9 var(--serif);letter-spacing:-.04em;margin:12px 0 20px}.writer-hero p{max-width:70ch;color:var(--muted);font-size:1.15rem;line-height:1.7}.writer-work{padding-top:70px}.writer-work h2{font:600 3.5rem/1 var(--serif);margin:12px 0 35px}.article-author{text-decoration:none;color:inherit}.article-author:hover strong{color:var(--purple)}
@media(max-width:700px){.writer-hero{grid-template-columns:1fr}.writer-avatar{width:120px;height:120px}}

/* Article comments */
.article-comments{border-top:1px solid var(--line);margin-top:75px;padding:70px 0 20px}
.article-comments-inner{max-width:820px;margin:0 auto}
.comments-heading h2{font:600 clamp(2.7rem,5vw,4.5rem)/.95 var(--serif);margin:10px 0 35px}
.comment-form{border:1px solid var(--line);background:#0b0810;padding:25px;margin-bottom:45px}
.comment-form label{display:block;font:600 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.comment-form textarea{width:100%;resize:vertical;background:#09070c;border:1px solid var(--line);color:var(--ink);padding:15px;font:400 16px/1.65 var(--serif);outline:none}
.comment-form textarea:focus{border-color:var(--purple2)}
.comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}
.comment-form-footer .button{margin-left:auto}
.comments-list{border-top:1px solid var(--line)}
.article-comment{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:25px 0;border-bottom:1px solid var(--line)}
.comment-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#100b17}
.comment-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.comment-meta strong{font:600 17px var(--serif)}
.comment-meta time{color:var(--muted);font:500 10px var(--ui);letter-spacing:.08em;text-transform:uppercase}
.comment-body p{margin:8px 0 0;line-height:1.7;white-space:pre-wrap}
.comment-delete{margin-left:auto;border:0;background:none;color:#b98595;font:600 10px var(--ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.comment-delete:hover{color:var(--ink)}
.comment-signin,.comments-empty{color:var(--muted)}
@media(max-width:600px){.article-comments{margin-top:55px;padding-top:50px}.comment-form-footer{align-items:flex-end}.comment-form-footer .button{width:100%}.comment-form-footer{flex-direction:column}.article-comment{grid-template-columns:40px minmax(0,1fr)}.comment-avatar{width:40px;height:40px}}

/* Article likes */
.article-engagement{border-top:1px solid var(--line);margin-top:30px;padding:30px 0}
.article-engagement-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:16px}
.article-like{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;font:600 11px var(--ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.article-like:hover,.article-like.liked{border-color:var(--purple2);color:var(--purple)}
.article-like:disabled{opacity:.6;cursor:wait}
.like-symbol{font-size:18px;line-height:1}
.article-like-count,.article-like-disabled{color:var(--muted);font:500 11px var(--ui);letter-spacing:.08em;text-transform:uppercase}

/* Comment replies */
.comment-actions{margin-top:10px}
.comment-reply{border:0;background:none;padding:0;color:var(--purple);font:600 10px var(--ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.comment-reply:hover{color:var(--ink)}
.comment-replies{margin-top:20px;margin-left:24px;padding-left:20px;border-left:1px solid var(--line)}
.comment-nested{padding-top:18px}
.reply-form{margin-top:14px;border:1px solid var(--line);background:#0b0810;padding:18px}
.reply-form textarea{width:100%;resize:vertical;background:#09070c;border:1px solid var(--line);color:var(--ink);padding:12px;font:400 15px/1.6 var(--serif);outline:none}
.reply-form textarea:focus{border-color:var(--purple2)}
.reply-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.reply-form-footer>div{display:flex;gap:8px}
.button-quiet{background:transparent;border:1px solid var(--line);color:var(--muted)}
.reply-signin{color:var(--muted);font:500 10px var(--ui);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:600px){.article-engagement-inner{align-items:flex-start;flex-direction:column}.comment-replies{margin-left:8px;padding-left:12px}.reply-form-footer{align-items:stretch;flex-direction:column}.reply-form-footer>div{width:100%}.reply-form-footer button{flex:1}}