.bp-root, .bp-root * { box-sizing: border-box; }
    .bp-root {
      --bp-bg: #FBF8F3; --bp-card: #ffffff; --bp-ink: #1C2333; --bp-ink-soft: #5B6072;
      --bp-orange: #E0682F; --bp-orange-dark: #C7551F; --bp-orange-pale: #FDF1E9; --bp-line: #E7E1D3;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--bp-ink); background: var(--bp-bg); padding: 50px 24px;
    }
    .bp-root .bp-wrap { max-width: 1180px; margin: 0 auto; }
    .bp-root .bp-head { text-align: center; margin-bottom: 40px; }
    .bp-root .bp-eyebrow { color: var(--bp-orange); font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; }
    .bp-root h1 { font-size: clamp(28px, 4vw, 42px); font-weight: 800; margin: 0 0 10px; }
    .bp-root .bp-head p { color: var(--bp-ink-soft); font-size: 15.5px; max-width: 520px; margin: 0 auto; }
    .bp-root .bp-layout { display: grid; grid-template-columns: 1fr 300px; gap: 30px; align-items: start; }
    .bp-root .bp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
    .bp-root a { text-decoration: none; color: inherit; }
    .bp-root .bp-card { background: var(--bp-card); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 14px rgba(28,35,51,0.05); transition: transform 0.25s ease, box-shadow 0.25s ease; }
    .bp-root .bp-card:hover { transform: translateY(-5px); box-shadow: 0 16px 32px -16px rgba(28,35,51,0.22); }
    .bp-root .bp-card-photo { aspect-ratio: 16/10; background: #EAE3D3; position: relative; }
    .bp-root .bp-card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .bp-root .bp-featured-badge { position: absolute; top: 12px; left: 12px; background: var(--bp-orange); color: #fff; font-size: 11px; font-weight: 800; padding: 5px 10px; border-radius: 999px; }
    .bp-root .bp-card-body { padding: 20px; }
    .bp-root .bp-tag { display: inline-block; background: var(--bp-orange-pale); color: var(--bp-orange-dark); font-size: 11.5px; font-weight: 800; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; margin-bottom: 10px; }
    .bp-root .bp-card-title { font-size: 17px; font-weight: 800; line-height: 1.35; margin-bottom: 10px; }
    .bp-root .bp-card-excerpt { font-size: 14px; color: var(--bp-ink-soft); margin-bottom: 14px; }
    .bp-root .bp-card-meta { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; color: var(--bp-ink-soft); padding-top: 12px; border-top: 1px solid var(--bp-line); }
    .bp-root .bp-empty { text-align: center; padding: 60px 20px; color: var(--bp-ink-soft); grid-column: 1 / -1; }
    .bp-root .bp-pagination { display: flex; gap: 6px; justify-content: center; margin-top: 34px; }
    .bp-root .bp-page-link { padding: 9px 15px; border-radius: 8px; font-size: 13.5px; font-weight: 700; background: var(--bp-card); border: 1.5px solid var(--bp-line); color: var(--bp-ink); }
    .bp-root .bp-page-link.active { background: var(--bp-orange); border-color: var(--bp-orange); color: #fff; }
    @media (max-width: 900px) { .bp-root .bp-layout { grid-template-columns: 1fr; } .bp-root .bp-grid { grid-template-columns: 1fr; } }
	
	
	    .pp-root, .pp-root * { box-sizing: border-box; }
    .pp-root { --pp-orange:#E0682F; --pp-orange-dark:#C7551F; --pp-orange-pale:#FDF1E9; --pp-ink:#1C2333; --pp-ink-soft:#5B6072; --pp-line:#E7E1D3; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--pp-ink); background:#FBF8F3; padding:50px 24px; }
    .pp-root .pp-layout { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1fr 300px; gap:40px; align-items:start; }
    .pp-root a { color:var(--pp-orange); text-decoration:none; }
    .pp-root .pp-back { display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:14px; margin-bottom:22px; }
    .pp-root .pp-tag-pill { display:inline-block; background:var(--pp-orange-pale); color:var(--pp-orange-dark); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:0.04em; padding:6px 12px; border-radius:999px; margin-bottom:16px;border: 1px solid; }
    .pp-root h1 { font-size:clamp(28px,4.4vw,42px); font-weight:800; line-height:1.25; margin:0 0 20px; }
    .pp-root .pp-meta { display:flex; align-items:center; gap:12px; margin-bottom:30px; }
    .pp-root .pp-avatar { width:40px; height:40px; border-radius:50%; background:var(--pp-orange); color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; }
    .pp-root .pp-meta-text { font-size:13.5px; color:var(--pp-ink-soft); }
    .pp-root .pp-meta-text strong { color:var(--pp-ink); }
    .pp-root .pp-featured-img { width:100%; border-radius:16px; margin-bottom:34px; aspect-ratio:16/9; object-fit:cover; background:#EAE3D3; display:block; }
    .pp-root .pp-content { font-size:17px; line-height:1.8; color:#2B3242; }
    .pp-root .pp-content p { margin:0 0 20px; }
    .pp-root .pp-content h2 { font-size:22px; font-weight:800; margin:32px 0 14px; }
    .pp-root .pp-content h3 { font-size:19px; font-weight:800; margin:26px 0 12px; }
    .pp-root .pp-content ul { padding-left:20px; margin:0 0 20px; }
    .pp-root .pp-content li { margin-bottom:8px;list-style: disc; }
    .pp-root .pp-content img { max-width:100%; border-radius:12px; margin: 10px 0; }
    .pp-root .pp-post-tags { display:flex; flex-wrap:wrap; gap:8px; margin:36px 0; }
    .pp-root .pp-post-tags a { background:#F4EFE3; color:var(--pp-ink-soft); font-size:12.5px; font-weight:600; padding:6px 12px; border-radius:999px; }
    .pp-root .pp-post-tags a:hover { background:var(--pp-orange); color:#fff; }
    .pp-root .pp-related { margin-top:20px; }
    .pp-root .pp-related-title { font-size:15px; font-weight:800; margin-bottom:14px; }
    .pp-root .pp-related-item { display:flex; gap:10px; margin-bottom:14px; }
    .pp-root .pp-related-thumb { width:60px; height:60px; border-radius:9px; background:#EAE3D3; flex-shrink:0; overflow:hidden; }
    .pp-root .pp-related-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
    .pp-root .pp-related-item-title { font-size:13.5px; font-weight:700; color:var(--pp-ink); line-height:1.4; }
    @media (max-width:900px) { .pp-root .pp-layout { grid-template-columns:1fr; } }
	
	
	    .bp-root, .bp-root * { box-sizing: border-box; }
    .bp-root { --bp-bg:#FBF8F3; --bp-card:#fff; --bp-ink:#1C2333; --bp-ink-soft:#5B6072; --bp-orange:#E0682F; --bp-orange-dark:#C7551F; --bp-orange-pale:#FDF1E9; --bp-line:#E7E1D3; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--bp-ink); background:var(--bp-bg); padding:50px 24px; }
    .bp-root .bp-wrap { max-width:1180px; margin:0 auto; }
    .bp-root .bp-head { text-align:center; margin-bottom:40px; }
    .bp-root .bp-eyebrow { color:var(--bp-orange); font-weight:700; font-size:13px; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:10px; }
    .bp-root h1 { font-size:clamp(28px,4vw,42px); font-weight:800; margin:0 0 10px; }
    .bp-root .bp-head p { color:var(--bp-ink-soft); font-size:15.5px; max-width:520px; margin:0 auto; }
    .bp-root .bp-layout { display:grid; grid-template-columns:1fr 300px; gap:30px; align-items:start; }
    .bp-root .bp-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
    .bp-root a { text-decoration:none; color:inherit; }
    .bp-root .bp-card { background:var(--bp-card); border-radius:16px; overflow:hidden; box-shadow:0 4px 14px rgba(28,35,51,0.05); transition:transform 0.25s ease, box-shadow 0.25s ease; }
    .bp-root .bp-card:hover { transform:translateY(-5px); box-shadow:0 16px 32px -16px rgba(28,35,51,0.22); }
    .bp-root .bp-card-photo { aspect-ratio:16/10; background:#EAE3D3; }
    .bp-root .bp-card-photo img { width:100%; height:100%; object-fit:cover; display:block; }
    .bp-root .bp-card-body { padding:20px; }
    .bp-root .bp-card-title { font-size:17px; font-weight:800; line-height:1.35; margin-bottom:10px; }
    .bp-root .bp-card-excerpt { font-size:14px; color:var(--bp-ink-soft); margin-bottom:14px; }
    .bp-root .bp-card-meta { display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--bp-ink-soft); padding-top:12px; border-top:1px solid var(--bp-line); }
    .bp-root .bp-empty { text-align:center; padding:60px 20px; color:var(--bp-ink-soft); grid-column:1/-1; }
    .bp-root .bp-pagination { display:flex; gap:6px; justify-content:center; margin-top:34px; }
    .bp-root .bp-page-link { padding:9px 15px; border-radius:8px; font-size:13.5px; font-weight:700; background:var(--bp-card); border:1.5px solid var(--bp-line); color:var(--bp-ink); }
    .bp-root .bp-page-link.active { background:var(--bp-orange); border-color:var(--bp-orange); color:#fff; }
    @media (max-width:900px) { .bp-root .bp-layout { grid-template-columns:1fr; } .bp-root .bp-grid { grid-template-columns:1fr; } }
	
	
	    .bp-root, .bp-root * { box-sizing: border-box; }
    .bp-root { --bp-bg:#FBF8F3; --bp-card:#fff; --bp-ink:#1C2333; --bp-ink-soft:#5B6072; --bp-orange:#E0682F; --bp-orange-dark:#C7551F; --bp-line:#E7E1D3; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--bp-ink); background:var(--bp-bg); padding:50px 24px; }
    .bp-root .bp-wrap { max-width:1180px; margin:0 auto; }
    .bp-root .bp-head { text-align:center; margin-bottom:40px; }
    .bp-root .bp-eyebrow { color:var(--bp-orange); font-weight:700; font-size:13px; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:10px; }
    .bp-root h1 { font-size:clamp(28px,4vw,42px); font-weight:800; margin:0 0 10px; }
    .bp-root .bp-layout { display:grid; grid-template-columns:1fr 300px; gap:30px; align-items:start; }
    .bp-root .bp-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
    .bp-root a { text-decoration:none; color:inherit; }
    .bp-root .bp-card { background:var(--bp-card); border-radius:16px; overflow:hidden; box-shadow:0 4px 14px rgba(28,35,51,0.05); transition:transform 0.25s ease, box-shadow 0.25s ease; }
    .bp-root .bp-card:hover { transform:translateY(-5px); box-shadow:0 16px 32px -16px rgba(28,35,51,0.22); }
    .bp-root .bp-card-photo { aspect-ratio:16/10; background:#EAE3D3; }
    .bp-root .bp-card-photo img { width:100%; height:100%; object-fit:cover; display:block; }
    .bp-root .bp-card-body { padding:20px; }
    .bp-root .bp-card-title { font-size:17px; font-weight:800; line-height:1.35; margin-bottom:10px; }
    .bp-root .bp-card-excerpt { font-size:14px; color:var(--bp-ink-soft); margin-bottom:14px; }
    .bp-root .bp-card-meta { display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--bp-ink-soft); padding-top:12px; border-top:1px solid var(--bp-line); }
    .bp-root .bp-empty { text-align:center; padding:60px 20px; color:var(--bp-ink-soft); grid-column:1/-1; }
    .bp-root .bp-pagination { display:flex; gap:6px; justify-content:center; margin-top:34px; }
    .bp-root .bp-page-link { padding:9px 15px; border-radius:8px; font-size:13.5px; font-weight:700; background:var(--bp-card); border:1.5px solid var(--bp-line); color:var(--bp-ink); }
    .bp-root .bp-page-link.active { background:var(--bp-orange); border-color:var(--bp-orange); color:#fff; }
    @media (max-width:900px) { .bp-root .bp-layout { grid-template-columns:1fr; } .bp-root .bp-grid { grid-template-columns:1fr; } }
	
	
	    .bsb-root, .bsb-root * { box-sizing: border-box; }
    .bsb-root {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      display: flex; flex-direction: column; gap: 22px;
    }
    .bsb-root .bsb-box { background: #fff; border-radius: 16px; padding: 22px; box-shadow: 0 3px 14px rgba(28,35,51,0.05); }
    .bsb-root .bsb-title { font-size: 14px; font-weight: 800; color: #1C2333; margin-bottom: 14px; }
    .bsb-root .bsb-search { display: flex; border: 1.5px solid #E7E1D3; border-radius: 9px; overflow: hidden; }
    .bsb-root .bsb-search input { flex: 1; border: none; padding: 10px 12px; font-size: 13.5px; font-family: inherit; }
    .bsb-root .bsb-search input:focus { outline: none; }
    .bsb-root .bsb-search button { background: #E0682F; color: #fff; border: none; padding: 0 14px; cursor: pointer; }
    .bsb-root .bsb-cat-list, .bsb-root .bsb-tag-list { list-style: none; margin: 0; padding: 0; }
    .bsb-root .bsb-cat-list li { margin-bottom: 4px; }
    .bsb-root .bsb-cat-list a {
      display: flex; align-items: center; justify-content: space-between;
      padding: 8px 10px; border-radius: 8px; font-size: 13.5px; font-weight: 600;
      color: #5B6072; text-decoration: none; transition: background 0.15s ease, color 0.15s ease;
    }
    .bsb-root .bsb-cat-list a:hover { background: #FDF1E9; color: #E0682F; }
    .bsb-root .bsb-cat-list a span { color: #9C9584; font-weight: 500; }
    .bsb-root .bsb-tag-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .bsb-root .bsb-tag-list a {
      font-size: 12.5px; font-weight: 600; color: #5B6072; background: #F4EFE3;
      padding: 6px 12px; border-radius: 999px; text-decoration: none; transition: background 0.15s ease, color 0.15s ease;
    }
    .bsb-root .bsb-tag-list a:hover { background: #E0682F; color: #fff; }
    .bsb-root .bsb-recent-item { display: flex; gap: 10px; margin-bottom: 12px; text-decoration: none; }
    .bsb-root .bsb-recent-item:last-child { margin-bottom: 0; }
    .bsb-root .bsb-recent-thumb { width: 52px; height: 52px; border-radius: 8px; background: #EAE3D3; flex-shrink: 0; overflow: hidden; }
    .bsb-root .bsb-recent-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .bsb-root .bsb-recent-title { font-size: 13px; font-weight: 700; color: #1C2333; line-height: 1.4; }