/* Common Closet — long-form program/article pages (scoped under .cc-article).
   Shared by: Personal Brand for Artists, Filming Yourself, Privacy Policy. */
.cc-article{
  --paper:#f4efe9; --ink:#141414; --soft:#3c3a37; --red:#a43135; --line:rgba(20,18,16,.20); --cream:#fbf7f1;
  background:var(--paper);color:var(--ink);
  font-family:'GFS Didot','Playfair Display',Georgia,serif;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.cc-article .wrap{max-width:720px;margin:0 auto;padding:56px 26px 84px;}
.cc-article .eyebrow{text-align:center;text-transform:uppercase;letter-spacing:4px;font-size:11.5px;color:var(--red);font-weight:700;font-family:Arial,sans-serif;}
.cc-article h1{text-align:center;font-weight:700;font-size:clamp(34px,6vw,52px);margin:10px 0 6px;letter-spacing:.5px;line-height:1.08;}
.cc-article .lede{text-align:center;font-style:italic;font-size:18px;color:var(--soft);margin:0 0 36px;}
.cc-article h2{font-weight:700;font-size:26px;margin:38px 0 10px;letter-spacing:.3px;line-height:1.15;}
.cc-article p{margin:0 0 16px;font-size:16.5px;}
.cc-article ul,.cc-article ol{margin:0 0 16px;padding-left:24px;font-size:16.5px;}
.cc-article li{margin:7px 0;}
.cc-article .updated{text-align:center;font-size:13px;color:#9b968d;font-style:italic;margin-bottom:30px;}

/* inline application form */
.cc-article .card{background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:26px 24px;margin:10px 0 8px;}
.cc-article .q{display:block;margin:0 0 18px;}
.cc-article .ql{display:block;text-transform:uppercase;letter-spacing:1px;font-size:11px;color:var(--soft);margin-bottom:8px;font-family:Arial,sans-serif;font-weight:600;}
.cc-article .ql .opt{text-transform:none;letter-spacing:0;color:#9b968d;font-weight:400;}
.cc-article input,.cc-article textarea{width:100%;padding:13px 15px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px;font-family:'GFS Didot','Playfair Display',Georgia,serif;border-radius:3px;box-sizing:border-box;}
.cc-article textarea{min-height:80px;resize:vertical;}
.cc-article input:focus,.cc-article textarea:focus{outline:none;border-color:var(--red);}
.cc-article .btn{display:block;width:100%;margin-top:4px;background:var(--red);color:#fff;border:none;padding:15px 44px;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;font-family:Arial,sans-serif;font-weight:700;border-radius:2px;}
.cc-article .btn:hover{filter:brightness(1.08);}
.cc-article .cc-privacy{text-align:center;font-size:12.5px;color:#9b968d;margin-top:12px;}
.cc-article .cc-privacy a{color:var(--red);}
.cc-article .cc-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;}
.cc-article .cc-note{padding:12px 16px;border-radius:3px;margin-bottom:16px;font-size:14.5px;background:#eee;border:1px solid var(--line);}
.cc-article .cc-note.ok{background:#eaf3ea;border-color:#b8d4b8;}
.cc-article .cc-note.err{background:#f7e9e9;border-color:#dcb8b8;}

.cc-article .related{text-align:center;margin-top:36px;font-size:14.5px;color:var(--soft);}
.cc-article .related a{color:var(--red);text-decoration:none;border-bottom:1px solid rgba(164,49,53,.4);}
.cc-article .foot{text-align:center;margin-top:32px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9b968d;font-family:Arial,sans-serif;}

/* --- Membership Agreement signing page (.cc-signdoc extends .cc-article) --- */
.cc-signdoc .opening{font-size:15.5px;color:var(--soft);}
.cc-signdoc .agree-intro{background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin:22px 0;}
.cc-signdoc .term{border:1px solid var(--line);border-radius:4px;background:#fff;padding:18px 20px;margin:0 0 14px;}
.cc-signdoc .th{font-weight:700;font-size:18px;margin-bottom:8px;}
.cc-signdoc .tn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-family:Arial,sans-serif;margin-right:6px;}
.cc-signdoc .tb{font-size:14.5px;color:var(--soft);margin:0 0 12px;}
.cc-signdoc .tick{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:10px 0;font-size:15px;}
.cc-signdoc .tick input{width:20px;height:20px;flex:0 0 auto;margin-top:1px;accent-color:var(--red);cursor:pointer;}
.cc-signdoc .tick span{line-height:1.45;}
.cc-signdoc .signbox{background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:26px 24px;margin-top:26px;}
.cc-signdoc .fh{text-align:center;font-weight:700;font-size:26px;margin-bottom:16px;}

/* --- Door check page (.cc-door extends .cc-article) --- */
.cc-door .doorform{background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:24px;max-width:480px;margin:18px auto 0;}
.cc-door .doorform input[name="cc_door_q"]{font-size:22px;text-align:center;padding:16px;}
.cc-door .lamp{max-width:480px;margin:10px auto 22px;border-radius:8px;padding:34px 26px;text-align:center;color:#fff;}
.cc-door .lamp-green{background:#1d7a3d;box-shadow:0 18px 50px rgba(29,122,61,.45);}
.cc-door .lamp-red{background:#a42430;box-shadow:0 18px 50px rgba(164,36,48,.45);}
.cc-door .lampmark{font-size:56px;line-height:1;margin-bottom:10px;}
.cc-door .lampname{font-size:30px;font-weight:700;letter-spacing:.5px;}
.cc-door .lamprow{font-size:17px;opacity:.95;margin-top:5px;}
.cc-door .lampnote{font-size:13px;opacity:.85;margin-top:10px;font-style:italic;}
.cc-door .lampwelcome{font-size:20px;font-weight:700;margin-top:14px;letter-spacing:1px;text-transform:uppercase;}
.cc-door .lampbtn{display:inline-block;width:auto;background:#fff;color:#a42430;margin-top:14px;padding:13px 26px;border-radius:3px;font-family:Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;}

/* --- The Agreement as a real document (.cc-door .docpaper) --- */
.cc-door .wrap-doc{max-width:780px;}
.cc-door .docpaper{background:#fdfbf7;border:1px solid var(--line);border-radius:2px;box-shadow:0 24px 70px rgba(20,18,16,.14);padding:54px 48px 40px;}
.cc-door .dochead{text-align:center;margin-bottom:26px;}
.cc-door .docorg{letter-spacing:6px;font-size:13px;font-weight:700;}
.cc-door .doctitle{font-size:clamp(26px,5vw,38px);font-weight:700;letter-spacing:1px;margin-top:14px;line-height:1.15;}
.cc-door .doctitle span{font-size:.62em;letter-spacing:2px;}
.cc-door .docsub{font-style:italic;color:var(--soft);font-size:13.5px;margin-top:8px;}
.cc-door .docdecl{font-size:15.5px;border:1px solid var(--line);background:#fff;padding:16px 18px;border-radius:2px;}
.cc-door .docrule{display:flex;align-items:center;gap:14px;margin:30px 0 18px;color:var(--soft);font-family:Arial,sans-serif;font-size:11px;letter-spacing:2.5px;font-weight:700;}
.cc-door .docrule::before,.cc-door .docrule::after{content:"";flex:1;height:1px;background:var(--line);}
.cc-door .docopen,.cc-door .docsec{font-size:14.5px;line-height:1.65;color:#26241f;margin:0 0 13px;text-align:justify;}
.cc-door .docsec strong{color:var(--ink);}
.cc-door .docfoot{text-align:center;margin-top:30px;font-size:10.5px;letter-spacing:2px;color:#9b968d;font-family:Arial,sans-serif;}
.cc-door .docdate{font-size:14px;color:var(--soft);margin:4px 0 14px;}
/* signature pad */
.cc-door .sigpad{position:relative;border:1.5px solid var(--ink);border-radius:3px;background:#fff;margin:6px 0 4px;}
.cc-door .sigpad canvas{display:block;width:100%;touch-action:none;cursor:crosshair;}
.cc-door .sigline{position:absolute;left:0;right:0;bottom:10px;text-align:center;pointer-events:none;color:#c9c2b6;font-family:Arial,sans-serif;font-size:10.5px;letter-spacing:2px;border-top:1px solid #e5dfd4;margin:0 26px;padding-top:6px;}
.cc-door .sigclear{position:absolute;top:8px;right:8px;background:transparent;border:1px solid var(--line);border-radius:2px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;padding:5px 12px;cursor:pointer;color:var(--soft);}
.cc-door .sigerr{color:#a42430;font-size:14px;margin:6px 0;font-weight:600;}
.cc-door .docsign .q{margin-top:14px;}
.cc-door .docsign .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:640px){
  .cc-door .docpaper{padding:34px 22px 28px;}
  .cc-door .docsign .row2{grid-template-columns:1fr;gap:0;}
}

/* --- Master Participant Agreement rendering --- */
.cc-door .docwarn{border:2px solid var(--ink);background:#fff;padding:16px 18px;font-family:Arial,sans-serif;font-size:12.5px;line-height:1.6;letter-spacing:.2px;margin:20px 0;font-weight:600;}
.cc-door .doctext h2.art,.cc-door .docsign h2.art{text-align:center;font-size:19px;letter-spacing:2px;margin:34px 0 14px;font-weight:700;}
.cc-door .doctext h2.art span,.cc-door .docsign h2.art span{display:block;font-size:14px;letter-spacing:2.5px;color:var(--soft);margin-top:3px;}
.cc-door .doctext p{font-size:13.5px;line-height:1.62;color:#26241f;margin:0 0 11px;text-align:justify;}
.cc-door .ackbox{border:1px solid var(--line);background:#fff;border-radius:3px;padding:14px 16px;margin:10px 0 18px;}
.cc-door .ackbox .tick{border-bottom:1px dashed rgba(20,18,16,.12);padding-bottom:10px;}
.cc-door .ackbox .tick:last-child{border-bottom:0;padding-bottom:0;}
.cc-door .ackbox .tick span{font-size:13.5px;}

/* --- guided signing button + highlight --- */
.cc-door .guidehint{text-align:center;background:var(--red);color:#fff;border-radius:4px;padding:12px 16px;font-size:14.5px;margin:18px 0;}
.cc-door .guidebtn{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:9999;background:var(--red);color:#fff;border:none;border-radius:999px;padding:16px 30px;font-family:Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;cursor:pointer;box-shadow:0 12px 40px rgba(164,49,53,.5);}
.cc-door .guidebtn:active{transform:translateX(-50%) scale(.97);}
.cc-door .guide-hi{outline:3px solid var(--red);outline-offset:3px;border-radius:4px;transition:outline-color .3s;}
.cc-door .guidebtn{min-width:260px;text-align:center;}
