/* All design rules belong to this new page. */
body.home {background:#f5f3ee !important}
body.home .entry-header {display:none}
body.home .content-container {max-width:1320px}
body.home .entry-content-wrap {padding:0 !important}
body.home .entry {background:transparent;box-shadow:none;border-radius:0}
body.home .content-area {margin-top:0}
:is(#bosian-home, .bosian-article-list) {--ink:#213d36;--muted:#68736b;--line:#dcded3;--paper:#f5f3ee;--accent:#bc5232;color:var(--ink);font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif;max-width:1240px;margin:auto;padding:36px 28px 0;text-align:left}
:is(#bosian-home, .bosian-article-list) * {box-sizing:border-box}
:is(#bosian-home, .bosian-article-list) a {color:inherit;text-decoration:none}
:is(#bosian-home, .bosian-article-list) button {font:inherit;cursor:pointer}
:is(#bosian-home, .bosian-article-list) :focus-visible {outline:3px solid var(--accent);outline-offset:5px}
:is(#bosian-home, .bosian-article-list) .bh-kicker {font:600 11px/1.5 system-ui;letter-spacing:.19em;text-transform:uppercase}
:is(#bosian-home, .bosian-article-list) .bh-hero {display:grid;grid-template-columns:1.4fr 1fr;gap:64px;padding:34px 0 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
:is(#bosian-home, .bosian-article-list) .bh-hero h1 {font-size:clamp(40px,5vw,66px);line-height:1.22;letter-spacing:-.055em;margin:26px 0 22px;font-weight:750;color:var(--ink)}
:is(#bosian-home, .bosian-article-list) .bh-hero h1 em {font-style:normal;color:var(--accent)}
:is(#bosian-home, .bosian-article-list) .bh-intro {font-size:15px;line-height:1.95;color:var(--muted);max-width:420px;margin:0}
:is(#bosian-home, .bosian-article-list) .bh-explore {display:inline-flex;gap:35px;margin-top:26px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:600}
:is(#bosian-home, .bosian-article-list) .bh-feature {display:flex;flex-direction:column;justify-content:center}
:is(#bosian-home, .bosian-article-list) .bh-feature-image {aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#dce6dd;margin:14px 0 18px}
:is(#bosian-home, .bosian-article-list) .bh-feature-image img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
:is(#bosian-home, .bosian-article-list) .bh-feature a:hover img {transform:scale(1.035)}
:is(#bosian-home, .bosian-article-list) .bh-feature h2 {font-size:22px;line-height:1.6;margin:0 0 12px;letter-spacing:-.025em;color:var(--ink)}
:is(#bosian-home, .bosian-article-list) .bh-meta {font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center}
:is(#bosian-home, .bosian-article-list) .bh-dot {width:3px;height:3px;border-radius:50%;background:currentColor}
:is(#bosian-home, .bosian-article-list) .bh-section-head {display:flex;justify-content:space-between;align-items:baseline;margin:42px 0 22px}
:is(#bosian-home, .bosian-article-list) .bh-section-head h2 {margin:0;font-size:26px;letter-spacing:-.04em;color:var(--ink)}
:is(#bosian-home, .bosian-article-list) .bh-section-head small {font-size:11px;color:var(--muted);letter-spacing:.1em}
:is(#bosian-home, .bosian-article-list) .bh-filters {display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
:is(#bosian-home, .bosian-article-list) .bh-filter {padding:9px 17px;border-radius:24px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;line-height:1.4;box-shadow:none}
:is(#bosian-home, .bosian-article-list) .bh-filter[aria-current=page] {background:var(--ink);border-color:var(--ink);color:#fff}
:is(#bosian-home, .bosian-article-list) .bh-filter:hover {border-color:var(--ink)}
:is(#bosian-home, .bosian-article-list) .bh-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
:is(#bosian-home, .bosian-article-list) .bh-card {min-width:0;margin:0}
:is(#bosian-home, .bosian-article-list) .bh-card-inner {border:1px solid var(--line);border-radius:9px;background:#fffefb;overflow:hidden;transition:border-color .2s,box-shadow .2s}
:is(#bosian-home, .bosian-article-list) .bh-card-inner:hover {border-color:#a1b1a3;box-shadow:0 8px 22px #213d3609}
:is(#bosian-home, .bosian-article-list) .bh-cover {display:block;aspect-ratio:16/10;position:relative;overflow:hidden;background:#dce6dd}
:is(#bosian-home, .bosian-article-list) .bh-cover img {width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}
:is(#bosian-home, .bosian-article-list) .bh-card a:hover img {transform:scale(1.035)}
:is(#bosian-home, .bosian-article-list) .bh-art {height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px 26px;background:var(--cover,#dce6dd);isolation:isolate;color:#29483f}
:is(#bosian-home, .bosian-article-list) .bh-art:after {content:"";position:absolute;width:210px;height:210px;right:-50px;bottom:-74px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 22px #ffffff28,0 0 0 44px #ffffff28,0 0 0 66px #ffffff20;opacity:.45;z-index:-1}
:is(#bosian-home, .bosian-article-list) .bh-art small {font-size:10px;letter-spacing:.18em}
:is(#bosian-home, .bosian-article-list) .bh-art span {font-size:9px;letter-spacing:.16em}
:is(#bosian-home, .bosian-article-list) .bh-card-body {padding:24px 24px 19px;height:326px;display:flex;flex-direction:column}
:is(#bosian-home, .bosian-article-list) .bh-tag {color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.03em}
:is(#bosian-home, .bosian-article-list) .bh-card h3 {margin:12px 0 12px;font-size:19px;line-height:1.65;height:94.05px;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
:is(#bosian-home, .bosian-article-list) .bh-card h3 a:hover {color:var(--accent)}
:is(#bosian-home, .bosian-article-list) .bh-excerpt {color:var(--muted);font-size:13px;line-height:1.85;height:72.15px;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 22px}
:is(#bosian-home, .bosian-article-list) .bh-card-foot {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeee7;padding-top:16px;margin-top:auto}
:is(#bosian-home, .bosian-article-list) .bh-read {font-size:16px;color:var(--ink)}
:is(#bosian-home, .bosian-article-list) .bh-loader {display:flex;flex-direction:column;align-items:center;gap:12px;padding:35px 0 45px}
:is(#bosian-home, .bosian-article-list) .bh-load {border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 30px;border-radius:28px;font-size:12px;box-shadow:none}
:is(#bosian-home, .bosian-article-list) .bh-load:disabled {cursor:default;opacity:.6}
:is(#bosian-home, .bosian-article-list) .bh-status {font-size:12px;color:var(--muted);margin:0}
:is(#bosian-home, .bosian-article-list) .bh-bottom {padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
:is(#bosian-home, .bosian-article-list) .bh-bottom a {border-bottom:1px solid var(--line)}
:is(#bosian-home, .bosian-article-list) [hidden] {display:none !important}
@media(max-width:950px) {:is(#bosian-home, .bosian-article-list) .bh-hero {gap:32px} :is(#bosian-home, .bosian-article-list) .bh-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px) {:is(#bosian-home, .bosian-article-list) {padding:20px 18px 0} :is(#bosian-home, .bosian-article-list) .bh-hero {grid-template-columns:1fr;gap:38px;padding:20px 0 30px} :is(#bosian-home, .bosian-article-list) .bh-hero h1 {font-size:43px;margin-top:20px} :is(#bosian-home, .bosian-article-list) .bh-intro {font-size:14px} :is(#bosian-home, .bosian-article-list) .bh-feature h2 {font-size:20px} :is(#bosian-home, .bosian-article-list) .bh-grid {grid-template-columns:1fr;gap:20px} :is(#bosian-home, .bosian-article-list) .bh-section-head {margin-top:30px} :is(#bosian-home, .bosian-article-list) .bh-section-head small {font-size:9px} :is(#bosian-home, .bosian-article-list) .bh-filter {padding:8px 13px} :is(#bosian-home, .bosian-article-list) .bh-cover {aspect-ratio:16/9} :is(#bosian-home, .bosian-article-list) .bh-bottom {gap:20px}}
@media(prefers-reduced-motion:reduce) {:is(#bosian-home, .bosian-article-list) * {transition:none !important;scroll-behavior:auto !important}}
/* Honor the site's existing Sumaji dark palette, scoped to this page. */
html[data-sumaji-theme=dark] :is(#bosian-home, .bosian-article-list) {--ink:#e8e6e3;--muted:#b2bab2;--line:#3a4440;--paper:#181a1b;--accent:#e6a17e}
html[data-sumaji-theme=dark] :is(#bosian-home, .bosian-article-list) .bh-card-inner {background:#202728}
html[data-sumaji-theme=dark] :is(#bosian-home, .bosian-article-list) .bh-card-foot {border-color:#38423f}
:is(#bosian-home, .bosian-article-list) h1,:is(#bosian-home, .bosian-article-list) h2,:is(#bosian-home, .bosian-article-list) h3 {color:var(--ink) !important}
:is(#bosian-home, .bosian-article-list) .bh-filter,:is(#bosian-home, .bosian-article-list) .bh-load {background:transparent !important;color:var(--muted) !important;border-color:var(--line) !important}
:is(#bosian-home, .bosian-article-list) .bh-filter[aria-current=page] {background:var(--ink) !important;color:var(--paper) !important;border-color:var(--ink) !important}
:is(#bosian-home, .bosian-article-list) a {color:inherit !important}
:is(#bosian-home, .bosian-article-list) .bh-card h3 a:hover {color:var(--accent) !important}
:is(#bosian-home, .bosian-article-list) .bh-art {color:#29483f}

:is(#bosian-home, .bosian-article-list) .bh-filter {display:inline-block;text-decoration:none}
:is(#bosian-home, .bosian-article-list) .bh-card-body {height:auto;min-height:326px}
:is(#bosian-home, .bosian-article-list) .bh-tags {display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 16px;font-size:11px}
:is(#bosian-home, .bosian-article-list) .bh-tags a {color:var(--muted) !important}
:is(#bosian-home, .bosian-article-list) .bh-tag:hover,:is(#bosian-home, .bosian-article-list) .bh-tags a:hover {text-decoration:underline}
:is(#bosian-home, .bosian-article-list) .bh-pagination {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0}
:is(#bosian-home, .bosian-article-list) .bh-pagination .page-numbers {border:1px solid var(--line);border-radius:20px;padding:8px 16px}
:is(#bosian-home, .bosian-article-list) .bh-pagination .current {background:var(--ink);color:var(--paper)}
:is(#bosian-home, .bosian-article-list) .bh-feature-image .bh-art {height:100%}
:is(#bosian-home, .bosian-article-list) .bh-hero h1 {white-space:pre-line}
:is(#bosian-home, .bosian-article-list) .bh-tag--format {font-weight:400;color:var(--muted) !important;margin-left:8px}

/* Text covers carry the article title; preview paragraphs continue below. */
:is(#bosian-home, .bosian-article-list) .bh-card .bh-art--title {gap:8px}
:is(#bosian-home, .bosian-article-list) .bh-card .bh-art--title h3 {height:auto;min-height:0;margin:0;-webkit-line-clamp:3;flex-shrink:0}
:is(#bosian-home, .bosian-article-list) .bh-card .bh-art--title h3,:is(#bosian-home, .bosian-article-list) .bh-card .bh-art--title h3 a {color:#a9d6f5 !important}
:is(#bosian-home, .bosian-article-list) .bh-preview-title,:is(#bosian-home, .bosian-article-list) .bh-card-body > h3 {font-size:19px;line-height:1.65;font-weight:700;letter-spacing:-.025em;margin:12px 0;min-height:62.7px;height:62.7px;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ink) !important}
:is(#bosian-home, .bosian-article-list) .bh-preview-title a:hover {color:var(--accent) !important}
:is(#bosian-home, .bosian-article-list) .bh-feature-image .bh-art strong {max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
@media(max-width:600px) {
    :is(#bosian-home, .bosian-article-list) .bh-card--text .bh-cover {aspect-ratio:auto}
    :is(#bosian-home, .bosian-article-list) .bh-card--text .bh-art {min-height:180px;padding:20px 24px}
}
@media(min-width:601px) and (max-width:700px), (min-width:951px) and (max-width:1100px) {
    :is(#bosian-home, .bosian-article-list) .bh-card .bh-art--title h3 {-webkit-line-clamp:2}
}

:is(#bosian-home, .bosian-article-list).bosian-category .bh-archive-heading{padding:28px 0 32px}:is(#bosian-home, .bosian-article-list).bosian-category .bh-archive-heading h1{margin:10px 0 0;font-size:clamp(28px,4vw,38px);line-height:1.35}:is(#bosian-home, .bosian-article-list).bosian-category #bh-articles{padding-top:0}:is(#bosian-home, .bosian-article-list).bosian-category .bh-archive-description{max-width:720px;color:#a7a9b4;margin-top:14px}

/* Stretch each visible card to its grid row, including cards with wrapped tags. */
:is(#bosian-home, .bosian-article-list) .bh-card {display:flex}
:is(#bosian-home, .bosian-article-list) .bh-card-inner {display:flex;flex-direction:column;width:100%;min-width:0}
:is(#bosian-home, .bosian-article-list) .bh-card .bh-cover {flex-shrink:0}
:is(#bosian-home, .bosian-article-list) .bh-card-body {flex:1}

/* Reserve the same tag area on every card, even when only one line is used. */
:is(#bosian-home, .bosian-article-list) .bh-tags {min-height:42px;line-height:18px;align-content:start}
:is(#bosian-home, .bosian-article-list) .bh-card-body {min-height:352px}
:is(#bosian-home, .bosian-article-list).bosian-category {padding-bottom:64px}
:is(#bosian-home, .bosian-article-list).bosian-category .bh-pagination {margin:32px 0 0}

/* One title treatment for featured and list text covers. */
:is(#bosian-home, .bosian-article-list) .bh-art :is(strong,h3) {font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-.025em;color:#a9d6f5 !important;max-width:100%}
@media(max-width:600px) {:is(#bosian-home, .bosian-article-list) .bh-art :is(strong,h3) {font-size:22px}}
