:root{--bloglist-text:#1f2937;--bloglist-muted:#64748b;--bloglist-border:#e5e7eb;--bloglist-soft-bg:#f8fafc;--bloglist-accent:#2563eb;--bloglist-accent-deep:#105494;--bloglist-accent-soft:#eff6ff;--bloglist-radius:14px;--bloglist-shadow-sm:0 1px 2px rgba(15,23,42,.04);--bloglist-shadow-md:0 8px 24px -10px rgba(15,23,42,.18)}main.blog-list{background:#fff;overflow:visible}main.blog-list .bloglist-hero>.container,main.blog-list>.container{max-width:1200px}.bloglist-hero{background:radial-gradient(circle at 22% 38%,transparent 0 9px,rgba(16,84,148,.16) 10px 12px,transparent 13px),radial-gradient(circle at 78% 14%,rgba(16,84,148,.11) 0 7px,transparent 8px),radial-gradient(circle at 52% 90%,transparent 0 12px,rgba(16,84,148,.13) 13px 15px,transparent 16px),radial-gradient(circle at 68% 86%,rgba(16,84,148,.09) 0 9px,transparent 10px),radial-gradient(circle at 32% 15%,rgba(16,84,148,.1) 0 6px,transparent 7px),radial-gradient(circle at 3% 50%,transparent 0 16px,rgba(16,84,148,.1) 17px 19px,transparent 20px),radial-gradient(circle at 14% 28%,rgba(16,84,148,.09) 0 13px,transparent 14px),radial-gradient(circle at 90% 22%,transparent 0 17px,rgba(16,84,148,.13) 18px 20px,transparent 21px),radial-gradient(circle at 5% 78%,rgba(16,84,148,.08) 0 22px,transparent 23px),radial-gradient(circle at 92% 80%,transparent 0 20px,rgba(16,84,148,.11) 21px 23px,transparent 24px),radial-gradient(circle at 88% 6%,rgba(16,84,148,.1),transparent 28%),radial-gradient(circle at 6% 94%,rgba(16,84,148,.08),transparent 26%),linear-gradient(180deg,#eef5fc,#e6effa);border-bottom:1px solid #cfdcec;margin-bottom:2.5rem;padding:calc(144px + 1.5rem) 1rem 3.5rem;position:relative;text-align:center}@media(max-width:767.98px){.bloglist-hero{padding-top:calc(96px + 1.5rem)}main.blog-list .bloglist-hero>.container{overflow:visible}}.bloglist-hero:after,.bloglist-hero:before{background-image:radial-gradient(rgba(16,84,148,.36) 1.6px,transparent 2.1px);background-size:22px 22px;content:"";height:140px;pointer-events:none;position:absolute;width:180px;z-index:0}.bloglist-hero:before{left:0;-webkit-mask-image:linear-gradient(110deg,#000 40%,transparent);mask-image:linear-gradient(110deg,#000 40%,transparent);top:12%}.bloglist-hero:after{bottom:14%;-webkit-mask-image:linear-gradient(290deg,#000 40%,transparent);mask-image:linear-gradient(290deg,#000 40%,transparent);right:0}.bloglist-hero>.container{position:relative}.bloglist-hero__title{color:var(--bloglist-text);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.2;margin:0 0 .75rem}.bloglist-hero__desc{color:var(--bloglist-muted);font-size:1.05rem;line-height:1.55;margin:0 auto 2rem;max-width:640px}.bloglist-hero__search{margin:0 auto;max-width:640px;position:relative;z-index:2}.bloglist-search-wrap{align-items:center;background:#fff;border:1.5px solid var(--bloglist-border);border-radius:999px;display:flex;padding:.4rem .4rem .4rem 1.2rem;transition:border-color .15s,box-shadow .15s}.bloglist-search-wrap:focus-within{border-color:var(--bloglist-accent);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.bloglist-search__icon{color:var(--bloglist-muted);flex-shrink:0}.bloglist-search__input{background:transparent;border:0;color:var(--bloglist-text);flex:1 1 auto;font-size:1rem;min-width:0;outline:none;padding:.6rem .75rem}.bloglist-search__input::placeholder{color:var(--bloglist-muted)}.bloglist-search__submit{background:var(--bloglist-accent-deep);border:0;border-radius:999px;color:#fff;cursor:pointer;flex-shrink:0;font-weight:700;padding:.6rem 1.4rem;transition:background-color .15s,transform .15s}.bloglist-search__submit:hover{background:#0c416f;transform:translateY(-1px)}.bloglist-search__dropdown{background:#fff;border:1px solid var(--bloglist-border);border-radius:var(--bloglist-radius);box-shadow:var(--bloglist-shadow-md);left:0;max-height:360px;overflow-y:auto;padding:.4rem;position:absolute;right:0;text-align:left;top:calc(100% + .5rem);z-index:100}.bloglist-suggestion{align-items:center;border-radius:8px;color:var(--bloglist-text);display:flex;font-size:.92rem;gap:.6rem;padding:.55rem .75rem;text-decoration:none}.bloglist-suggestion.is-active,.bloglist-suggestion:hover{background:var(--bloglist-accent-soft);color:var(--bloglist-accent)}.bloglist-suggestion__icon{color:var(--bloglist-muted);flex-shrink:0}.bloglist-suggestion.is-active .bloglist-suggestion__icon,.bloglist-suggestion:hover .bloglist-suggestion__icon{color:var(--bloglist-accent)}.bloglist-suggestion__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bloglist-suggestion__hash{margin-right:.1rem;opacity:.5}.bloglist-suggestion mark{background:rgba(255,215,0,.4);border-radius:2px;color:inherit;padding:0 1px}.bloglist-suggestion--empty{color:var(--bloglist-muted);cursor:default;font-size:.875rem;font-style:italic;padding:.7rem .75rem}.bloglist-suggestion--empty:hover{background:transparent;color:var(--bloglist-muted)}.bloglist-chip{background:var(--bloglist-soft-bg);border:1px solid transparent;border-radius:999px;color:var(--bloglist-text);display:inline-block;flex-shrink:0;font-size:.875rem;font-weight:600;padding:.45rem 1rem;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;white-space:nowrap}.bloglist-chip:hover{background:var(--bloglist-accent-soft);color:var(--bloglist-accent)}.bloglist-chip--active{background:var(--bloglist-accent-deep);color:#fff!important}.bloglist-chip--active:hover{background:var(--bloglist-accent-deep);color:#fff}.bloglist-content{padding-bottom:5rem}main.blog-list>.container>.bloglist-search-summary{color:var(--bloglist-muted);font-size:.95rem;margin:0 0 1.5rem;text-align:center}.bloglist-featured{background:#fff;border:1px solid var(--bloglist-border);border-radius:var(--bloglist-radius);box-shadow:var(--bloglist-shadow-sm);display:grid;gap:2.5rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);margin-bottom:3rem;overflow:hidden;transition:box-shadow .2s}.bloglist-featured:hover{box-shadow:var(--bloglist-shadow-md)}.bloglist-featured__cover{display:block;height:100%;overflow:hidden}.bloglist-featured__cover img{height:100%;transition:transform .4s;width:100%}.bloglist-featured__cover:hover img{transform:scale(1.03)}.bloglist-featured__body{padding:2rem 2.25rem 2rem 0}.bloglist-featured__badge{background:var(--bloglist-accent-soft);border-radius:999px;color:var(--bloglist-accent);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;padding:.25rem .7rem;text-transform:uppercase}.bloglist-featured__title{color:var(--bloglist-text);font-size:clamp(1.35rem,2.4vw,2rem);font-weight:800;line-height:1.2;margin:.5rem 0 .75rem}.bloglist-featured__title a{background-image:linear-gradient(var(--bloglist-accent),var(--bloglist-accent));background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;color:inherit;text-decoration:none;transition:background-size .3s}.bloglist-featured__title a:hover{background-size:100% 2px;color:var(--bloglist-accent)}.bloglist-featured__intro{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--bloglist-muted);display:-webkit-box;line-height:1.55;margin:0 0 1.25rem;overflow:hidden;text-overflow:ellipsis}.bloglist-featured__intro h1,.bloglist-featured__intro h2,.bloglist-featured__intro h3,.bloglist-featured__intro p{display:inline;font-size:inherit;font-weight:inherit;margin:0}@media(max-width:767.98px){.bloglist-featured{grid-template-columns:1fr}.bloglist-featured__body{padding:1.5rem}.bloglist-featured__cover{height:auto}.bloglist-featured__cover img{aspect-ratio:16/9;height:auto}}.bloglist-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.bloglist-card{background:#fff;border:1px solid var(--bloglist-border);border-radius:var(--bloglist-radius);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}.bloglist-card:hover{border-color:transparent;box-shadow:var(--bloglist-shadow-md);transform:translateY(-3px)}.bloglist-card__cover{display:block;overflow:hidden}.bloglist-card__cover img{aspect-ratio:16/9;object-fit:cover;transition:transform .4s;width:100%}.bloglist-card__cover:hover img{transform:scale(1.04)}.bloglist-card__body{display:flex;flex:1;flex-direction:column;padding:1rem 1.15rem 1.15rem}.bloglist-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.bloglist-card__tag{background:var(--bloglist-accent-soft);border-radius:999px;color:var(--bloglist-accent);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.2rem .6rem;text-decoration:none;text-transform:uppercase}.bloglist-card__tag:hover{background:var(--bloglist-accent);color:#fff}.bloglist-card__title{font-size:1.02rem;font-weight:700;line-height:1.3;margin:0 0 .45rem}.bloglist-card__title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--bloglist-text);display:-webkit-box;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.bloglist-card__title a:hover{color:var(--bloglist-accent)}.bloglist-card__intro{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--bloglist-muted);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis}.bloglist-card__intro h1,.bloglist-card__intro h2,.bloglist-card__intro h3,.bloglist-card__intro p{display:inline;font-size:inherit;font-weight:inherit;margin:0}.bloglist-card__meta{align-items:center;color:var(--bloglist-muted);display:flex;font-size:.8rem;gap:.4rem;margin-top:auto}main.blog-list>.container>.bloglist-empty{color:var(--bloglist-muted);margin:0 auto;max-width:640px;padding:3rem 1rem;text-align:center}.bloglist-empty__icon{color:var(--bloglist-border);margin-bottom:1rem}.bloglist-empty__title{color:var(--bloglist-text);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.bloglist-empty__hint{margin:0 0 1.5rem}.bloglist-empty__cta{display:inline-block;margin-bottom:2.5rem}.bloglist-empty__suggestions{border-top:1px solid var(--bloglist-border);margin-top:2.5rem;padding-top:2rem}.bloglist-empty__suggestions-title{color:var(--bloglist-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.bloglist-empty__tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.bloglist-empty__rss{align-items:center;color:var(--bloglist-muted);display:inline-flex;font-size:.875rem;gap:.4rem;text-decoration:none;transition:color .15s}.bloglist-empty__rss:hover{color:#f97316}.bloglist-card__intro mark,.bloglist-card__title mark,.bloglist-featured__intro mark,.bloglist-featured__title mark{background:rgba(255,215,0,.4);border-radius:2px;color:inherit;padding:0 1px}.bloglist-pagination{display:flex;justify-content:center;margin-top:3rem}.bloglist-pagination .pagination{display:inline-flex;gap:.25rem;list-style:none;margin:0;padding:0}.bloglist-pagination .page-item .page-link,.bloglist-pagination .page-item:first-child .page-link,.bloglist-pagination .page-item:last-child .page-link{align-items:center;background:var(--bloglist-soft-bg);border:0;border-radius:8px;color:var(--bloglist-text);display:inline-flex;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 .85rem;text-decoration:none;transition:background-color .15s,color .15s}.bloglist-pagination .page-item.active .page-link{background:var(--bloglist-accent-deep);color:#fff}.bloglist-pagination .page-item:not(.active) .page-link:hover{background:var(--bloglist-accent-soft);color:var(--bloglist-accent)}.bloglist-pagination .page-item.disabled .page-link{background:transparent;color:var(--bloglist-muted);cursor:default}