/* Circle — inner pages (terms, privacy, contact) in the editorial/punk language.
   Builds on editorial.css; restyles the pages' existing content classes. */

.legal-padding{padding:clamp(56px,8vw,120px) var(--g) clamp(80px,10vw,150px)}

/* title block */
.legal-header{position:relative;display:grid;gap:22px;padding-bottom:clamp(40px,5vw,72px);margin-bottom:clamp(40px,5vw,72px);border-bottom:2px solid var(--ink)}
.legal-label{justify-self:start;padding:6px 10px 5px;background:var(--ink);color:#f4f4f0;font:800 var(--t-xs)/1.2 var(--grot);font-stretch:112%;letter-spacing:.09em;text-transform:uppercase;transform:rotate(-1.4deg);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.legal-title{margin:0;max-width:12ch;font:900 var(--t-hero)/.88 var(--grot);letter-spacing:-.05em;text-shadow:.04em .035em 0 rgba(255,122,205,.55)}
.legal-title:after{content:"";display:block;width:min(46%,420px);height:.16em;margin-top:.18em;background:var(--pink);border-radius:3px;transform:rotate(-1.2deg)}
.legal-meta{margin:0;color:var(--mute);font:300 var(--t-m)/1.4 var(--serif);font-style:italic}

/* sections */
.legal-split{display:grid;gap:18px;padding:clamp(28px,4vw,48px) 0;border-bottom:1px solid var(--rule)}
.legal-split:last-of-type{border-bottom:0}
.section-label{font:900 var(--t-m)/1.05 var(--grot);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}
.section-content{max-width:68ch}
.section-content p{margin:0 0 1.1em;color:var(--ink-2);font-size:var(--t-body);line-height:1.65}
.section-content p:last-child{margin-bottom:0}
.section-content strong{color:var(--ink);font-weight:700;background:linear-gradient(transparent 62%,rgba(255,122,205,.45) 62% 92%,transparent 92%)}
.section-content a,.critical-clause-box a,.erasure-exception-box a{color:var(--ink)!important;text-decoration:underline!important;text-decoration-color:var(--pink)!important;text-decoration-thickness:2px!important;text-underline-offset:3px}

/* key clauses: a black slip taped into the page */
.critical-clause-box,.erasure-exception-box{position:relative;margin:28px 0 0;padding:30px 26px 26px;background:var(--ink);color:var(--paper);transform:rotate(-.4deg)}
.critical-clause-box:before,.erasure-exception-box:before{content:"";position:absolute;top:-13px;left:24px;width:96px;height:26px;background:rgba(244,238,220,.86);transform:rotate(-4deg);clip-path:polygon(3% 0,97% 4%,100% 22%,97% 41%,100% 62%,96% 100%,2% 96%,0 74%,3% 50%,0 27%)}
.critical-clause-box h4,.erasure-exception-box h4{margin:0 0 12px;color:var(--pink);font:800 var(--t-xs)/1.3 var(--grot);font-stretch:125%;letter-spacing:.06em;text-transform:uppercase}
.critical-clause-box p,.erasure-exception-box p{margin:0;color:rgba(250,250,248,.82);font-size:var(--t-body);line-height:1.6}
.critical-clause-box strong,.erasure-exception-box strong{color:#fff;background:none}

/* contact form */
.form-container{max-width:640px}
.form-group{display:grid;gap:10px;margin-bottom:34px}
.form-group label{font:800 var(--t-xs)/1.25 var(--grot);font-stretch:125%;letter-spacing:.06em;text-transform:uppercase}
.form-input{width:100%;min-height:52px;padding:10px 0;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:400 var(--t-m)/1.35 var(--sans);transition:border-color .2s}
.form-input::placeholder{color:#8a8a84}
.form-input:focus{outline:0;border-bottom-color:var(--pink);box-shadow:0 2px 0 var(--pink)}
textarea.form-input{min-height:160px;resize:vertical}
.submit-btn{display:inline-grid;place-items:center;min-height:56px;min-width:220px;padding:0 36px;border:0;border-radius:999px;background:var(--pink);color:var(--ink);font:800 var(--t-xs)/1 var(--grot);font-stretch:125%;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s,transform .15s}
.submit-btn:hover{background:#ff5cc2}
.submit-btn:active{transform:scale(.98)}

@media (min-width:1025px){
  .legal-split{grid-template-columns:4fr 8fr;gap:clamp(40px,6vw,110px);align-items:start}
  .section-label{position:sticky;top:32px}
}
.skip{position:fixed;top:10px;left:10px;z-index:999;padding:10px 14px;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip:focus{transform:none}
.e-foot-nav a[aria-current=page]{color:var(--pink)}