/* WallSafe blog archive — full-width editorial composition without dummy posts. */
.ws-site.ws-blog .ws-blog__hero {
    padding: 36px 0 42px;
    border-bottom: 1px solid #dfe5e8;
    background: #f6f8f9;
    background-image: linear-gradient(rgba(14,42,65,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(14,42,65,.025) 1px,transparent 1px);
    background-size: 36px 36px;
}
.ws-site.ws-blog .ws-blog__hero .ws-blog__hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1.17fr) minmax(0,.83fr);
    gap: clamp(24px,4vw,64px);
    align-items: center;
    padding-right: 0;
}
.ws-site.ws-blog .ws-blog__hero .ws-blog__hero-grid::before { display: none; }
.ws-blog__hero-copy { min-width: 0; padding: 6px 0 10px; }
.ws-site.ws-blog .ws-blog__hero .ws-site-breadcrumb { margin: 0 0 32px; }
.ws-blog__hero-copy .ws-site-breadcrumb span { padding: 0 7px; color: #a5b1b9; }
.ws-site.ws-blog .ws-blog__hero .ws-site-hero__eyebrow { margin-bottom: 12px; color: #e75a18; font-size: 12px; }
.ws-site.ws-blog .ws-blog__hero h1 { max-width: none; margin: 0; color: #0b233a; font-size: clamp(39px,4vw,62px); line-height: 1.3; letter-spacing: -.02em; }
.ws-site.ws-blog .ws-blog__hero .ws-blog__intro { max-width: 580px; margin: 17px 0 0; color: #526779; font-size: 16px; line-height: 2; }
.ws-blog__reading-tracks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.ws-blog__reading-tracks span { display: inline-flex; align-items: center; padding: 7px 12px; border: 1px solid #dce5eb; border-radius: 5px; background: rgba(255,255,255,.8); color: #425b70; font-size: 12px; font-weight: 750; }
.ws-blog__reading-tracks span::before { content: ''; width: 5px; height: 5px; margin-left: 7px; border-radius: 50%; background: #f15a24; }
.ws-blog__discovery { position: relative; min-width: 0; padding: 34px 32px 30px; overflow: hidden; border: 1px solid #203b52; border-radius: 14px; background: #102940; box-shadow: 0 20px 38px rgba(14,34,51,.12); color: #fff; }
.ws-blog__discovery::after { content: ''; position: absolute; top: -58px; left: -65px; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; box-shadow: 0 0 0 22px rgba(255,255,255,.025),0 0 0 47px rgba(255,255,255,.02); pointer-events: none; }
.ws-blog__discovery-index { display: inline-block; margin-bottom: 24px; color: #8198aa; font: 700 11px/1.5 Arial,sans-serif; letter-spacing: .17em; direction: ltr; }
.ws-blog__discovery-kicker { color: #ff9a63; font-size: 12px; font-weight: 850; }
.ws-blog__discovery h2 { margin: 7px 0; color: #fff; font-size: clamp(22px,2vw,27px); font-weight: 900; line-height: 1.55; }
.ws-site.ws-blog .ws-blog__discovery p { margin: 3px 0 21px; color: #b9cbd7; font-size: 13px; line-height: 1.85; }
.ws-blog__discovery .ws-blog__search { max-width: none; margin: 0; }
.ws-blog__discovery .ws-blog__search-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.ws-blog__discovery .ws-blog__search-row input[type="search"] { min-width: 0; min-height: 48px; border-color: #60798d; border-radius: 7px; background: #fff; color: #102940; font-size: 13px; }
.ws-blog__discovery .ws-blog__search-row .ws-btn { min-height: 48px; padding: 10px 18px; border-radius: 7px; background: #ff650d; color: #fff; white-space: nowrap; }
.ws-blog__discovery .ws-blog__search-row .ws-btn:hover { background: #e75708; }
.ws-blog__discovery-note { display: flex; align-items: flex-start; gap: 7px; margin-top: 17px; color: #a5b9c9; font-size: 11px; line-height: 1.8; }
.ws-blog__discovery-note span { color: #ff9a63; font-size: 17px; line-height: 1; }
.ws-site.ws-blog .ws-blog__section { padding: 39px 0 56px; background: #fff; }
.ws-blog__section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 0 0 23px; }
.ws-blog__section-heading h2 { margin: 4px 0 0; color: #102940; font-size: 29px; line-height: 1.5; }
.ws-blog__section-heading > span { color: #718493; font-size: 12px; }
.ws-blog__section-label { display: inline-block; color: #e65b17; font-size: 12px; font-weight: 850; }
.ws-site.ws-blog .ws-blog__topics { margin-bottom: 26px; }
.ws-blog__empty { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(270px,.9fr); min-height: 318px; overflow: hidden; border: 1px solid #dfe7eb; border-radius: 14px; background: #fff; box-shadow: 0 13px 30px rgba(14,37,55,.035); }
.ws-blog__empty-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; padding: clamp(28px,4vw,55px); }
.ws-blog__empty-content h2 { max-width: 590px; margin: 12px 0 11px; color: #102940; font-size: clamp(22px,2.1vw,29px); font-weight: 900; line-height: 1.65; }
.ws-blog__empty-content p { max-width: 565px; margin: 0; color: #617587; font-size: 14px; line-height: 2; }
.ws-blog__empty-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-top: 23px; }
.ws-blog__empty-actions .ws-btn { min-height: 44px; padding: 10px 21px; border-radius: 6px; background: #f15a24; color: #fff; }
.ws-blog__empty-secondary { color: #405b70; font-size: 13px; font-weight: 800; }
.ws-blog__empty-secondary:hover { color: #db561b; }
.ws-blog__empty-art { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; padding: 26px 30px; overflow: hidden; background: #102940; color: #a8bbca; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 30px 30px; }
.ws-blog__empty-art::before { content: ''; position: absolute; top: 66px; right: -45px; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 33px rgba(255,255,255,.025),0 0 0 65px rgba(255,255,255,.02); }
.ws-blog__empty-art-label { position: relative; font: 700 10px/1.4 Arial,sans-serif; letter-spacing: .19em; direction: ltr; text-align: left; }
.ws-blog__empty-art-sheet { position: relative; display: flex; flex-direction: column; gap: 13px; width: min(84%,220px); margin: 12px auto; padding: 28px 22px; border: 1px solid rgba(255,255,255,.3); border-top: 3px solid #ff702c; background: rgba(10,32,50,.82); transform: rotate(-7deg); box-shadow: 10px 12px 0 rgba(255,255,255,.08); }
.ws-blog__empty-art-sheet span { display: block; width: 100%; height: 5px; background: rgba(255,255,255,.28); }
.ws-blog__empty-art-sheet span:first-child { width: 48%; height: 8px; background: #ff702c; }
.ws-blog__empty-art-sheet span:last-child { width: 64%; }
.ws-blog__empty-art-foot { position: relative; color: #b8cbd9; font-size: 12px; font-weight: 750; }
@media (max-width: 930px) {
    .ws-site.ws-blog .ws-blog__hero .ws-blog__hero-grid { grid-template-columns: 1fr; gap: 20px; }
    .ws-site.ws-blog .ws-blog__hero .ws-site-breadcrumb { margin-bottom: 21px; }
    .ws-blog__discovery { padding: 24px; }
    .ws-blog__discovery-index { margin-bottom: 12px; }
    .ws-blog__empty { grid-template-columns: minmax(0,1fr) minmax(220px,.7fr); }
}
@media (max-width: 640px) {
    .ws-site.ws-blog .ws-blog__hero { padding: 25px 0 28px; background-size: 28px 28px; }
    .ws-site.ws-blog .ws-blog__hero h1 { font-size: 36px; }
    .ws-site.ws-blog .ws-blog__hero .ws-blog__intro { margin-top: 12px; font-size: 14px; line-height: 1.9; }
    .ws-blog__reading-tracks { gap: 6px; margin-top: 17px; }
    .ws-blog__reading-tracks span { padding: 6px 9px; font-size: 10px; }
    .ws-blog__discovery { padding: 23px 18px; border-radius: 11px; }
    .ws-blog__discovery h2 { font-size: 22px; }
    .ws-blog__discovery .ws-blog__search-row { grid-template-columns: minmax(0,1fr) auto; }
    .ws-blog__discovery .ws-blog__search-row .ws-btn { padding-inline: 11px; font-size: 12px; }
    .ws-site.ws-blog .ws-blog__section { padding: 25px 0 36px; }
    .ws-blog__section-heading { align-items: start; flex-direction: column; gap: 5px; }
    .ws-blog__section-heading h2 { font-size: 23px; }
    .ws-blog__empty { grid-template-columns: 1fr; }
    .ws-blog__empty-content { padding: 26px 21px 28px; }
    .ws-blog__empty-content h2 { font-size: 22px; }
    .ws-blog__empty-content p { font-size: 13px; }
    .ws-blog__empty-art { min-height: 148px; padding: 18px 20px; }
    .ws-blog__empty-art-sheet { position: absolute; top: 18px; left: 22px; width: 112px; margin: 0; padding: 14px; gap: 7px; }
    .ws-blog__empty-art-sheet span { height: 3px; }
    .ws-blog__empty-art-sheet span:first-child { height: 5px; }
    .ws-blog__empty-art-foot { margin-top: auto; }
}