.s14-resources{
	--s14-ink:#2b2b33;
	--s14-ink-soft:#55555e;
	--s14-muted:#8a8a94;
	--s14-line:#e6e6ea;
	--s14-blue:#1156f0;
	--s14-pill-bg:#f1f1f4;

	font-family:'Axiforma','Poppins','Segoe UI',system-ui,sans-serif;
	color:var(--s14-ink);
	display:grid;
	grid-template-columns:260px 1fr;
	gap:48px;
/*	max-width:1080px; */
	margin:0 auto;
}
.s14-resources *,
.s14-resources *::before,
.s14-resources *::after{box-sizing:border-box;}

/* ---------- Sidebar ---------- */
.s14-sidebar{position:sticky;top:150px;align-self:start;}
.s14-search{
	display:flex;align-items:center;gap:10px;
	background:#f2f2f5;border-radius:5px;
	padding:3px 14px;margin-bottom:28px;color:#555;
}
.s14-search svg{flex:none;opacity:.6;}
input.s14-search-input,
input.s14-search-input:focus{
	border:0;background:transparent;outline:none;box-shadow:none;
	font:inherit;font-size:14px;color:var(--s14-ink);width:100%;
	padding:0;
}
.s14-search-input::placeholder{color:#9a9aa3;}
ul.s14-filters{list-style:none;display:flex;flex-direction:column;gap:20px;margin:0;padding:0;}
.s14-filters label{
	display:flex;align-items:center;gap:10px;
	cursor:pointer;user-select:none;margin:0;
}
ul.s14-filters span{
	font-weight:400;
	font-size:16px;
	color:#2C323BAD;
	line-height:100%;
	letter-spacing:-0.016em;
}
.s14-filters input{position:absolute;opacity:0;pointer-events:none;}
.s14-radio{
	width:16px;height:16px;border-radius:50%;
	border:1.5px solid #c9c9d1;flex:none;position:relative;
	background:#fff;transition:border-color .15s;
}
.s14-filters input:checked + .s14-radio{border-color:var(--s14-blue);}
.s14-filters input:checked + .s14-radio::after{
	content:"";position:absolute;inset:3px;border-radius:50%;background:var(--s14-blue);
}
.s14-filters input:focus-visible + .s14-radio{outline:2px solid var(--s14-blue);outline-offset:2px;}
.s14-filters input:checked ~ span{color:var(--s14-ink);font-weight:500;}

/* ---------- Main ---------- */
h2.s14-title{
	font-weight:700;
	font-size:24px;
	color:#2C323B99;
	line-height:100%;
	letter-spacing:-0.016em;
	margin:0 0 20px;
}
.s14-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.s14-grid.is-loading{opacity:.45;pointer-events:none;transition:opacity .15s;}

.s14-card{
	border:1px solid var(--s14-line);border-radius:10px;
	background:#fff;display:flex;flex-direction:column;
	padding:14px;
	transition:box-shadow .18s,transform .18s;
}
.s14-card:hover{box-shadow:0 8px 24px rgba(20,20,40,.08);transform:translateY(-2px);}
.s14-thumb{
	aspect-ratio:16/8.5;width:100%;object-fit:cover;display:block;
	border-radius:4px!important;background:#dfe3ea;
}
.s14-thumb--placeholder{
	background:linear-gradient(135deg,#14142b,#3b2a63);
}
.s14-card-body{padding:14px 4px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.s14-tag{
	font-size:11px;color:var(--s14-ink-soft);
	background:var(--s14-pill-bg);border-radius:4px;
	padding:5px 12px 4px;letter-spacing:.01em;
}
h3.s14-card-title{
	font-family:'Axiforma-Bold','Axiforma',sans-serif;
	font-weight:600;
	font-size:24px;
	color:#2A2A2D;
	line-height:128%;
	letter-spacing:0.005em;
	margin:0;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
a.s14-read-more{
	font-family:'Axiforma-Medium','Axiforma',sans-serif;
	font-weight:500;
	font-size:16px;
	color:#2C302F;
	line-height:100%;
	letter-spacing:0;
	text-decoration:underline;
	text-decoration-style:solid;
	text-underline-offset:3px;
	display:inline-flex;align-items:center;gap:6px;margin-top:2px;
}
.s14-read-more:hover{color:var(--s14-blue);}
.s14-read-more svg{transition:transform .15s;}
.s14-read-more:hover svg{transform:translateX(3px);}

/* ---------- Empty & pagination ---------- */
.s14-empty{text-align:center;color:var(--s14-muted);padding:60px 0;font-size:14px;margin:0;}
.s14-empty[hidden],.s14-pagination[hidden]{display:none;}

.s14-pagination{
	display:flex;justify-content:center;align-items:center;gap:6px;
	margin-top:36px;font-size:13px;color:var(--s14-ink-soft);
}
.s14-page{
	min-width:30px;height:30px;border:1px solid transparent;border-radius:6px;
	background:transparent;font:inherit;color:inherit;cursor:pointer;
	padding:0 6px;
}
.s14-page[aria-current="page"]{
	background:#fdf6dd;border-color:#e8b70a;font-weight:600;color:var(--s14-ink);
}
.s14-page:hover:not([aria-current]){background:#f2f2f5;}
.s14-ellipsis{padding:0 4px;}

/* ---------- Responsive ---------- */
@media (max-width:860px){
	.s14-resources{grid-template-columns:1fr;gap:28px;}
	.s14-sidebar{position:static;}
	.s14-filters{flex-direction:row;flex-wrap:wrap;gap:20px;}
}
@media (max-width:600px){
	.s14-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
	.s14-card,.s14-read-more svg,.s14-grid.is-loading{transition:none;}
}