/* Collier County | Claude reference palette rebuilt from user-supplied screenshots. */
html{scroll-behavior:smooth}
body.sg-foreclosures.cl-dark{background:#0b1424!important;color:#dce5f1!important;padding-top:0!important;font-family:Inter,Arial,sans-serif}
.cl-dark .cl-page{padding-top:87px!important;background:#0b1424;min-height:80vh}
.cl-bound{max-width:1130px;margin:0 auto;padding:0 30px}
.cl-dark .cl-title-section{background:#10253b;color:white;padding:37px 0 0}
.cl-kicker,.cl-overline{color:#d4a34f;letter-spacing:.17em;font:800 12px/1.5 Inter,Arial,sans-serif;text-transform:uppercase}
.cl-kicker{margin-bottom:10px}
.cl-title-section h1{font:700 clamp(46px,5vw,64px)/1.0 Georgia,"Times New Roman",serif;margin:0 0 18px;color:#fff}
.cl-subhead{color:#b7c7d8;font:400 18px/1.65 Inter,Arial,sans-serif;margin:0 0 12px}
.cl-agency-intro{font:13px/1.7 Inter,Arial,sans-serif;color:#a9bfd4;margin:0 0 20px}
.cl-agency-intro strong{color:#fff}
.cl-agency-intro a,.cl-report-footer a{color:#e8bd73;text-underline-offset:3px}
.cl-tabs{display:flex;gap:0;align-items:stretch;border-bottom:1px solid #294158;margin-top:26px}
.cl-tabs button{background:none;border:0;color:#b9c8d9;font:750 17px Inter,Arial,sans-serif;padding:20px 22px 18px;cursor:pointer;border-bottom:4px solid transparent}
.cl-tabs button[aria-selected="true"]{color:#fff;border-bottom-color:#d5a34f}
.cl-tabs button:focus-visible,.cl-open-report:focus-visible,.cl-archive-card button:focus-visible{outline:2px solid #d5a34f;outline-offset:3px}
.cl-content{padding-top:24px;padding-bottom:58px}
.cl-tab-panel[hidden]{display:none!important}
.cl-date-card{display:flex;gap:26px;background:#121e30;border:1px solid #30445f;border-radius:18px;padding:24px 26px;max-width:100%;margin:0 0 46px}
.cl-date-column{flex:0 0 110px;text-align:center;border-right:1px solid #31425d;padding-right:18px}
.cl-date-column strong{display:block;color:#d8a752;font:700 68px/.95 Georgia,serif}
.cl-date-column span{display:block;letter-spacing:.12em;color:#a8bbce;font:bold 15px Inter,Arial,sans-serif;margin-top:15px}
.cl-date-content{flex:1;min-width:0}
.cl-date-content h2{font:700 clamp(25px,3vw,39px)/1.12 Georgia,serif;color:#edf3fb;margin:10px 0 18px}
.cl-date-content h2 span{white-space:nowrap}
.cl-count-pills{display:flex;flex-wrap:wrap;gap:9px}
.cl-pill,.cl-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font:850 13px/1 Inter,Arial,sans-serif;white-space:nowrap}
.cl-bid{background:#103e2a;color:#72d6a7}
.cl-watch{background:#49340f;color:#f2bd53}
.cl-pass{background:#461d23;color:#f38d95}
.cl-highlights{list-style:none;padding:0;margin:21px 0 21px;display:grid;gap:10px}
.cl-highlights li{display:flex;align-items:flex-start;gap:9px;font:15px/1.58 Inter,Arial,sans-serif;color:#e2e9f2}
.cl-line-symbol{flex:0 0 20px}
.cl-highlights strong{color:#fff}
.cl-open-report{display:inline-block;background:#091425;color:#fff;padding:12px 18px;border-radius:9px;text-decoration:none;font:800 14px Inter,Arial,sans-serif}
.cl-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:30px 0 14px}
.cl-section-head h2{font:700 28px/1.2 Georgia,serif;color:#fff;margin:0}
.cl-section-head span{font:700 11px Inter,Arial,sans-serif;letter-spacing:.12em;color:#d4aa63;white-space:nowrap}
.cl-summary-list{border:1px solid #30425e;border-radius:15px;padding:12px 20px;background:#141e30}
.cl-proprow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 2px;border-bottom:1px solid #2a3951;text-decoration:none!important}
.cl-proprow:last-child{border-bottom:0}
.cl-propidentity{display:flex;flex-direction:column;gap:2px;min-width:0}
.cl-propidentity strong{font:600 17px Inter,Arial,sans-serif;color:#f1f4fa}
.cl-propidentity small{font:13px Inter,Arial,sans-serif;color:#a2b3c8}
.cl-propidentity b{color:#fff;font:700 16px Georgia,serif;margin-top:4px}
.cl-method{background:#1a2940;border-radius:11px;margin:27px 0 35px;padding:18px 20px;font:14px/1.75 Inter,Arial,sans-serif;color:#d4dfec}
.cl-method strong{color:#fff}
.cl-property-grid{display:grid;grid-template-columns:1fr;gap:30px}
.cl-property-card{background:#142034;border:1px solid #34445d;border-radius:16px;overflow:hidden;scroll-margin-top:104px}
.cl-property-image{height:355px;overflow:hidden;position:relative;background:#152439}
.cl-property-image img{display:block;width:100%;height:100%;object-fit:cover}
.cl-property-image iframe{display:block;width:100%;height:100%;border:0}
.cl-photo-credit{position:absolute;bottom:0;left:0;right:0;background:rgba(12,20,34,.9);padding:7px 15px;color:#cbd7e4;font:11px Inter,Arial,sans-serif}
.cl-property-band{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;font:850 16px Inter,Arial,sans-serif;letter-spacing:.09em;color:white}
.cl-property-band strong{font:700 25px Georgia,serif;color:#fff}
.cl-property-band.cl-bid{background:#09683b}
.cl-property-band.cl-watch{background:#865c13}
.cl-property-band.cl-pass{background:#7e2837}
.cl-property-body{padding:22px 25px 25px}
.cl-property-body h3{font:700 32px/1.15 Georgia,serif;color:#fff;margin:9px 0 6px}
.cl-address{font:14px Inter,Arial,sans-serif;color:#9fb5c9;margin:0 0 17px}
.cl-property-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.cl-property-metrics>div{background:#1e3049;padding:12px;border-radius:6px}
.cl-property-metrics small{display:block;font:700 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.11em;color:#a0b6cd}
.cl-property-metrics strong{display:block;font:700 18px Georgia,serif;color:#fff;margin-top:7px}
.cl-property-highlight{font:14px/1.65 Inter,Arial,sans-serif;color:#e7ecf2;margin:16px 0 17px}
.cl-case-details{border:1px solid #364a65;border-radius:8px;background:#101a2b}
.cl-case-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:15px 17px;color:#f4f7fb;font:800 13px Inter,Arial,sans-serif}
.cl-case-details summary::-webkit-details-marker{display:none}
.cl-case-details[open] summary{border-bottom:1px solid #364a65}
.cl-case-details[open] summary span{transform:rotate(180deg)}
.cl-raw-record{padding:17px}
.cl-raw-record p{font:13px/1.72 Inter,Arial,sans-serif;color:#c8d6e4;margin:0 0 10px}
.cl-raw-record strong{color:#fff}
.cl-raw-record h4{font:700 22px Georgia,serif;color:#fff;margin:22px 0 13px}
.cl-raw-record .fcr-property-overview{border-left:3px solid #d5a34f;padding:12px 14px;background:#1b2d46;margin-bottom:14px}
.cl-raw-record .fcr-property-records{display:grid;grid-template-columns:1fr 1fr;gap:0 19px}
.cl-raw-record .fcr-property-records p{border-bottom:1px solid #293b55;padding:9px 0}
.cl-raw-record .fcr-property-records h4{grid-column:1/-1}
.cl-raw-record .fcr-decision,.cl-raw-record .fcr-risk,.cl-raw-record .fcr-flood{background:#21344e;border-radius:6px;padding:10px!important}
.cl-property-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}
.cl-property-links a{color:#efc580;text-decoration:underline;text-underline-offset:3px;font:700 12px/1.5 Inter,Arial,sans-serif}
.cl-research-notes{padding:20px;background:#17253b;border-left:3px solid #d5a34f;margin:29px 0 0}
.cl-research-notes h3{font:700 19px Georgia,serif;color:#fff;margin:0 0 9px}
.cl-research-notes p{font:12px/1.75 Inter,Arial,sans-serif;color:#c4d1df;margin:0 0 7px}
.cl-archive-head{margin:8px 0 23px}
.cl-archive-head h2{font:700 33px Georgia,serif;color:#fff;margin:8px 0}
.cl-archive-head p{color:#aabbcd;font:15px/1.7 Inter,Arial,sans-serif}
.cl-archive-card{display:flex;gap:25px;align-items:start;border:1px solid #2d4560;background:#132136;border-radius:15px;padding:28px}
.cl-archive-year{font:700 42px Georgia,serif;color:#d8aa5b}
.cl-archive-card h3{color:#fff;font:700 22px Georgia,serif;margin:4px 0}
.cl-archive-card p{color:#b7c8db;font:14px/1.65 Inter,Arial,sans-serif}
.cl-archive-card button{border:0;border-radius:8px;color:#fff;background:#091627;padding:12px 15px;font:750 13px Inter,Arial,sans-serif;cursor:pointer}
.cl-report-footer{border-top:1px solid #30415b;padding-top:20px;padding-bottom:32px}
.cl-report-footer p{color:#9fb1c6;font:11px/1.7 Inter,Arial,sans-serif;margin:0 0 8px}
.cl-report-footer strong{color:#fff}
.cl-dark .cl-page a:not(.cl-open-report){text-underline-offset:4px}
@media(max-width:1050px){.cl-date-card{gap:16px}.cl-property-image{height:310px}}
@media(max-width:760px){
body.sg-foreclosures.cl-dark{padding-top:0!important}
.cl-dark .cl-page{padding-top:60px!important}
.cl-bound{padding:0 16px}
.cl-dark .cl-title-section{padding:26px 0 0}
.cl-title-section h1{font-size:46px;margin-bottom:13px}
.cl-subhead{font-size:15px;line-height:1.6}
.cl-agency-intro{font-size:12px}
.cl-tabs{margin-top:20px}.cl-tabs button{font-size:15px;padding:17px 16px}
.cl-content{padding-top:16px;padding-bottom:36px}
.cl-date-card{padding:17px 14px;border-radius:14px;gap:13px;margin-bottom:30px}
.cl-date-column{flex-basis:70px;padding-right:10px}
.cl-date-column strong{font-size:47px}.cl-date-column span{font-size:12px;margin-top:10px}
.cl-overline{font-size:10px;letter-spacing:.12em}
.cl-date-content h2{font-size:25px;margin:7px 0 12px}.cl-date-content h2 span{white-space:normal}
.cl-pill{font-size:11px;padding:7px 9px}
.cl-highlights li{font-size:13px;line-height:1.55}
.cl-section-head h2{font-size:21px}.cl-section-head span{font-size:9px}
.cl-summary-list{padding:7px 15px}.cl-propidentity strong{font-size:14px}.cl-propidentity small{font-size:12px}.cl-propidentity b{font-size:15px}
.cl-property-image{height:235px}
.cl-property-body{padding:16px}.cl-property-body h3{font-size:25px}
.cl-property-metrics{gap:5px}.cl-property-metrics>div{padding:9px 7px}.cl-property-metrics strong{font-size:15px}.cl-property-metrics small{font-size:8px}
.cl-raw-record{padding:12px}.cl-raw-record .fcr-property-records{grid-template-columns:1fr}
.cl-archive-card{display:block}.cl-archive-year{font-size:35px}
}
@media(min-width:761px) and (max-width:1023px){.cl-dark .cl-page{padding-top:66px!important}}
@media(max-width:340px){.cl-title-section h1{font-size:41px}.cl-date-content h2{font-size:21px}.cl-date-column{flex-basis:55px}.cl-date-column strong{font-size:38px}}

/* Spyglass typography: match the main site's Cormorant Garamond / Playfair Display / Inter.
   Keep the supplied report's dark palette and preserve comfortable reading sizes. */
.cl-dark .cl-page {
 --cl-report-display: var(--serif-display, "Cormorant Garamond", Georgia, serif);
 --cl-report-serif: var(--serif, "Playfair Display", Georgia, serif);
 --cl-report-sans: var(--sans, "Inter", Arial, sans-serif);
 font-family:var(--cl-report-sans);
}
.cl-dark .cl-title-section h1 {
 font-family:var(--cl-report-display)!important;
 font-weight:600!important;
 font-size:clamp(52px,6vw,76px)!important;
 line-height:1.04!important;
 letter-spacing:-.012em!important;
}
.cl-dark .cl-date-content h2,
.cl-dark .cl-section-head h2,
.cl-dark .cl-property-body h3,
.cl-dark .cl-archive-head h2,
.cl-dark .cl-archive-card h3,
.cl-dark .cl-research-notes h3,
.cl-dark .cl-raw-record h4 {
 font-family:var(--cl-report-display)!important;
 font-weight:600!important;
 letter-spacing:-.004em!important;
 line-height:1.12!important;
}
.cl-dark .cl-date-column strong,
.cl-dark .cl-property-band strong,
.cl-dark .cl-property-metrics strong,
.cl-dark .cl-propidentity b,
.cl-dark .cl-archive-year {
 font-family:var(--cl-report-serif)!important;
 font-weight:600!important;
 letter-spacing:0!important;
}
.cl-dark .cl-kicker,.cl-dark .cl-overline {font-family:var(--cl-report-sans)!important;font-weight:700!important;letter-spacing:.13em!important}
.cl-dark .cl-tabs button {font-family:var(--cl-report-sans)!important;font-weight:650!important}
.cl-dark .cl-highlights li {font-family:var(--cl-report-sans)!important;font-weight:400!important}
.cl-dark .cl-open-report,.cl-dark .cl-archive-card button {font-family:var(--cl-report-sans)!important;font-weight:650!important}
.cl-dark .cl-archive-source {margin-top:18px;display:inline-flex;align-items:center;background:#152a43;border:1px solid #50647b;padding:12px 15px;border-radius:4px;color:#f5d095!important;text-decoration:none!important;font:600 14px/1.4 var(--cl-report-sans)}
.cl-dark .cl-archive-source:hover {background:#1c3553}
@media(max-width:760px){
 .cl-dark .cl-title-section h1 {font-size:clamp(46px,11.7vw,60px)!important;line-height:1.06!important}
 .cl-dark .cl-date-content h2 {font-size:29px!important}
 .cl-dark .cl-section-head h2 {font-size:26px!important}
 .cl-dark .cl-property-body h3 {font-size:30px!important}
 .cl-dark .cl-archive-head h2 {font-size:32px!important}
 .cl-dark .cl-highlights li {font-size:14px!important;line-height:1.65!important}
 .cl-dark .cl-property-highlight {font-size:14px!important;line-height:1.7!important}
 .cl-dark .cl-raw-record p {font-size:13px!important;line-height:1.75!important}
}

/* 2026 archive entries use the same dark report cards and status colors. */
.cl-archive-tally{display:flex;gap:15px;align-items:center;border-bottom:1px solid #34485f;padding:0 0 17px;margin:0 0 17px;color:#c5d5e5;font:13px var(--serif,Georgia,serif)}
.cl-archive-tally strong{font:600 31px var(--serif-display,"Cormorant Garamond",Georgia,serif);color:#ddb46e}
.cl-archive-entry{display:grid;grid-template-columns:105px 1fr;gap:24px;background:#142137;border:1px solid #344760;border-radius:16px;padding:25px;margin:0 0 27px}
.cl-archive-date{border-right:1px solid #36465f;padding-right:20px;text-align:center}
.cl-archive-date strong{display:block;color:#d8aa59;font:600 64px/.95 var(--serif,"Playfair Display",Georgia,serif)}
.cl-archive-date span{display:block;letter-spacing:.13em;color:#bbcadb;font:700 15px var(--sans,Inter,Arial,sans-serif);margin-top:12px}
.cl-archive-date small{display:block;color:#8ca1b8;font-size:12px;margin-top:6px}
.cl-archive-entry-body{min-width:0}
.cl-archive-entry-body h3{font:600 33px/1.1 var(--serif-display,"Cormorant Garamond",Georgia,serif);margin:9px 0 6px;color:#fff}
.cl-archive-prepared{font:12px/1.5 var(--sans,Inter,Arial,sans-serif);color:#a4b7cd;margin:0 0 14px}
.cl-archive-properties{list-style:none;padding:0;margin:16px 0 23px}
.cl-archive-properties li{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #2c3a51;padding:11px 0;color:#e1eaf6}
.cl-archive-properties li strong{display:block;font:600 15px/1.35 var(--sans,Inter,Arial,sans-serif)}
.cl-archive-properties li small{display:block;color:#aabed3;font:12px/1.5 var(--sans,Inter,Arial,sans-serif);margin-top:3px}
.cl-archive-open{display:inline-flex;padding:13px 16px;border-radius:7px;background:#081525;color:#fff!important;text-decoration:none!important;font:700 13px/1.4 var(--sans,Inter,Arial,sans-serif)}
.cl-archive-open:hover{background:#213954}
.cl-archive-missing{background:#17253a;border-left:3px solid #d5a34f;padding:19px 20px}
.cl-archive-missing h3{font:600 25px var(--serif-display,"Cormorant Garamond",Georgia,serif);margin:0 0 5px;color:#fff}
.cl-archive-missing p{font:13px/1.7 var(--sans,Inter,Arial,sans-serif);color:#b3c6db;margin:0}
@media(max-width:700px){
 .cl-archive-entry{grid-template-columns:63px 1fr;gap:13px;padding:15px}
 .cl-archive-date{padding-right:9px}
 .cl-archive-date strong{font-size:40px}
 .cl-archive-date span{font-size:11px}
 .cl-archive-entry-body h3{font-size:26px}
 .cl-archive-properties li{align-items:flex-start;flex-direction:column;gap:7px}
 .cl-archive-properties li strong{font-size:13px}
 .cl-archive-properties li .cl-status{font-size:11px}
}


/* Source-fed reports inherit the approved Spyglass foreclosure palette and typography. */
.cl-drive-archive{display:grid;gap:20px}
.cl-drive-entry .cl-archive-properties li small{max-width:620px;line-height:1.6}
.cl-archive-report-details{border:1px solid #344760;background:#101d30;border-radius:7px;margin-top:17px}
.cl-archive-report-details>summary{list-style:none;padding:14px 16px;font:650 14px/1.5 var(--sans,"Inter",Arial,sans-serif);color:#f2f5fa;cursor:pointer}
.cl-archive-report-details>summary::-webkit-details-marker{display:none}
.cl-archive-report-details[open]>summary{border-bottom:1px solid #344760}
.cl-archive-full-report{padding:0 15px 14px}
.cl-archive-propdetail{border-bottom:1px solid #344760;padding:10px 0}
.cl-archive-propdetail:last-child{border-bottom:none}
.cl-archive-propdetail>summary{list-style:none;cursor:pointer;color:#f5efe5;font:600 16px/1.5 var(--serif-display,"Cormorant Garamond",Georgia,serif);display:flex;align-items:center;gap:8px;justify-content:space-between}
.cl-archive-propdetail>summary::-webkit-details-marker{display:none}
.cl-archive-propdetail .cl-archive-text{padding:10px 0;color:#c4d3e1}
.cl-archive-propdetail .cl-archive-text p{font:13px/1.75 var(--sans,"Inter",Arial,sans-serif);margin:0 0 9px}
@media(max-width:700px){.cl-archive-propdetail>summary{font-size:15px}.cl-archive-report-details>summary{font-size:13px}}