.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-masthead{position:relative;z-index:2;border-bottom:1px solid var(--border);background:var(--white)}.blog-masthead__inner{display:flex;width:min(1100px,calc(100% - 80px));min-height:72px;align-items:center;justify-content:space-between;gap:32px;margin:0 auto}.blog-masthead__brand{display:flex;align-items:baseline;gap:13px;color:var(--black);text-decoration:none}.blog-masthead__brand span{font-size:21px;font-weight:900;letter-spacing:-.04em}.blog-masthead__brand small{color:var(--gray-mid);font-size:11px;font-weight:500}.blog-masthead__nav{display:flex;align-items:center;gap:22px}.blog-masthead__nav a{position:relative;color:var(--gray-dark);font-size:12px;font-weight:700;text-decoration:none}.blog-masthead__nav a:after{position:absolute;right:0;bottom:-5px;left:0;height:2px;background:var(--yellow);content:"";transform:scaleX(0);transform-origin:left;transition:transform .2s}.blog-masthead__nav a:hover:after,.blog-masthead__nav a:focus-visible:after{transform:scaleX(1)}.blog-hero{position:relative;padding:54px 40px 46px;background:var(--white)}.blog-hero__inner,.blog-featured__inner,.blog-index__inner{width:min(1100px,100%);margin:0 auto}.blog-hero h1{margin:4px 0 10px;font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.3;letter-spacing:-.055em}.blog-hero__lead{max-width:730px;color:var(--gray-dark);font-size:16px;line-height:1.85}.blog-featured{padding:32px 40px;border-bottom:1px solid var(--yellow);background:var(--yellow-light)}.blog-featured__head,.blog-index__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.blog-featured__head h2,.blog-index__head h2{margin:0;font-size:26px;font-weight:900}.blog-featured__list{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-color:var(--yellow) transparent}.blog-featured__card{display:flex;min-height:164px;flex-direction:column;padding:17px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);color:inherit;text-decoration:none;scroll-snap-align:start;transition:border-color .2s,transform .2s}.blog-featured__card:hover{border-color:var(--orange);transform:translateY(-2px)}.blog-featured__title{display:-webkit-box;margin-top:8px;overflow:hidden;font-size:18px;font-weight:800;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-featured__meta{margin-top:auto;padding-top:10px;color:var(--gray-mid);font-size:16px}.blog-index{padding:56px 40px 72px}.blog-search{position:relative;width:min(360px,100%)}.blog-search input{width:100%;height:46px;padding:0 44px 0 16px;border:1px solid var(--border);border-radius:7px;background:var(--white);color:var(--black);font:inherit;font-size:16px}.blog-search input:focus{border-color:var(--orange);outline:3px solid var(--orange-light)}.blog-search:after{position:absolute;top:50%;right:16px;color:var(--gray-mid);content:"⌕";font-size:23px;line-height:1;pointer-events:none;transform:translateY(-53%)}.blog-filter{margin-bottom:28px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white)}.blog-filter__label,.blog-tags__title{margin-bottom:12px;font-size:16px;font-weight:800}.blog-result-count{margin:0 0 14px;color:var(--gray-mid);font-size:15px}.blog-empty{display:none;padding:56px 20px;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--gray-mid);text-align:center}.blog-tags{margin-top:44px;padding-top:28px;border-top:1px solid var(--border)}.blog-tags__note{margin:-6px 0 14px;color:var(--gray-dark);font-size:15px}.blog-load-more{margin-top:32px;text-align:center}.blog-load-more[hidden]{display:none}.blog-load-more button{min-width:240px;min-height:48px;padding:11px 28px;border:1.5px solid var(--orange);border-radius:var(--radius-sm);background:var(--white);color:var(--orange);cursor:pointer;font:inherit;font-size:15px;font-weight:800;transition:background-color .2s,color .2s}.blog-load-more button:hover,.blog-load-more button:focus-visible{background:var(--orange);color:var(--white)}.blog-load-more button:focus-visible{outline:3px solid var(--orange-light);outline-offset:3px}.article-grid{gap:22px}.article-card{display:flex;min-height:100%;flex-direction:column;box-shadow:0 2px #00000006;transition:border-color .2s,transform .2s,box-shadow .2s}.article-card:hover{border-color:var(--orange);box-shadow:0 8px 22px #372d1414;transform:translateY(-3px)}.article-thumb{height:auto;aspect-ratio:16 / 9;background:var(--gray-light);overflow:hidden}.article-card .article-body{display:flex;flex:1;flex-direction:column;padding:19px}.article-title{font-size:17px;line-height:1.55}.article-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px}.article-card__more{color:var(--orange);font-size:14px;font-weight:800}.next-read{display:grid;grid-template-columns:132px 1fr;gap:18px;margin-top:42px;padding:18px;border:1px solid var(--yellow);border-radius:var(--radius-lg);background:var(--yellow-light);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.next-read:hover{border-color:var(--orange);transform:translateY(-2px)}.next-read__thumb{width:132px;height:92px;overflow:hidden;border-radius:var(--radius-sm);background:var(--gray-light)}.next-read__thumb img{width:100%;height:100%;object-fit:contain}.next-read__label{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.08em}.next-read__title{display:block;margin-top:5px;font-size:15px;font-weight:800;line-height:1.55}.next-read__more{display:block;margin-top:7px;color:var(--orange);font-size:11px;font-weight:700}@media(prefers-reduced-motion:reduce){.blog-featured__card,.article-card,.next-read{transition:none}.blog-featured__card:hover,.article-card:hover,.next-read:hover{transform:none}}@media(max-width:768px){.blog-masthead__inner{width:calc(100% - 32px);min-height:62px}.blog-masthead__brand small{display:none}.blog-masthead__nav{gap:14px;overflow-x:auto}.blog-masthead__nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.blog-hero{padding:38px 20px 34px}.blog-hero__lead{font-size:16px}.blog-featured{padding:28px 20px 22px}.blog-index{padding:42px 20px 56px}.blog-index__head{align-items:stretch;flex-direction:column}.blog-search{width:100%}.blog-filter{padding:16px}}@media(max-width:520px){.blog-masthead__inner{display:block;padding:10px 0 8px}.blog-masthead__brand{min-height:36px;align-items:center}.blog-masthead__nav{gap:20px}.blog-featured__head{align-items:flex-start;flex-direction:column;gap:4px}.next-read{grid-template-columns:88px 1fr;padding:14px}.next-read__thumb{width:88px;height:72px}}
