.blog-library{padding-bottom:clamp(5rem,10vw,10rem)}
.blog-categories{display:flex;gap:.65rem 1.5rem;flex-wrap:wrap;border-bottom:1px solid #aeb7bf;padding:0 0 1.5rem;margin-bottom:1rem}
.blog-categories a{font-size:.95rem;padding:.5rem 0;text-decoration:none;color:#465260}
.blog-categories a[aria-current]{color:#8f321f;text-decoration:underline;text-underline-offset:.55rem;text-decoration-thickness:2px}
.blog-row{display:grid;grid-template-columns:minmax(9rem,1fr) 3fr;gap:2rem;padding:2.3rem 0;border-bottom:1px solid #aeb7bf}
.blog-row-meta{display:flex;flex-direction:column;gap:.55rem;font-size:.86rem;color:#465260}
.blog-row h2{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.5;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.blog-row h2 a{display:flex;justify-content:space-between;gap:1.5rem;text-decoration:none}.blog-row h2 a span{color:#8f321f}
.blog-empty{padding:4rem 0 6rem;max-width:42rem}.blog-empty h2{font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.04em}.blog-empty p{line-height:1.9;color:#465260;margin:1rem 0 2rem}
.blog-pagination{display:flex;justify-content:center;gap:2rem;padding-top:3rem}.blog-pagination a{color:#8f321f}
.blog-detail{padding-top:clamp(7rem,14vw,11rem);max-width:1100px}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#465260;margin-bottom:2.5rem;overflow-wrap:anywhere}
.blog-title{border-bottom:1px solid #aeb7bf;padding-bottom:2rem}.blog-title h1{font-size:clamp(2.2rem,4.7vw,4.5rem);line-height:1.2;letter-spacing:-.055em;margin:1.2rem 0 2rem;word-break:keep-all;overflow-wrap:anywhere}
.blog-byline{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;font-size:.85rem;color:#465260}
.blog-body{max-width:760px;margin:3.5rem auto;font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}
.blog-body h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.45;letter-spacing:-.035em;margin:3.5rem 0 1.2rem;scroll-margin-top:7rem}.blog-body h3{font-size:1.25rem;line-height:1.55;margin:2rem 0 1rem;scroll-margin-top:7rem}
.blog-body p,.blog-body ul,.blog-body ol{margin:1.2rem 0}.blog-body ul,.blog-body ol{padding-left:1.5rem;list-style:revert}.blog-body li{margin:.5rem 0}.blog-body a{color:#8f321f;text-underline-offset:.2em}
.blog-body table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;font-size:.95rem;margin:2rem 0}.blog-body th,.blog-body td{border-bottom:1px solid #aeb7bf;padding:1rem;text-align:left;min-width:8rem}.blog-body th{font-weight:600;background:#c6cdd3}
.blog-body blockquote{border-left:2px solid #8f321f;margin:2rem 0;padding-left:1.5rem;color:#465260}.blog-body pre{overflow:auto}
.blog-tags{display:flex;flex-wrap:wrap;gap:.7rem 1rem;color:#465260;max-width:760px;margin:0 auto 4rem;font-size:.85rem}
.blog-related{border-top:1px solid #aeb7bf;padding:2rem 0}.blog-related h2{font-size:1.3rem;margin-bottom:1.5rem}.blog-related>a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;text-decoration:none;border-bottom:1px solid #aeb7bf;overflow-wrap:anywhere}.blog-back{padding:2rem 0 5rem}
@media(max-width:680px){.blog-row{grid-template-columns:1fr;gap:.8rem;padding:1.7rem 0}.blog-row-meta{flex-direction:row;justify-content:space-between}.blog-detail{padding-top:7rem}.blog-breadcrumb{margin-bottom:2rem}.blog-body{margin-top:2.5rem}.blog-body th,.blog-body td{padding:.7rem}}
