/* Terms & Privacy: court-paper document. Shared by /terms, /atelier/terms and the home overlay. */
.court{--ink:#1d1812;--ink2:#4a3f30;--rule:rgba(62,96,128,.2);--red:rgba(176,52,48,.55);--mono:"Courier Prime","American Typewriter","Courier New",Courier,monospace;
  color:var(--ink);background-color:#efe3bf;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .1 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(120% 70% at 50% 0%,rgba(255,250,232,.6),transparent 65%),
    radial-gradient(130% 100% at 50% 50%,transparent 55%,rgba(122,84,30,.3) 100%);
  background-attachment:fixed;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:16.5px;line-height:28px;
  -webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.court{min-height:100vh}
.court *{box-sizing:border-box}

.court .doc{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:96px max(clamp(36px,8vw,92px),calc((100% - 1120px)/2)) 112px}
/* margin rules and writing lines, like pleading paper */
.court .doc::before{content:"";position:absolute;inset:96px 0 112px 0;pointer-events:none;
  background:repeating-linear-gradient(to bottom,transparent 0 27px,var(--rule) 27px 28px)}
.court .doc::after{content:"";position:absolute;top:0;bottom:0;left:clamp(14px,4vw,40px);width:5px;pointer-events:none;
  border-left:1px solid var(--red);border-right:1px solid var(--red)}
.court .doc>*{position:relative;z-index:1}

.court .rail{margin-bottom:28px}
.court .rail-kicker{font:700 11px/28px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#8e2a26;margin:0}
.court .rail-title{font:700 clamp(30px,5vw,40px)/1.15 var(--mono);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin:0 0 28px;padding:0;border:0}
.court .doc-date{font:400 12px/28px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin:0}
.court .lede{font-style:italic;color:var(--ink2);margin:28px 0 0}
.court .toc{display:none}

.court .doc h2:not(.rail-title){font:700 13px/28px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:28px 0 0;padding:0;scroll-margin-top:28px}
.court .doc p{margin:0 0 28px;color:#2a2318}
.court .doc .rail p{margin-bottom:0}
.court .doc ul{list-style:none;margin:0 0 28px;padding:0 0 0 28px}
.court .doc li{margin:0;color:#2a2318}

.court .sealed{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:84px;padding-top:28px;border-top:1px solid rgba(29,24,18,.55)}
.court .sign img{height:64px;display:block;filter:brightness(0);opacity:.9;mix-blend-mode:multiply}
.court .sign-fallback{display:none;font:italic 26px/1.2 Georgia,serif;color:#000}
.court .sign-line{width:min(260px,70vw);border-top:1px solid var(--ink);margin:6px 0 0}
.court .sign-name{font:400 11px/28px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.court .seal{width:150px;height:150px;flex:none;margin:0 6px -14px 0;filter:drop-shadow(0 6px 8px rgba(60,20,10,.28));transform:rotate(-8deg)}
.court .dmca-foot{display:flex;justify-content:center;margin:56px 0 0}
.court .dmca-foot .dmca-badge{display:inline-block;line-height:0;opacity:.9;transition:opacity .3s}
.court .dmca-foot .dmca-badge:hover,.court .dmca-foot .dmca-badge:focus-visible{opacity:1}
.court .dmca-foot .dmca-badge img{display:block;width:120px;max-width:100%;height:auto;border:0}

.close-btn,.terms-overlay-close{position:fixed;top:20px;right:22px;width:42px;height:42px;border-radius:50%;border:1px solid #6b5a38;background:#f3e9c9;color:#1d1812;
  font:22px/1 Georgia,serif;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;z-index:10001;box-shadow:0 2px 8px rgba(60,40,10,.25);transition:background .2s}
.close-btn:hover,.terms-overlay-close:hover{background:#e6d8ae}

@media (min-width:1000px){
  .court .doc{grid-template-columns:minmax(250px,320px) minmax(0,1fr);column-gap:clamp(56px,6vw,96px)}
  .court .doc>*{grid-column:2;max-width:68ch}
  .court .doc>.rail{grid-column:1;grid-row:1/span 400;align-self:start;position:sticky;top:48px;max-width:none;margin:0;max-height:calc(100vh - 72px);display:flex;flex-direction:column}
  .court .toc{display:block;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;margin-top:28px;padding-top:12px;border-top:1px solid rgba(29,24,18,.4)}
  .court .toc ol{list-style:none;margin:0;padding:0;counter-reset:c}
  .court .toc li{counter-increment:c;margin:0}
  .court .toc a{display:block;padding:5px 0 5px 34px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 12px/16px var(--mono);letter-spacing:.04em;color:var(--ink2);text-decoration:none;transition:color .2s,padding .25s}
  .court .toc a::before{content:counter(c,decimal-leading-zero);position:absolute;left:0;opacity:.55}
  .court .toc a:hover,.court .toc a.on{color:#8e2a26;padding-left:40px}
}
@media (max-width:520px){
  .court{font-size:16px}
  .court .doc{padding:80px 22px 88px 34px}
  .court .seal{width:120px;height:120px}
}

.court .mail-line{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;vertical-align:baseline}
.court .mail-addr{font:700 14px/22px var(--mono);letter-spacing:.04em;padding:0 2px;border-bottom:1px dotted var(--ink2);-webkit-user-select:text;user-select:text}
.court .copy-mail{font:700 10px/20px var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:0 10px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.court .copy-mail:hover,.court .copy-mail:focus-visible{background:var(--ink);color:#efe3bf}
.court .copy-mail.ok{background:#2f5d3a;border-color:#2f5d3a;color:#f4ecd2}
