:root { --blog-ink:#182b2a; --blog-muted:#526361; --blog-line:#dce5e1; --blog-accent:#176c68; }
body.page-id-158 main#main, .harrow-article-shell { max-width: 1160px; margin: 0 auto; padding: clamp(2rem,5vw,5rem) 1.25rem; }
.harrow-blog-intro { max-width: 760px; margin: 0 0 clamp(2.5rem,5vw,4rem); }
.harrow-blog-intro > p:first-child, .harrow-article-kicker { color:var(--blog-accent); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.harrow-blog-intro h1, .harrow-article-header h1 { color:var(--blog-ink); font-size:clamp(2.2rem,5vw,4.4rem); line-height:1.08; letter-spacing:-.035em; margin:.6rem 0 1rem; }
.harrow-blog-intro p:last-child { color:var(--blog-muted); font-size:clamp(1.05rem,1.7vw,1.3rem); line-height:1.6; }
.harrow-blog-grid .wp-block-post-template { gap:1.5rem; }
.harrow-blog-card, .harrow-related-card { overflow:hidden; border:1px solid var(--blog-line); border-radius:16px; background:#fff; box-shadow:0 8px 26px rgba(22,45,42,.06); }
.harrow-blog-card .wp-block-post-featured-image, .harrow-related-card img { margin:0; aspect-ratio:16/10; overflow:hidden; }
.harrow-blog-card img, .harrow-related-card img { display:block; width:100%; height:100%; object-fit:cover; }
.harrow-blog-card .wp-block-post-date, .harrow-blog-card .wp-block-post-title, .harrow-blog-card .wp-block-post-excerpt, .harrow-related-card h3 { margin-left:1.3rem; margin-right:1.3rem; }
.harrow-blog-card .wp-block-post-date { margin-top:1.3rem; color:var(--blog-muted); font-size:.85rem; }
.harrow-blog-card .wp-block-post-title { font-size:1.45rem; line-height:1.25; margin-top:.6rem; }
.harrow-blog-card .wp-block-post-excerpt { color:var(--blog-muted); line-height:1.6; margin-bottom:1.4rem; }
.harrow-blog-card a, .harrow-related-card a { color:var(--blog-ink); }
.harrow-blog-card a:hover, .harrow-related-card a:hover { color:var(--blog-accent); }
.harrow-blog-grid .wp-block-query-pagination { margin:3rem 0; gap:1rem; }
.harrow-article { max-width:860px; margin:0 auto; }
.harrow-breadcrumbs { display:flex; flex-wrap:wrap; gap:.6rem; color:var(--blog-muted); font-size:.9rem; }
.harrow-breadcrumbs a { color:var(--blog-accent); }
.harrow-article-header { margin-bottom:2rem; }
.harrow-article-kicker { margin:2.2rem 0 .5rem; }
.harrow-article-date { color:var(--blog-muted); }
.harrow-featured-image { margin:0 0 2.5rem; }
.harrow-featured-image img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:14px; }
.harrow-article-content { max-width:720px; margin:0 auto; color:var(--blog-ink); font-size:1.08rem; line-height:1.75; }
.harrow-article-content h2 { font-size:clamp(1.55rem,2.5vw,2rem); line-height:1.25; margin:2.5rem 0 .9rem; }
.harrow-article-content h3 { font-size:1.25rem; line-height:1.35; margin:1.8rem 0 .75rem; }
.harrow-article-content p, .harrow-article-content ul, .harrow-article-content ol { margin:0 0 1.25rem; }
.harrow-article-content img { display:block; max-width:100%; height:auto; border-radius:12px; margin:2rem 0; }
.harrow-article-content a { color:var(--blog-accent); text-decoration:underline; text-underline-offset:3px; }
.harrow-related { max-width:1000px; margin:5rem auto 0; border-top:1px solid var(--blog-line); padding-top:2rem; }
.harrow-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3rem; }
.harrow-related-card h3 { font-size:1.15rem; line-height:1.35; padding-bottom:1.2rem; }
.harrow-taxonomy-archive .harrow-blog-intro { margin-top:2rem; }
.harrow-taxonomy-list { display:grid; gap:1.25rem; max-width:900px; }
.harrow-taxonomy-card { display:grid; grid-template-columns:minmax(180px,30%) 1fr; gap:1.5rem; overflow:hidden; border:1px solid var(--blog-line); border-radius:16px; background:#fff; }
.harrow-taxonomy-card img { display:block; width:100%; height:100%; min-height:180px; object-fit:cover; }
.harrow-taxonomy-card > div { padding:1.25rem 1.25rem 1.25rem 0; }
.harrow-taxonomy-card h2 { margin:0 0 .75rem; font-size:1.5rem; line-height:1.25; }
.harrow-taxonomy-card a { color:var(--blog-ink); }
.harrow-taxonomy-card p { color:var(--blog-muted); line-height:1.6; margin:0; }
body :where(a,button,input,select,textarea):focus-visible { outline:3px solid #d69f37; outline-offset:3px; }
@media (min-width:761px) and (max-width:1024px) { .harrow-blog-grid .wp-block-post-template { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:760px) { .harrow-related-grid, .harrow-blog-grid .wp-block-post-template, .harrow-taxonomy-card { grid-template-columns:1fr !important; } .harrow-article-shell { padding:2rem 1rem; } .harrow-taxonomy-card > div { padding:0 1.25rem 1.25rem; } }
