Description

:root{
–ink:#101010; –text:#2b2b2b; –muted:#666; –gold:#DAA520;
–border:#ececec; –bg:#fff; –soft:#FFFCF4;
}
.bp-scope{font-family: »Lora »,serif; color:var(–text); background:var(–soft)}
.bp-card{max-width:900px; margin:28px auto; background:var(–bg);
border:1px solid var(–border); border-radius:16px; overflow:hidden;
box-shadow:0 14px 40px rgba(0,0,0,.06)}
.bp-topline{height:4px; background:linear-gradient(90deg, var(–gold), #f2e6b3)}
.bp-hero{padding:28px 24px 10px}
.bp-title{margin:0 0 6px; font-size:clamp(22px,3.2vw,34px); color:var(–ink); font-weight:600}
.bp-sub{margin:0 0 14px; color:var(–muted); font-weight:600}
.bp-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px}
.tag{display:inline-block; padding:6px 10px; border:1px solid var(–border);
border-radius:999px; font-size:14px; background:#fff}

.bp-inner{padding:0 24px 24px}

/* Accordions */
details.bp-acc{border:1px solid var(–border); border-radius:14px; background:#fff;
margin:12px 0; overflow:hidden; transition:box-shadow .2s ease, border-color .2s ease}
details.bp-acc[open]{border-color:#e6d79a; box-shadow:0 10px 26px rgba(218,165,32,.12)}
.bp-acc summary{list-style:none; cursor:pointer; padding:14px 16px; display:flex; align-items:center; justify-content:space-between;
font-weight:700; color:var(–ink); background:linear-gradient(90deg, rgba(255,238,191,.35), #fff)}
.bp-acc summary::-webkit-details-marker{display:none}
.caret{transition:transform .2s ease} details[open] .caret{transform:rotate(180deg)}
.bp-acc .content{padding:0 16px 16px}

.bp-list{padding-left:18px; margin:8px 0}
.bp-list li{margin:6px 0}
.specs{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
.spec{border:1px solid var(–border); border-radius:12px; padding:10px 12px; background:#fff}
.spec b{color:var(–ink)}