/* Blog-specific mobile presentation; preserve the actual article titles and URLs. */
@media(max-width:767px) {
 html:lang(en) body main.sbb { width:100%; max-width:100%; }
 html:lang(en) body main.sbb .shell { width:100%; max-width:100%; padding:0 18px; margin:0; }
 html:lang(en) body main.sbb .hero { display:block; padding:32px 4px 28px; min-height:0; margin:0; }
 html:lang(en) body main.sbb .hero .art { display:none; }
 html:lang(en) body main.sbb .hero h1 { font-size:32px; line-height:1.18; letter-spacing:-1px; margin:16px 0; }
 html:lang(en) body main.sbb .hero .intro { font-size:15px; line-height:1.7; margin:0 0 20px; }
 html:lang(en) body main.sbb .hero .button { display:flex; justify-content:center; width:100%; min-height:46px; font-size:13px; }
 html:lang(en) body main.sbb .library { padding:0 0 28px; background:#fcfaff; }
 html:lang(en) body main.sbb .featured { display:block; margin:0 0 28px; border:1px solid #ecddf5; border-radius:20px; overflow:hidden; background:white; box-shadow:0 8px 24px #30203f06; }
 html:lang(en) body main.sbb .thumb { display:block; position:relative; width:100%; height:auto; min-height:0; aspect-ratio:768/403; overflow:hidden; background:#f5eafb; }
 html:lang(en) body main.sbb .thumb img { position:relative; display:block; width:100%; height:100%; object-fit:contain; margin:0; }
 html:lang(en) body main.sbb .thumb .fallback { display:none; }
 html:lang(en) body main.sbb .featurecopy { padding:20px; }
 html:lang(en) body main.sbb .featurecopy h2 { font-size:22px; line-height:1.3; margin:10px 0 12px; }
 html:lang(en) body main.sbb .tools { display:block; padding:0; margin:0 0 18px; scroll-margin-top:85px; }
 html:lang(en) body main.sbb .tools h2 { font-size:25px; line-height:1.25; margin:10px 0 18px; }
 html:lang(en) body main.sbb .tools form { display:grid; grid-template-columns:minmax(0,1fr) 72px; gap:8px; width:100%; }
 html:lang(en) body main.sbb .tools form label { min-width:0; margin:0; }
 html:lang(en) body main.sbb .search { width:100%; min-width:0; height:46px; padding:10px 12px; background:white; border:1px solid #e9dcf4; border-radius:9px; font:400 13px Poppins,Arial,sans-serif; }
 html:lang(en) body main.sbb .tools .button { min-width:0; height:46px; padding:10px 8px; font-size:12px; }
 html:lang(en) body main.sbb .filters { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:8px; padding:0 0 12px; margin:0 0 14px; scrollbar-width:thin; }
 html:lang(en) body main.sbb .filters a { flex:0 0 auto; font-size:12px; padding:8px 12px; }
 html:lang(en) body main.sbb .grid { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
 html:lang(en) body main.sbb article.card { display:block; min-width:0; padding:0; margin:0; border:1px solid #ecddf5; border-radius:18px; overflow:hidden; background:white; }
 html:lang(en) body main.sbb .cardbody { padding:18px; }
 html:lang(en) body main.sbb .card h3 { font-size:20px; line-height:1.35; margin:10px 0 18px; }
 html:lang(en) body main.sbb .meta { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:11px; }
 html:lang(en) body main.sbb .read { font-size:12px; }
 html:lang(en) body main.sbb .sb-blog-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:24px 0; }
}