*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f7f3;color:#111;font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.top{position:sticky;top:0;z-index:20;background:rgba(247,247,243,.96);border-bottom:1px solid #cfcfc7;backdrop-filter:blur(8px)}
.top-inner{max-width:1120px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:16px}
.projects{display:flex;gap:8px;flex-wrap:wrap}
.project{border:2px solid #111;border-radius:999px;padding:7px 11px;font-weight:800;font-size:13px;text-decoration:none}
.top-spacer{flex:1}
.back{font-size:14px;text-decoration:none;border-bottom:1px solid #777}
.hero{max-width:1120px;margin:auto;padding:72px 24px 28px}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:18px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(52px,7vw,104px);line-height:.92;letter-spacing:-.04em;margin:0 0 28px;max-width:900px}
.lead{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.2vw,32px);line-height:1.36;max-width:900px;margin:0}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.meta span{border:1.5px solid #111;border-radius:999px;padding:8px 11px;font-size:13px}
.controls{max-width:1120px;margin:0 auto;padding:20px 24px 36px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.controls label{font-weight:800}
select{font:inherit;padding:11px 42px 11px 12px;border:2px solid #111;border-radius:12px;background:#fff;color:#111}
.warning{max-width:820px;margin:0 auto 34px;padding:18px 20px;border:3px solid #111;border-radius:18px;background:#fff}
.warning b{display:block;margin-bottom:5px}
.article{max-width:820px;margin:0 auto;padding:0 24px 96px}
.article-body{font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.8vw,25px);line-height:1.62}
.article-body p{margin:0 0 1.15em}
.article-body[dir="rtl"]{text-align:right}
.after{margin-top:56px;padding-top:28px;border-top:3px solid #111;font-family:Arial,Helvetica,sans-serif}
.after h2{font-size:26px;margin:0 0 10px}
.after p{font-size:17px;line-height:1.55;margin:0 0 14px}
.after-links{display:flex;gap:12px;flex-wrap:wrap}
.after-links a{border:2px solid #111;border-radius:14px;padding:11px 14px;text-decoration:none;font-weight:800}
footer{border-top:12px solid #111;padding:26px 24px 44px}
.footer-inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}
@media(max-width:700px){
  .top-inner{align-items:flex-start}
  .back{display:none}
  .hero{padding-top:50px}
  .controls{align-items:flex-start;flex-direction:column}
  select{width:100%}
}

.canonical-author-callout{max-width:1120px;margin:36px auto 56px;padding:24px;border-top:2px solid currentColor;border-bottom:1px solid currentColor}
.canonical-author-callout .cac-kicker{font:700 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.canonical-author-callout h2{font:400 clamp(28px,3.6vw,46px)/1.05 Georgia,"Times New Roman",serif;margin:0 0 12px}
.canonical-author-callout p{max-width:780px;font:17px/1.55 Georgia,"Times New Roman",serif;margin:0 0 16px}
.canonical-author-callout a{font:700 14px/1.2 Arial,Helvetica,sans-serif;text-decoration:none;border-bottom:1px solid currentColor}
@media(max-width:700px){.canonical-author-callout{margin:24px 20px 42px;padding:20px 0}}
