/* Condos of LA: checklists, board brief and building check.
 * Shared by /condo-buyer-checklist, /condo-seller-checklist,
 * /hoa-board-brief-2027 and /building-check. Loaded after site.css and reuses
 * its tokens (--ink, --greige, --muted, --line, --serif, --sans) and the
 * .art-hero / .art-body / .g-faqs / .art-cta article layout. */

.cl-wrap{max-width:760px;margin:0 auto;padding:40px 40px 10px;}
.cl-lede{font-size:18px;line-height:1.7;color:#33302b;margin:0 0 18px;}
.cl-lede a,.cl-why a,.cl-note a,.cl-sec p a,.bc-box a{border-bottom:1px solid var(--line);}
.cl-lede a:hover,.cl-why a:hover,.cl-note a:hover,.cl-sec p a:hover,.bc-box a:hover{border-color:var(--ink);}
.cl-note{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 14px;}

/* toolbar: print + progress. Buttons start hidden and checklist.js reveals
   them, so a visitor without JavaScript never sees a button that does nothing. */
.cl-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:22px 0 8px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.cl-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:13px 24px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;line-height:1;}
.cl-btn:hover{background:#000;}
.cl-btn.ghost{background:transparent;color:var(--ink);}
.cl-btn.ghost:hover{background:var(--ink);color:#fff;}
.cl-btn[hidden]{display:none;}
.cl-count{font-size:13px;letter-spacing:.06em;color:var(--muted);}
.cl-jump{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;padding:0;list-style:none;font-size:14px;}
.cl-jump a{border-bottom:1px solid var(--line);color:#33302b;}
.cl-jump a:hover{border-color:var(--ink);}

/* sections and items */
.cl-sec{margin:38px 0 0;scroll-margin-top:90px;}
.cl-sec h2{font-family:var(--serif);font-weight:600;font-size:clamp(25px,3.2vw,30px);line-height:1.2;margin:0 0 6px;}
.cl-sec h2 .n{display:inline-block;min-width:1.4em;color:var(--muted);font-weight:500;}
.cl-sec > p{font-size:16.5px;line-height:1.7;color:#4f4b44;margin:0 0 10px;}
.cl-list{list-style:none;margin:10px 0 0;padding:0;}
.cl-item{border-top:1px solid var(--line);}
.cl-item:last-child{border-bottom:1px solid var(--line);}
.cl-item label{display:grid;grid-template-columns:26px 1fr;gap:0 14px;padding:15px 0;cursor:pointer;}
.cl-item input[type=checkbox]{width:20px;height:20px;margin:3px 0 0;accent-color:var(--ink);cursor:pointer;}
.cl-what{display:block;font-size:17px;line-height:1.5;color:var(--ink);font-weight:500;}
.cl-why{display:block;font-size:15.5px;line-height:1.6;color:#5a554c;margin-top:4px;}
.cl-item input:checked ~ span .cl-what{color:var(--muted);}
.cl-ex{background:var(--greige);padding:16px 20px;margin:14px 0 0;font-size:15.5px;line-height:1.65;color:#33302b;}
.cl-ex strong{color:var(--ink);font-weight:500;}

/* email capture and request forms */
.cl-capture{background:var(--greige);padding:28px 28px 24px;margin:40px 0 0;}
.cl-capture h2,.bc-form h2{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.2;margin:0 0 8px;}
.cl-capture p{font-size:15.5px;line-height:1.65;color:#4f4b44;margin:0 0 14px;}
.cl-form{display:grid;gap:12px;}
.cl-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cl-form label.f{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;}
.cl-form label.f .opt{letter-spacing:.04em;text-transform:none;}
.cl-form input[type=text],.cl-form input[type=email],.cl-form input[type=tel],.cl-form select,.cl-form textarea{width:100%;font-family:var(--sans);font-size:16px;color:var(--ink);background:#fff;border:1px solid #d6d1c6;border-radius:0;padding:13px 14px;line-height:1.3;-webkit-appearance:none;appearance:none;}
.cl-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b665a' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;}
.cl-form textarea{min-height:110px;resize:vertical;}
.cl-form input:focus,.cl-form select:focus,.cl-form textarea:focus{outline:2px solid var(--ink);outline-offset:1px;}
.cl-form fieldset{border:0;margin:0;padding:0;min-width:0;}
.cl-form legend{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;padding:0;}
.cl-radios{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.cl-radios label{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d6d1c6;padding:12px 12px;font-size:15px;line-height:1.3;cursor:pointer;}
.cl-radios input{accent-color:var(--ink);width:18px;height:18px;margin:0;flex:0 0 auto;}
.cl-radios label:has(input:checked){border-color:var(--ink);}
.cl-consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:13px;line-height:1.55;color:#5a554c;cursor:pointer;}
.cl-consent input{accent-color:var(--ink);width:18px;height:18px;margin:1px 0 0;}
.cl-form button[type=submit]{justify-self:start;}
.cl-form .lead-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0;}
.cl-thanks{font-size:16.5px;line-height:1.65;color:var(--ink);background:#fff;border-left:2px solid var(--ink);padding:16px 18px;margin:6px 0 0;}
.cl-thanks[hidden]{display:none;}
.cl-form .f-err,.cl-form [role=alert]{font-size:13.5px;color:#9b2c1f;margin:4px 0 0;}

/* building check */
.bc-box{border:1px solid var(--ink);padding:24px 26px;margin:26px 0 0;}
.bc-box[hidden]{display:none;}
.bc-box .over{display:block;margin-bottom:8px;}
.bc-box h2{font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.2;margin:0 0 4px;}
.bc-box .addr{font-size:14.5px;color:var(--muted);margin:0 0 14px;}
.bc-facts{list-style:none;margin:0;padding:0;}
.bc-facts li{border-top:1px solid var(--line);padding:13px 0;font-size:15.5px;line-height:1.6;color:#33302b;}
.bc-facts li strong{display:block;font-weight:500;color:var(--ink);font-size:16px;margin-bottom:2px;}
.bc-layers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 0;}
.bc-layer{background:var(--greige);padding:20px 22px;}
.bc-layer h3{font-family:var(--serif);font-weight:600;font-size:21px;margin:0 0 6px;}
.bc-layer p{font-size:15px;line-height:1.6;color:#4f4b44;margin:0;}
.bc-form{margin:40px 0 0;}
.bc-form > p{font-size:15.5px;line-height:1.65;color:#4f4b44;margin:0 0 16px;}

/* board brief and seller sheet extras */
.cl-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0;}
.cl-fact{background:var(--greige);padding:16px 16px 14px;}
.cl-fact b{display:block;font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.1;color:var(--ink);margin-bottom:6px;}
.cl-fact span{display:block;font-size:13.5px;line-height:1.5;color:#4f4b44;}
.cl-disclaim{font-size:13px;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin:36px 0 0;}
.cl-print-head,.cl-print-foot{display:none;}

@media (max-width:600px){
  .cl-wrap{padding:28px 22px 6px;}
  .cl-form .row,.cl-radios,.bc-layers{grid-template-columns:1fr;}
  .cl-facts{grid-template-columns:1fr;}
  .cl-capture{padding:22px 18px 20px;}
  .bc-box{padding:20px 18px;}
  .cl-what{font-size:16.5px;}
}

/* ── print ─────────────────────────────────────────────────────────────────
 * Prints the checklist itself and nothing else: no site header, footer,
 * forms, FAQs, related links or anything site.js injects. Sized to land the
 * buyer checklist on about four Letter pages, the seller checklist on about
 * three and the board brief on two. */
@media print{
  @page{size:letter;margin:0.55in 0.6in;}
  html,body{background:#fff!important;}
  body{font-size:10pt;color:#000;}
  body > *:not(main){display:none!important;}
  main > *:not(article){display:none!important;}
  .no-print,.cl-tools,.cl-capture,.bc-form,.g-faqs,.art-cta,.art-foot,.art-img,.art-hero .crumb,.cl-jump{display:none!important;}
  a{color:#000!important;border:0!important;text-decoration:none!important;}
  .art-hero{max-width:none;padding:0;margin:0 0 6pt;text-align:left;}
  .art-hero .cat{font-size:7.5pt;margin:0 0 3pt;letter-spacing:.16em;}
  .art-hero h1{font-size:19pt;line-height:1.15;margin:0 0 3pt;}
  .art-hero .meta{font-size:8pt;}
  .cl-wrap{max-width:none;padding:0;}
  .cl-lede{font-size:9.5pt;line-height:1.45;margin:0 0 5pt;}
  .cl-note{font-size:8pt;line-height:1.4;margin:0 0 4pt;}
  .cl-print-head{display:block;font-size:7.5pt;letter-spacing:.04em;color:#444;border-bottom:.5pt solid #999;padding:0 0 4pt;margin:0 0 8pt;}
  .cl-print-foot{display:block;font-size:7.5pt;line-height:1.45;color:#444;border-top:.5pt solid #999;padding:5pt 0 0;margin:10pt 0 0;break-inside:avoid;}
  .cl-sec{margin:10pt 0 0;}
  .cl-sec h2{font-size:13.5pt;margin:0 0 2pt;break-after:avoid;page-break-after:avoid;}
  .cl-sec > p{font-size:9pt;line-height:1.4;margin:0 0 3pt;break-after:avoid;}
  .cl-item{break-inside:avoid;page-break-inside:avoid;border-color:#ccc;}
  .cl-item label{grid-template-columns:13pt 1fr;gap:0 7pt;padding:4.5pt 0;}
  .cl-item input[type=checkbox]{width:10pt;height:10pt;margin:1pt 0 0;}
  .cl-what{font-size:9.5pt;line-height:1.3;color:#000!important;}
  .cl-why{font-size:8.5pt;line-height:1.35;color:#333;margin-top:1pt;}
  .cl-ex{font-size:8.5pt;line-height:1.4;padding:5pt 8pt;margin:5pt 0 0;background:#f2f2f2;break-inside:avoid;}
  .cl-facts{gap:6pt;margin:6pt 0 0;}
  .cl-fact{padding:5pt 7pt;background:#f2f2f2;break-inside:avoid;}
  .cl-fact b{font-size:12pt;margin-bottom:2pt;}
  .cl-fact span{font-size:8pt;line-height:1.35;}
  .cl-disclaim{font-size:7.5pt;line-height:1.4;margin:8pt 0 0;padding-top:4pt;}
  .bc-box{display:none!important;}
}

/* buyer overview (/condo-buyer-checklist): numbered factors, steps, short FAQ */
.bg-factors{list-style:none;counter-reset:bgf;margin:16px 0 0;padding:0;}
.bg-factors li{counter-increment:bgf;position:relative;border-top:1px solid var(--line);padding:18px 0 16px 46px;}
.bg-factors li:last-child{border-bottom:1px solid var(--line);}
.bg-factors li::before{content:counter(bgf);position:absolute;left:0;top:16px;font-family:var(--serif);font-size:28px;line-height:1;color:var(--muted);}
.bg-factors h3,.bg-faq h3{font-family:var(--sans);font-weight:500;font-size:17px;line-height:1.4;margin:0 0 6px;color:var(--ink);}
.bg-factors p,.bg-faq p{font-size:15.5px;line-height:1.65;color:#5a554c;margin:0;}
.bg-factors a,.bg-faq a{border-bottom:1px solid var(--line);color:#33302b;white-space:nowrap;}
.bg-steps{margin:14px 0 0;padding:0;list-style:none;}
.bg-steps li{font-size:16px;line-height:1.65;color:#4f4b44;padding:12px 0;border-top:1px solid var(--line);}
.bg-steps li:last-child{border-bottom:1px solid var(--line);}
.bg-steps strong{color:var(--ink);font-weight:500;}
.bg-faq{border-top:1px solid var(--line);padding:16px 0;}
.bg-faq:last-child{border-bottom:1px solid var(--line);}
a.cl-btn{text-decoration:none;}
a.cl-btn.ghost{color:var(--ink);}
@media (max-width:600px){.bg-factors li{padding-left:36px;}.bg-factors a{white-space:normal;}}