.bsp-directory,.bsp-article{--bsp-dark:#182820;--bsp-green:#315744;--bsp-orange:#d98b4d;--bsp-warm:#f8f6f1;--bsp-border:#deded5;color:#26352c;font-family:inherit;max-width:1200px;margin:0 auto;line-height:1.72}.bsp-hero{background:linear-gradient(135deg,#182820,#315744);color:white;padding:clamp(32px,6vw,78px);border-radius:20px;margin:12px 0 34px}.bsp-hero h1{color:white!important;font-size:clamp(34px,5vw,58px);line-height:1.12;margin:10px 0 20px}.bsp-hero p{max-width:760px;font-size:17px;color:#eff1e9}.bsp-kicker{font-weight:800;letter-spacing:2px;font-size:11px;color:#ffc18a}.bsp-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.bsp-hero-meta span{padding:6px 15px;border:1px solid #ffffff55;border-radius:30px;font-size:13px}.bsp-directory h2,.bsp-article h2{color:var(--bsp-dark);line-height:1.25}.bsp-directory-intro{max-width:890px;margin-bottom:30px}.bsp-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(170px,1fr);gap:12px;align-items:end;background:var(--bsp-warm);padding:22px;border:1px solid var(--bsp-border);border-radius:14px}.bsp-search-label,.bsp-filter-label{grid-row:1;font-size:13px;font-weight:800}.bsp-search-label{grid-column:1}.bsp-filter-label{grid-column:2}.bsp-search,.bsp-controls select{width:100%!important;max-width:none!important;min-height:49px;border:1px solid #c7ccc5!important;border-radius:8px!important;background:#fff!important;color:#222!important;padding:12px!important}.bsp-count{font-size:14px;color:#526257;margin:18px 0 16px}.bsp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bsp-card{border:1px solid var(--bsp-border);border-radius:14px;overflow:hidden;background:#fff;transition:transform .15s,box-shadow .15s}.bsp-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1c292018}.bsp-card[hidden]{display:none!important}.bsp-card-link{display:block;color:inherit!important;text-decoration:none!important;height:100%}.bsp-cover{aspect-ratio:16/9;overflow:hidden;background:#e8e6dd}.bsp-cover img{width:100%;height:100%;object-fit:cover}.bsp-cover-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at top right,#c7c6af 0,#647866 38%,#243c31 100%);color:white}.bsp-cover-placeholder span{font-size:clamp(20px,3vw,31px);letter-spacing:2px;font-weight:850}.bsp-cover-placeholder small{letter-spacing:2px;font-size:10px;color:#fff9}.bsp-card-body{padding:20px}.bsp-tag{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#4d6b55}.bsp-card h3{font-size:21px;line-height:1.25;color:#1f3026;margin:9px 0}.bsp-card p{font-size:14px;color:#657167;margin:8px 0 18px}.bsp-read{font-size:14px;font-weight:800;color:#a76332}.bsp-pagination{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:34px auto}.bsp-pagination button{border:1px solid #c6d0c8;border-radius:7px;padding:8px 13px;color:#274333;background:white;cursor:pointer}.bsp-pagination button.active{background:var(--bsp-dark);color:white}.bsp-empty{text-align:center;padding:30px}.bsp-help{max-width:880px;padding:28px 0 42px;margin-top:30px;border-top:1px solid var(--bsp-border)}.bsp-help h3{font-size:18px;margin-top:24px}.bsp-article{max-width:850px}.bsp-article-nav{font-size:13px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 30px;color:#667368}.bsp-article-nav a{color:#315744}.bsp-article .bsp-intro{font-size:19px;line-height:1.65;color:#48614c}.bsp-article h2{font-size:27px;margin-top:36px;margin-bottom:13px}.bsp-article h3{font-size:19px;margin:24px 0 10px}.bsp-article p{margin:0 0 17px}.bsp-sources{font-size:13px;padding:15px;background:#f6f7f4;border-radius:8px}.bsp-related{margin:35px 0;border-top:1px solid var(--bsp-border)}.bsp-related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.bsp-related-links a{padding:15px;background:#f5f6f1;border:1px solid #dfe4da;border-radius:8px;text-decoration:none}@media(max-width:850px){.bsp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.bsp-hero{padding:30px 24px}.bsp-grid{grid-template-columns:1fr}.bsp-controls{grid-template-columns:1fr}.bsp-search-label,.bsp-filter-label{grid-column:1;grid-row:auto}.bsp-filter-label{grid-row:3}.bsp-related-links{grid-template-columns:1fr}}

/* Version 1.1 article comparisons */
.bsp-article .bsp-comparison-wrap{overflow-x:auto;max-width:100%;margin:22px 0 30px}
.bsp-article table.bsp-comparison{border-collapse:collapse;min-width:560px;width:100%;font-size:15px;line-height:1.5}
.bsp-article .bsp-comparison caption{text-align:left;font-size:15px;font-weight:700;padding:10px 0}
.bsp-article .bsp-comparison th,.bsp-article .bsp-comparison td{border:1px solid #e4ddd4;padding:12px;text-align:left;vertical-align:top}
.bsp-article .bsp-comparison thead th{background:#292722;color:#fff}
.bsp-article .bsp-comparison tbody tr:nth-child(even){background:#faf7f2}
.bsp-article h2{scroll-margin-top:90px}

/* Version 1.4: warm orange editorial directory, uncluttered guides and readable FAQs. */
.bsp-directory,.bsp-article{--bsp-dark:#22201d;--bsp-green:#f47712;--bsp-orange:#ed7414;--bsp-warm:#fff9f3;--bsp-border:#e6e1da;color:#242424;line-height:1.7}
.bsp-hero{background:linear-gradient(120deg,#1b1a19,#3a2a1d);border-radius:14px}
.bsp-kicker,.bsp-directory a:hover,.bsp-article a:hover{color:#ff8a2b}
.bsp-hero-meta span{border-color:#ffffff42}
.bsp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.bsp-card{border-radius:12px;box-shadow:0 2px 8px #10101008}
.bsp-cover{aspect-ratio:4/3}
.bsp-card-body{padding:15px}
.bsp-card h3{font-size:18px;margin:7px 0;color:#202020}
.bsp-card p{line-height:1.5;min-height:63px;margin-bottom:12px}
.bsp-tag,.bsp-read,.bsp-article-nav a{color:#dd650b}
.bsp-pagination button.active{background:#ed7414;border-color:#ed7414;color:#fff}
.bsp-help{max-width:900px;margin-top:45px;padding:34px 0 45px}
.bsp-help h2{margin:30px 0 10px;font-size:24px}
.bsp-help p{margin:0 0 16px}
.bsp-help a,.bsp-article a{color:#d45b07}
.bsp-article h2{font-size:25px;font-weight:750;margin:38px 0 12px;padding-left:13px;border-left:3px solid #f47712}
.bsp-article h3{font-size:19px;font-weight:700;margin-top:25px}
.bsp-article .bsp-field-notes{margin:34px 0 30px}
.bsp-article .bsp-comparison thead th{background:#26231f}
.bsp-article .bsp-related-links a{background:#fffaf5;border-color:#e9ded4;color:#a94e08}
.bsp-faq{border:1px solid #e6e1d9;border-radius:8px;background:#fff;margin:9px 0;overflow:hidden}
.bsp-faq summary{cursor:pointer;display:list-item;list-style-position:inside;padding:14px 17px;font-weight:650;color:#252525;line-height:1.45}
.bsp-faq summary::marker{color:#ed7414}
.bsp-faq[open] summary{background:#fff8f1;color:#c95906}
.bsp-faq-answer{border-top:1px solid #eee7df;padding:14px 18px 16px;color:#424242}
.bsp-article .bsp-faq-answer p,.bsp-help .bsp-faq-answer p{margin:0}
@media(max-width:1030px){.bsp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.bsp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.bsp-grid{grid-template-columns:1fr}.bsp-card p{min-height:0}.bsp-help{padding:20px 0 30px}}


/* Version 1.5: type-accurate featured images on cards and single guides. */
.bsp-featured-image{margin:0 0 24px}
.bsp-featured-image img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--bsp-border);box-shadow:0 6px 20px #0000000d}

.bsp-verified-cover img {width:100%;height:100%;object-fit:cover;display:block}
.bsp-photo-credit{font-size:12px;color:#6b6258;margin:6px 0 22px}.bsp-photo-credit a{color:#d86d0b}
.bsp-cover-placeholder span{font-size:15px;line-height:1.3;text-transform:none;text-align:center;padding:0 10px}.bsp-cover-placeholder small{letter-spacing:0;text-transform:none}