.toggles{margin:34px 0 40px;border-top:1px solid var(--ink30)}
.note + .toggles{margin-top:0;border-top:0}
.toggles details{border-bottom:1px solid var(--ink14)}
.toggles details:last-child{border-bottom:1px solid var(--ink30)}
.toggles summary{
  list-style:none;cursor:pointer;position:relative;
  padding:18px 34px 18px 2px;
  font-size:19.8px;line-height:1.6;letter-spacing:.04em;color:var(--ink);
  transition:color 220ms ease}
.toggles summary::-webkit-details-marker{display:none}
.toggles summary::after{
  content:"＋";position:absolute;right:2px;top:50%;transform:translateY(-50%);
  color:var(--gold);font-size:18px;transition:color 220ms ease}
.toggles details[open] > summary::after{content:"−"}
.toggles details[open] > summary{color:var(--ink)}
.toggles summary:hover{color:var(--inkBody)}
.toggles summary:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.toggles .tgbody{
  padding:4px 2px 30px 20px;border-left:1px solid var(--ink14);margin-left:1px;
  font-size:19.2px;line-height:2.05;color:var(--inkBody)}
.toggles .tgbody > :first-child{margin-top:0}
.toggles .tgbody p{margin:0 0 22px}

.note{margin:30px 0;padding:20px 22px;border-top:1px solid var(--ink14);
  border-bottom:1px solid var(--ink14);font-size:18px;line-height:1.95;color:var(--inkBody)}
.note > :first-child{margin-top:0}
.note > :last-child{margin-bottom:0}
.note p{margin:0 0 14px}
.note a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

.note.cw{border-top:0;border-bottom:0;border-left:3px solid var(--gold);
  padding:14px 20px;background:rgba(150,112,58,.045);
  font-size:17.4px;color:var(--ink70)}

.prose h3,.toggles .tgbody h3{
  font-size:19.8px;font-weight:600;letter-spacing:.06em;color:var(--ink);
  line-height:1.6;margin:34px 0 12px;position:relative;padding-left:16px}
.prose h3::before,.toggles .tgbody h3::before{
  content:"";position:absolute;left:0;top:.72em;width:9px;height:1px;background:var(--ink30)}

.linkcard{margin:36px 0;padding:24px 26px 26px;border:1px solid var(--ink14);text-align:left}
.linkcard .kicker{font-size:14.4px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--inkMeta);margin-bottom:10px}
.linkcard h3{font-size:25.2px;letter-spacing:.02em;margin:0 0 12px;padding-left:0;line-height:1.4}
.linkcard h3::before{display:none}
.linkcard p{font-size:18px;line-height:1.9;color:var(--inkBody);margin:0 0 6px}
.linkcard p + p{color:var(--inkMeta);font-size:16.8px}
.linkcard .btn{margin-top:16px;color:var(--ink);text-decoration:none}

.prose ol,.toggles .tgbody ol,.prose ul,.toggles .tgbody ul{margin:0 0 22px;padding-left:1.6em}
.prose li,.toggles .tgbody li{margin:0 0 10px;line-height:1.9}
.divider + ol{font-size:16.8px;color:var(--inkMeta);line-height:1.85}
.divider + ol a{word-break:break-all}

.toggles .tgbody a{color:var(--link);text-decoration:underline;
  text-decoration-color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px;
  transition:text-decoration-thickness 180ms ease}
.toggles .tgbody a:hover,.toggles .tgbody a:focus-visible{text-decoration-thickness:2.5px}
.toggles .tgbody blockquote{font-size:18px}

.khead{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;
  justify-content:space-between;align-items:flex-start;padding:22px 40px;pointer-events:none}
.khead .retn{pointer-events:auto;text-decoration:none;color:var(--inkMeta);
  font-size:13px;letter-spacing:.32em;transition:color .3s,transform .3s;   
  display:inline-flex;align-items:center;min-height:44px}
.khead .retn.small{font-size:12px;letter-spacing:.2em}   
.khead .retn:hover,.khead .retn:focus-visible{color:var(--link);transform:translateY(-1px)}
@media (max-width:900px){ .khead{padding:16px 20px} }   

span.tag{cursor:default}

.artHead .artlang{display:inline-block;vertical-align:text-bottom;position:relative;bottom:.95em;
  margin-left:12px;
  font-size:12.6px;font-weight:400;line-height:1.35;letter-spacing:.1em;white-space:nowrap;
  color:var(--inkMeta);border:1px solid var(--ink14);border-radius:2px;padding:2px 8px}

.feedsub{margin:52px 0 0;text-align:center;font-size:13.8px;letter-spacing:.14em}
.feedsub a{color:var(--inkMeta);text-decoration:none;transition:color .3s}
.feedsub a:hover,.feedsub a:focus-visible{color:var(--gold)}

.arttags{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 0;padding-top:24px;
  border-top:1px solid var(--ink14)}

.langmark{display:inline-block;margin-left:10px;font-size:.78em;letter-spacing:.14em;
  color:var(--inkMeta);border:1px solid var(--ink14);border-radius:2px;
  padding:1px 6px;vertical-align:1px}
.row .meta .langmark{margin-left:14px;margin-right:2px}

.artHead .byline{color:inherit;text-decoration:underline;
  text-decoration-color:var(--ink30);text-decoration-thickness:1px;text-underline-offset:3px}
.artHead .byline:hover{text-decoration-color:var(--gold)}

.cite{margin:52px 0 0;padding:22px 0 0;border-top:1px solid var(--ink14)}
.cite .ct{font-size:14.4px;letter-spacing:.2em;color:var(--inkMeta);margin-bottom:12px}
.cite dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;
  font-size:16.2px;line-height:1.75;margin:0}
.cite dt{color:var(--inkMeta);letter-spacing:.1em;white-space:nowrap}
.cite dd{margin:0;color:var(--inkBody)}
.cite a{color:var(--link);text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:3px}
.cite .perma{word-break:break-all}

footer.site .syms{font-size:19px;margin-bottom:26px;gap:26px}   
footer.site .footsym{color:#686661;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  transition:color .3s;font-weight:500;letter-spacing:.13em}
footer.site .footsym:hover{color:var(--gold)}
footer.site .footsym:focus-visible,footer.site .flinks a:focus-visible{
  color:var(--gold);outline:2px solid #9E3C3E;outline-offset:3px}
footer.site .flinks{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:6px 16px;font-size:11px;letter-spacing:.13em;font-weight:500}   
footer.site .flinks a{color:#686661;text-decoration:none;transition:color .3s;
  display:inline-flex;align-items:center;min-height:44px}
footer.site .flinks a:hover{color:var(--gold)}
footer.site .flinks .dot{color:var(--ink14)}
footer.site .copy{margin-top:18px;font-size:11px;letter-spacing:.13em;   
  font-weight:500;color:#686661}

@media (max-width:360px){ footer.site .syms{gap:14px} }
@media (max-width:700px){
  .toggles summary{font-size:18.6px;padding-right:28px}
  .toggles .tgbody{padding-left:14px}
  .linkcard{padding:18px 18px 20px}
  .cite dl{grid-template-columns:1fr;gap:2px 0}
  .cite dt{margin-top:8px}
}