/* 2026-11-08 — WordPress / WooCommerce-inspired homepage blog archive.
   Scoped to this blog module. All legacy site structures remain unchanged. */
.ys-blog-archive,.ys-blog-archive *{box-sizing:border-box}
.ys-blog-archive{
 --ys-blue:#325e82;--ys-blue-2:#46769a;--ys-dark:#102c44;
 --ys-paper:#fbfcfe;--ys-ink:#112842;--ys-muted:#465c6b;--ys-line:#dbe4ec;
 margin:0;padding:clamp(58px,6vw,95px) 18px 85px;
 background:radial-gradient(ellipse at 52% 4%,#f7f9fc,#f0f4f8 72%);
 color:var(--ys-ink);font-family:Inter,Arial,system-ui,sans-serif!important;
 font-size:15px;line-height:1.58;
}
.ys-blog-archive :is(button,a){font-family:inherit}
.ys-blog-archive button{cursor:pointer}
.ys-blog-container{max-width:1600px;margin:auto;width:100%}
.ys-blog-head{text-align:center;margin:0 auto 28px;max-width:1070px}
.ys-blog-kicker{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(145deg,#4a7699,#2c5677);border:1px solid #93adbf;
  color:white;border-radius:23px;padding:7px 23px;font-size:13px;font-weight:750;line-height:1.15;}
.ys-blog-kicker i{font-size:11px}
.ys-blog-head h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(27px,2.5vw,41px)!important;
 font-weight:850!important;letter-spacing:-.035em!important;line-height:1.19!important;
 margin:18px 0 12px!important;color:#132a49!important;text-transform:none!important;}
.ys-blog-head p{font:400 clamp(14px,1vw,16px)/1.75 Inter,Arial,sans-serif!important;
 margin:0 auto!important;max-width:990px;color:#465967!important;}
.ys-blog-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:17px;align-items:start}
.ys-blog-sidebar{border-radius:13px;border:1px solid #d3dce5;
 background:linear-gradient(160deg,#fff,#f5f8fb);box-shadow:0 5px 16px rgba(16,40,65,.06);
 padding:0 0 20px;overflow:hidden;}
.ys-blog-categories h3{margin:0!important;padding:17px 16px!important;background:linear-gradient(155deg,#416f91,#2b5678);
 color:#fff!important;font:800 17px/1.3 Inter,Arial,sans-serif!important;display:flex;align-items:center;gap:10px}
.ys-blog-categories h3 i{font-size:16px}
.ys-blog-cat-list{padding:9px 12px 15px}
.ys-blog-cat{appearance:none;display:flex;width:100%;min-height:43px;align-items:center;justify-content:space-between;
 gap:10px;border:0;border-bottom:1px solid #e0e7ed;border-radius:0;background:transparent;
 padding:9px 10px;color:#234057;font-size:12.5px;font-weight:600;text-align:left;
 transition:background .2s,color .2s}
.ys-blog-cat i{font-size:10px;color:#456c8d}
.ys-blog-cat:hover,.ys-blog-cat:focus-visible{background:#eaf1f8;color:#1c4a70}
.ys-blog-cat.is-selected{background:linear-gradient(130deg,#dceaf5,#c6ddec);color:#173e61;
 border-radius:8px;font-weight:750;border-color:transparent;margin:0 0 3px}
.ys-blog-cat:focus-visible,.ys-blog-archive .ys-blog-more:focus-visible{outline:3px solid #769ab8;outline-offset:2px}
.ys-blog-help{margin:14px 12px 0;padding:18px 14px;border-radius:10px;
 background:linear-gradient(150deg,#456f91 0%,#244e6f 100%);color:#fff;
 box-shadow:0 6px 13px rgba(16,40,65,.15);}
.ys-blog-help>i{font-size:22px;margin-bottom:7px}
.ys-blog-help h3{margin:3px 0 9px!important;font:800 16px/1.3 Inter,Arial,sans-serif!important;color:white!important}
.ys-blog-help p{font:400 12.5px/1.55 Inter,Arial,sans-serif!important;color:#ecf4f9!important;margin:0 0 17px!important}
.ys-blog-help-cta{display:flex;align-items:center;justify-content:space-between;border-radius:7px;padding:11px 12px;
 background:#f6fafc;color:#173c5c!important;font:750 12px/1.25 Inter,Arial,sans-serif!important;text-decoration:none!important;}
.ys-blog-help-cta:hover{background:#dceaf5}
.ys-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}
.ys-blog-card{background:linear-gradient(165deg,#fff,#fafcfe);border:1px solid #dae3ea;
 border-radius:12px;box-shadow:0 4px 11px rgba(21,52,73,.075);overflow:hidden;display:flex;flex-direction:column;min-width:0;
 transition:border-color .2s,box-shadow .2s,transform .2s}
.ys-blog-card:hover{border-color:#91b1c9;box-shadow:0 11px 24px rgba(34,70,104,.13);transform:translateY(-2px)}
.ys-blog-card[hidden]{display:none!important}
.ys-blog-card-picture{height:112px;position:relative;overflow:hidden;background:#dae4eb;margin:8px 8px 0;border-radius:8px}
.ys-blog-card-picture img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .25s}
.ys-blog-card:hover img{transform:scale(1.025)}
.ys-blog-place{position:absolute;bottom:7px;left:6px;max-width:calc(100% - 12px);background:#203f56;
 border:1px solid rgba(235,245,255,.23);color:#fff;border-radius:6px;
 font:700 11px/1.2 Inter,Arial,sans-serif;padding:6px 7px;
 white-space:normal;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 4px rgba(0,0,0,.11)}
.ys-blog-place i{font-size:10px;flex:none}
.ys-blog-card-content{padding:12px 12px 13px;display:flex;flex-direction:column;flex:1;min-height:0}
.ys-blog-card-content h3{font:800 14px/1.35 Inter,Arial,sans-serif!important;letter-spacing:-.018em;
 color:#142b46!important;margin:0 0 8px!important;min-height:38px!important;text-transform:none!important}
.ys-blog-card-content p{font:450 12.7px/1.55 Inter,Arial,sans-serif!important;
 color:#415565!important;margin:0 0 10px!important;flex:1;}
.ys-blog-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;min-height:25px}
.ys-blog-pills span{display:inline-flex;gap:5px;align-items:center;padding:5px 7px;background:#edf3f8;color:#264b69;
 border-radius:6px;font:700 10.7px/1.2 Inter,Arial,sans-serif;white-space:normal}
.ys-blog-pills span i{font-size:9px}
.ys-blog-more{display:flex;align-items:center;justify-content:space-between;gap:10px;
 border:1px solid #507c9c;padding:9px 10px;border-radius:6px;min-height:36px;
 background:linear-gradient(145deg,#4a799d,#2e5e84);color:white!important;
 font:750 12px/1.1 Inter,Arial,sans-serif;box-shadow:none;}
.ys-blog-more:hover{background:linear-gradient(140deg,#3c6b90,#254e70)}
.ys-blog-list-footer{margin:20px 0 0;text-align:right;color:#647788;font:600 12.5px/1.5 Inter,Arial,sans-serif}
.ys-blog-empty{padding:35px 15px;color:#3b5263;text-align:center}
.ys-blog-dialog{width:min(760px,calc(100vw - 32px));max-height:min(88vh,950px);padding:0;border:1px solid #bed0de;border-radius:16px;
 background:#fbfcfe;color:#16314c;box-shadow:0 30px 100px rgba(3,26,50,.25);overflow:auto;font-family:Inter,Arial,sans-serif}
.ys-blog-dialog::backdrop{background:rgba(2,20,38,.7)}
.ys-dialog-close{position:sticky;top:14px;float:right;margin:14px 14px -52px 0;width:38px;height:38px;border-radius:50%;border:1px solid #cbd9e4;
 background:white;color:#284963;z-index:3;box-shadow:0 2px 10px #bacad780}
.ys-dialog-body{padding:35px clamp(18px,5vw,43px) 38px}
.ys-dialog-place{font:750 12px/1.4 Inter,Arial,sans-serif;color:#376389}
.ys-dialog-article h2{font:850 clamp(24px,3vw,34px)/1.25 Inter,Arial,sans-serif!important;margin:10px 0 20px!important;color:#152e49!important}
.ys-dialog-article h3{font:800 21px/1.3 Inter,Arial,sans-serif!important;margin:20px 0 10px!important;color:#1d4766!important}
.ys-dialog-article img{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:9px;margin-bottom:19px}
.ys-dialog-article p{font:450 15px/1.85 Inter,Arial,sans-serif!important;margin:0 0 15px!important;color:#384e5e!important}
.ys-dialog-contact{display:inline-flex;background:#325e82;color:#fff!important;padding:11px 17px;border-radius:6px;text-decoration:none!important;font-weight:750}
@media(max-width:1250px){.ys-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:970px){.ys-blog-layout{grid-template-columns:190px minmax(0,1fr);gap:12px}.ys-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ys-blog-archive{padding:48px 12px 62px}.ys-blog-head{margin-bottom:20px}.ys-blog-head h2{font-size:27px!important}.ys-blog-layout{display:block}.ys-blog-sidebar{margin-bottom:14px}.ys-blog-categories h3{padding:12px 14px!important}.ys-blog-cat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px}.ys-blog-cat{border:1px solid #e0e7ed;border-radius:6px;padding:8px}.ys-blog-help{margin:3px 10px 10px;padding:14px}.ys-blog-help>i{display:none}.ys-blog-help h3{font-size:14px!important}.ys-blog-help p{margin-bottom:10px!important}.ys-blog-grid{grid-template-columns:1fr;gap:13px}.ys-blog-card{display:grid;grid-template-columns:125px minmax(0,1fr);align-items:stretch}.ys-blog-card-picture{margin:8px 0 8px 8px;height:auto;min-height:196px}.ys-blog-card-content{padding:11px}.ys-blog-card-content h3{min-height:0!important;font-size:13.5px!important}.ys-blog-card-content p{font-size:12px!important}.ys-blog-place{font-size:10px}.ys-blog-pills{margin-bottom:9px}.ys-blog-list-footer{text-align:center}}
@media(max-width:390px){.ys-blog-card{display:flex}.ys-blog-card-picture{height:160px;margin:8px 8px 0}.ys-blog-card-content{padding:12px}.ys-blog-cat{font-size:11px}.ys-blog-card-content p{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.ys-blog-card,.ys-blog-card img{transition:none}}