/* Original Show v2: responsive rules */
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } body.admin-bar .site-nav { top: 112px; } body.admin-bar .nav-overlay { top: 101px; } }
@media (max-width: 782px) { body.admin-bar .search-panel { top: 101px; } }
@media (max-width: 1100px) {
  .feature-grid { grid-template-columns: repeat(3, 1fr); }
  .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  .hero-inner { gap: 20px; }
}
@media (max-width: 900px) {
  body.nav-open { overflow: hidden; }
  .header-inner { grid-template-columns: minmax(0,1fr) auto; }
  .site-brand { grid-column: 1; min-width: 0; }
  .header-right { grid-column: 2; justify-self: end; gap: 5px; }
  .header-actions { grid-column: auto; }
  .menu-toggle { display: block; }
  .site-nav { position: fixed; display: block; left: 12px; right: 12px; top: 66px; z-index: 112; max-height: calc(100vh - 82px); overflow-y: auto; padding: 10px; border: 1px solid var(--os-border); border-radius: 16px; background: var(--os-surface); box-shadow: var(--os-shadow); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px) scale(.99); transform-origin: top center; transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
  .site-nav.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
  body.admin-bar .site-nav { top: 98px; }
  .nav-menu, .site-nav .menu { display: grid; gap: 3px; }
  .nav-menu a, .site-nav .menu a { padding: 10px 12px; font-size: 13px; }
  .nav-menu .sub-menu, .site-nav .menu .sub-menu, .nav-menu .sub-menu .sub-menu, .site-nav .menu .sub-menu .sub-menu { position: static; min-width: 0; margin: 2px 0 2px 12px; padding: 2px 0 2px 9px; border: 0; border-left: 1px solid var(--os-border); border-radius: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .nav-menu .sub-menu a, .site-nav .menu .sub-menu a { white-space: normal; padding: 8px 10px; color: var(--os-muted); }
  .hero, .feature-strip { width: min(calc(100% - 24px), var(--os-container)); max-width: var(--os-container); }
  .hero-inner { grid-template-columns: 1fr; min-height: auto; padding-top: 26px; }
  .hero-copy { text-align: center; }.hero-description { margin-left: auto; margin-right: auto; }.hero-actions { justify-content: center; }.hero-stats { margin-left: auto; margin-right: auto; text-align: left; }
  .hero-visual { min-height: 330px; }.tech-orb { width: 300px; }
  .content-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; grid-template-columns: repeat(3, 1fr); }.sidebar .profile-card { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
  .container, .narrow-container { width: min(calc(100% - 20px), var(--os-container)); }
  .header-inner { min-height: 56px; gap: 6px; }
  .site-brand { min-width: 0; }
  .brand-text { gap: 8px; }
  .brand-copy strong { font-size: 14px; }
  .brand-copy small { display: none; }
  .brand-mark { width: 32px; height: 32px; font-size: 16px; }
  .custom-logo { max-height: 34px; }
  .icon-button { width: 32px; height: 32px; }
  .menu-toggle { width: 36px; height: 36px; padding: 8px; border-radius: 12px; }
  .site-nav { left: 10px; right: 10px; top: 58px; }
  .account-name, .register-link { display: none; }
  .account-toggle { padding-right: 3px; min-height: 32px; }
  .login-button { min-height: 32px; padding: 0 12px; font-size: 12px; }
  .hero, .feature-strip { width: min(calc(100% - 20px), var(--os-container)); }
  .hero-inner { padding-top: 22px; padding-bottom: 20px; }
  .hero h1 { font-size: 30px; }
  .hero h2 { font-size: 19px; }
  .hero-description { font-size: 13px; max-width: 96%; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .hero-stats div:nth-child(2) { border-right: 0; }
  .hero-stats div { padding: 2px 4px; }
  .hero-visual { min-height: 170px; }
  .tech-orb { width: 156px; }
  .hero-note { display: none; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-item { min-height: 72px; padding: 10px; }
  .feature-icon-shell { width: 40px; height: 40px; flex-basis: 40px; }
  .feature-item strong { font-size: 12px; }
  .feature-item small { font-size: 9px; }
  .section-space { padding: 22px 0 34px; }
  .section-heading-row { display: block; }
  .category-pills { margin-top: 10px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; scrollbar-width: none; }
  .category-pills::-webkit-scrollbar { display: none; }
  .category-pills a { white-space: nowrap; }
  .post-grid { grid-template-columns: 1fr; }
  .sidebar { grid-template-columns: 1fr; }
  .sidebar .profile-card { grid-column: auto; }
  .home-cta { display: block; padding: 20px; }
  .home-cta .button { margin-top: 14px; }
  .home-cta h2 { font-size: 20px; }
  .single-article { padding: 22px; }
  .entry-cover { margin-left: -22px; margin-right: -22px; }
  .entry-header h1 { font-size: 30px; }
  .post-navigation-custom { grid-template-columns: 1fr; }
  .post-navigation-custom div:last-child { text-align: left; }
  .footer-inner { gap: 18px; }
}
@media (max-width: 560px) {
  .site-brand img, .custom-logo { max-width: 164px; max-height: 30px; }
  .brand-copy strong { font-size: 13px; }
  .hero { margin-top: 10px; }
  .hero-inner { gap: 14px; padding-top: 18px; padding-bottom: 18px; }
  .hero h1 { font-size: 28px; }
  .hero h2 { font-size: 18px; }
  .hero-description { font-size: 12px; line-height: 1.8; }
  .hero-visual { min-height: 136px; }
  .tech-orb { width: 132px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .feature-item { min-height: 70px; }
  .profile-card, .list-card, .tag-card { padding: 18px; }
}
@media (max-width: 460px) {
  .container, .narrow-container { width: min(calc(100% - 16px), var(--os-container)); }
  .hero, .feature-strip { width: min(calc(100% - 16px), var(--os-container)); border-radius: 18px; }
  .header-inner { min-height: 52px; gap: 5px; }
  .site-brand img, .custom-logo { max-width: 148px; max-height: 28px; }
  .menu-toggle { width: 34px; height: 34px; }
  .icon-button { width: 30px; height: 30px; font-size: 13px; }
  .login-button { min-height: 30px; padding: 0 11px; }
  .hero h1 { font-size: 26px; }
  .hero h2 { font-size: 17px; }
  .hero-description { font-size: 12px; }
  .hero-stats { gap: 6px; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-item { min-height: 68px; padding: 10px 9px; }
  .feature-icon-shell { width: 38px; height: 38px; flex-basis: 38px; }
  .feature-icon-svg { width: 21px; height: 21px; }
  .feature-item strong { font-size: 11px; }
  .feature-item small { font-size: 9px; }
  .section-heading h2 { font-size: 26px; }
  .post-card .entry-title, .post-card h2 { font-size: 21px; }
}
@media (max-width: 380px) {
  .site-brand img, .custom-logo { max-width: 116px; max-height: 26px; }
  .header-actions { gap: 3px; }
  .login-button { padding: 0 10px; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-item { min-height: 70px; }
}
@media (max-width: 900px) { .resource-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .resource-grid { grid-template-columns: 1fr; } .example-card { grid-template-columns: 44px 1fr; } .example-open { grid-column: 1 / -1; width: 100%; } .library-hero { padding: 22px; } }
@media (max-width: 700px) { .article-toc ol { columns: 1; } .related-topic-grid { grid-template-columns: 1fr; } .article-file-list a { display: block; } .article-file-list a span { display: block; margin-top: 5px; } }
@media (max-width: 1100px) { .home-topic-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 700px) { .home-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .topic-quick-links { margin-top: 8px; flex-wrap: wrap; } }
@media(max-width:900px){.footer-copyright-rich,.footer-description{text-align:center}}
@media(max-width:560px){.footer-logo-link .brand-logo{max-height:36px}.footer-copyright-rich{font-size:10px}}

/* v2 phase 2 module responsiveness */
@media (max-width: 900px) {
  .featured-layout { grid-template-columns:1fr; }
  .featured-secondary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-resource-grid,.home-code-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .os-loop { grid-template-columns:132px minmax(0,1fr); min-height:112px; }
  .os-loop-media { min-height:112px; }
  .os-loop-body { padding:12px 13px; }
  .os-loop-title { font-size:15px; }
  .os-loop-excerpt { display:none; }
  .featured-lead-media { min-height:190px; }
  .featured-lead-body h3 { font-size:20px; }
  .featured-secondary { grid-template-columns:1fr; }
  .home-resource-grid,.home-code-grid { grid-template-columns:1fr; }
}
@media (max-width: 430px) {
  .os-loop { grid-template-columns:108px minmax(0,1fr); }
  .os-loop-title { font-size:14px; }
  .os-loop .post-meta { margin-top:8px; gap:7px; font-size:9px; }
  .os-loop-compact { grid-template-columns:88px minmax(0,1fr); }
  .featured-lead-media { min-height:160px; }
}

/* v2 phase 3 responsive list/single refinements */
@media (max-width: 768px) {
  .archive-header-rich { display:block; }
  .archive-count { margin-top:12px; }
  .archive-header { padding:20px; }
  .archive-header h1 { font-size:26px; }
  .article-reading-width { max-width:none; }
  .article-meta { gap:6px 10px; font-size:10px; }
  .article-meta span + span::before { margin-right:7px; }
  .entry-content h2 { font-size:22px; }
  .entry-content h3 { font-size:18px; }
  .empty-actions { flex-direction:column; }
  .empty-actions .button { width:100%; }
}
@media (max-width: 430px) {
  .archive-header { padding:17px; }
  .archive-header h1 { font-size:23px; }
  .article-meta span + span::before { display:none; }
  .article-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .entry-content { font-size:15px; }
}

/* v2 phase 4 sidebar/footer responsive */
@media(max-width:900px){
  .sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar .profile-card{grid-column:1 / -1}
  .footer-inner{grid-template-columns:1fr;text-align:center;gap:24px;padding:0}
  .footer-brand{justify-content:center}
  .footer-description{margin-left:auto;margin-right:auto}
}
@media(max-width:640px){
  .sidebar{grid-template-columns:1fr}
  .sidebar .profile-card{grid-column:auto}
}

/* v2 phase 5: explicit acceptance breakpoints */
@media (min-width: 901px) and (max-width: 1024px) {
  .content-layout { grid-template-columns:minmax(0,1fr) 260px; gap:16px; }
  .featured-layout { gap:12px; }
  .footer-inner { gap:32px; }
}
@media (max-width: 430px) {
  html, body { max-width:100%; overflow-x: hidden; }
  .single-article { border-radius:14px; }
  .sidebar-module { border-radius:14px; }
  .footer-inner { width:100%; }
}
@media (max-width: 390px) {
  .container, .narrow-container { width:min(calc(100% - 14px),var(--os-container)); }
  .site-brand img, .custom-logo { max-width:112px; max-height:25px; }
  .header-actions { gap:3px; }
  .menu-toggle { width:32px; height:32px; padding:7px; }
  .icon-button { width:29px; height:29px; }
  .login-button { min-height:29px; padding:0 9px; font-size:11px; }
  .featured-lead-body { padding:15px; }
  .featured-secondary-item { padding:13px; }
  .os-loop { grid-template-columns:98px minmax(0,1fr); }
  .os-loop-media { min-height:96px; }
}

@media (max-width: 375px) {
  .header-right { gap:3px; }
  .site-brand img, .custom-logo { max-width:104px; }
  .feature-item { padding:9px 8px; gap:8px; }
  .feature-icon-shell { width:36px; height:36px; flex-basis:36px; }
  .feature-item strong { font-size:10px; }
  .feature-item small { font-size:8px; }
}
@media (max-width: 320px) {
  .container, .narrow-container { width:min(calc(100% - 10px),var(--os-container)); }
  .site-brand img, .custom-logo { max-width:92px; max-height:23px; }
  .brand-mark { width:28px; height:28px; font-size:14px; }
  .header-actions { gap:2px; }
  .menu-toggle { width:30px; height:30px; }
  .icon-button { width:28px; height:28px; }
  .login-button { min-height:28px; padding:0 8px; font-size:10px; }
  .hero h1 { font-size:23px; }
  .hero h2 { font-size:16px; }
  .feature-grid { grid-template-columns:1fr; }
  .os-loop, .os-loop-compact { grid-template-columns:1fr; }
  .os-loop-media { min-height:150px; }
  .os-loop-body { padding:12px; }
  .article-meta { grid-template-columns:1fr; }
}

@media (max-width:560px){
  .not-found{padding:38px 18px}
  .not-found-actions{display:grid;grid-template-columns:1fr;width:100%}
  .not-found-actions .button{width:100%}
  .page-reading-shell .single-article{padding:20px 18px}
}


/* v2.0.2 unified footer responsive */
@media(max-width:900px){.footer-inner{grid-template-columns:1fr;text-align:center;gap:0;padding:0}.footer-brand{justify-content:center}.footer-description{margin-left:auto;margin-right:auto}.footer-bottom-copyright{margin-top:22px;padding-top:16px}.footer-bottom-copyright .footer-copyright-rich{text-align:center}}
@media(max-width:560px){.footer-logo-link .brand-logo{max-height:36px}.footer-bottom-copyright .footer-copyright-rich{font-size:10px;line-height:1.75}.footer-bottom-copyright .footer-copyright-rich img{max-height:20px}}
/* v2.1 article containment: internal scrolling instead of page overflow. */
@media (max-width: 768px) {
  .entry-content pre, .article-reading pre { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .entry-content table, .article-reading .table-scroll { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .article-reading { max-width:100%; }
}

/* v2.1.1 mobile homepage — matches the approved compact portal concept */
@media (max-width: 560px) {
  .header-actions [data-search-toggle] { order:1; }
  .header-actions [data-theme-toggle] { order:2; }
  .header-actions .account-menu-wrap, .header-actions .account-actions { order:3; }
  .header-actions .menu-toggle { order:4; }
  .header-actions { gap:5px; }

  .site-home-v2 .hero {
    width:min(calc(100% - 16px),var(--os-container));
    margin-top:8px;
    border-radius:18px;
    color:#173156;
    background:
      radial-gradient(circle at 82% 24%,rgba(91,174,255,.28),transparent 28%),
      linear-gradient(135deg,#eef8ff 0%,#dcecff 58%,#cfe4ff 100%);
    box-shadow:0 10px 28px rgba(48,92,158,.12);
  }
  .site-home-v2 .hero-grid-lines { opacity:.08; background-size:28px 28px; }
  .site-home-v2 .hero-inner { grid-template-columns:minmax(0,1.36fr) minmax(116px,.64fr); gap:8px; padding:18px 15px; min-height:205px; }
  .site-home-v2 .hero-copy { text-align:left; min-width:0; }
  .site-home-v2 .eyebrow { margin-bottom:7px; color:#3b7fd9; font-size:9px; letter-spacing:.08em; }
  .site-home-v2 .hero h1 { font-size:22px; color:#142b4d; line-height:1.14; }
  .site-home-v2 .hero h2 { margin-top:6px; font-size:13px; color:#365879; }
  .site-home-v2 .hero-description { margin-top:7px; max-width:100%; color:#5f7590; font-size:10px; line-height:1.55; }
  .site-home-v2 .hero-actions { gap:6px; margin-top:11px; flex-direction:row; }
  .site-home-v2 .hero-actions .button { width:auto; min-height:31px; padding:0 11px; border-radius:8px; font-size:10px; }
  .site-home-v2 .button-primary { color:#fff; background:linear-gradient(135deg,#2d80ff,#1565dd); box-shadow:0 8px 18px rgba(34,111,225,.20); }
  .site-home-v2 .button-ghost { color:#315475; border-color:rgba(71,119,168,.22); background:rgba(255,255,255,.72); }
  .site-home-v2 .hero-stats { display:none; }
  .site-home-v2 .hero-visual { min-height:128px; }
  .site-home-v2 .tech-orb { display:none; }
  .site-home-v2 .hero-mobile-device { display:block; transform:scale(.9); }
  .site-home-v2 .hero-note { right:1px; top:1px; color:#3b6ea7; font-size:7px; line-height:1.35; letter-spacing:.11em; }

  .site-home-v2 .feature-strip { margin-top:10px; }
  .site-home-v2 .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .site-home-v2 .feature-item { min-height:78px; padding:10px 11px; border-radius:14px; box-shadow:0 5px 16px rgba(20,49,83,.06); }
  .site-home-v2 .feature-icon-shell { width:42px; height:42px; flex-basis:42px; }
  .site-home-v2 .feature-item strong { font-size:12px; color:var(--os-text); }
  .site-home-v2 .feature-item small { margin-top:3px; font-size:9px; line-height:1.35; white-space:normal; }

  .site-home-v2 .home-latest-section { padding-top:20px; padding-bottom:12px; }
  .site-home-v2 .home-latest-section .section-heading-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
  .site-home-v2 .home-latest-section .section-kicker { display:none; }
  .site-home-v2 .home-latest-section .section-heading h2 { font-size:20px; }
  .site-home-v2 .home-latest-section .latest-more { display:inline-flex; margin-left:auto; color:#2684e8; font-size:9px; line-height:1; white-space:nowrap; }
  .site-home-v2 .home-latest-section .category-pills { display:none; }
  .site-home-v2 .latest-loop-card.post-grid { display:grid; grid-template-columns:1fr; gap:8px; }
  .site-home-v2 .latest-loop-card .post-card { display:grid; grid-template-columns:118px minmax(0,1fr); min-height:96px; border-radius:12px; }
  .site-home-v2 .latest-loop-card .post-card:nth-child(n+4) { display:none; }
  .site-home-v2 .latest-loop-card .post-card-media { height:100%; min-height:96px; aspect-ratio:auto; border-radius:12px 0 0 12px; }
  .site-home-v2 .latest-loop-card .category-badge { left:7px; top:7px; padding:3px 6px; font-size:8px; border-radius:6px; }
  .site-home-v2 .latest-loop-card .post-card-body { min-width:0; padding:8px 10px; }
  .site-home-v2 .latest-loop-card .post-card-title { font-size:12px; line-height:1.35; -webkit-line-clamp:2; }
  .site-home-v2 .latest-loop-card .post-card-excerpt { display:-webkit-box; margin-top:3px; color:var(--os-muted); font-size:8px; line-height:1.38; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .site-home-v2 .latest-loop-card .post-card-excerpt p { margin:0; }
  .site-home-v2 .latest-loop-card .post-meta { margin-top:4px; gap:6px; font-size:7px; }

  .site-home-v2 .home-latest-section .sidebar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; align-items:stretch; }
  .site-home-v2 .home-latest-section .sidebar > .sidebar-module { min-width:0; width:auto; height:100%; padding:10px 9px; border-radius:12px; }
  .site-home-v2 .home-latest-section .sidebar .sidebar-recent-posts,
  .site-home-v2 .home-latest-section .sidebar .sidebar-topics { display:none; }
  .site-home-v2 .profile-desktop-view { display:none; }
  .site-home-v2 .mobile-site-info { display:block; text-align:left; }
  .site-home-v2 .mobile-site-info h2,
  .site-home-v2 .sidebar .widget-title { margin:0 0 7px; padding:0; border:0; font-size:11px; line-height:1.25; font-weight:800; }
  .site-home-v2 .mobile-site-info h2 span { margin-right:4px; color:#21b776; }
  .site-home-v2 .mobile-site-info ul { list-style:none; padding:0; margin:0; }
  .site-home-v2 .mobile-site-info li { display:flex; justify-content:space-between; gap:4px; padding:3px 0; color:var(--os-muted); font-size:9px; line-height:1.35; white-space:nowrap; }
  .site-home-v2 .mobile-site-info li strong { color:var(--os-text); font-size:9px; }
  .site-home-v2 .sidebar-heading-note { display:none; }
  .site-home-v2 .hot-post-list { counter-reset:mobile-hot; }
  .site-home-v2 .hot-post-list li { grid-template-columns:16px minmax(0,1fr); gap:4px; padding:3px 0; border:0; font-size:9px; line-height:1.35; }
  .site-home-v2 .hot-post-list li::before { width:14px; height:14px; font-size:7px; }
  .site-home-v2 .hot-post-list li:nth-child(n+6) { display:none; }
  .site-home-v2 .hot-post-list a { display:-webkit-box; overflow:hidden; font-size:9px; line-height:1.35; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
  .site-home-v2 .hot-post-list small { display:none; }
  .site-home-v2 .tag-cloud-custom { gap:4px; align-content:flex-start; }
  .site-home-v2 .tag-cloud-custom a { padding:4px 5px; border-radius:6px; font-size:8px; line-height:1.2; }
  .site-home-v2 .tag-cloud-custom a:nth-child(n+9) { display:none; }

  .site-home-v2 .home-topics-section,
  .site-home-v2 .home-cta-wrap { display:none; }

  .site-home-v2 .home-mobile-library-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:min(calc(100% - 16px),var(--os-container)); margin:10px auto 18px; }
  .site-home-v2 .home-mobile-library-pair > .home-module { padding:0; min-width:0; }
  .site-home-v2 .home-mobile-library-pair > .home-module > .container { width:100%; }
  .site-home-v2 .home-mobile-library-pair .section-heading-row { display:flex; align-items:center; justify-content:space-between; gap:4px; margin-bottom:7px; }
  .site-home-v2 .home-mobile-library-pair .section-kicker { display:none; }
  .site-home-v2 .home-mobile-library-pair .section-heading h2 { font-size:13px; line-height:1.2; }
  .site-home-v2 .home-mobile-library-pair .section-more { font-size:8px; white-space:nowrap; }
  .site-home-v2 .home-resource-grid,
  .site-home-v2 .home-code-grid { display:grid; grid-template-columns:1fr; gap:0; overflow:hidden; border:1px solid var(--os-border); border-radius:12px; background:var(--os-surface); }
  .site-home-v2 .home-resource-card,
  .site-home-v2 .home-code-item { position:relative; min-height:0; padding:9px 8px 9px 25px; border:0; border-bottom:1px solid var(--os-border); border-radius:0; box-shadow:none; background:transparent; }
  .site-home-v2 .home-resource-card:nth-child(n+5),
  .site-home-v2 .home-code-item:nth-child(n+5) { display:none; }
  .site-home-v2 .home-resource-card:nth-child(4),
  .site-home-v2 .home-code-item:nth-child(4) { border-bottom:0; }
  .site-home-v2 .home-resource-card::before,
  .site-home-v2 .home-code-item::before { content:'›'; position:absolute; left:8px; top:10px; width:12px; height:12px; display:grid; place-items:center; border-radius:4px; color:#fff; background:#2b7cff; font-size:9px; font-weight:900; }
  .site-home-v2 .home-resource-card > span,
  .site-home-v2 .home-resource-card p,
  .site-home-v2 .home-resource-card i,
  .site-home-v2 .home-code-item > span,
  .site-home-v2 .home-code-item code { display:none; }
  .site-home-v2 .home-resource-card strong,
  .site-home-v2 .home-code-item strong { margin:0; font-size:9px; line-height:1.35; font-weight:700; }

  .site-home-v2 + .site-footer { margin-top:0; }
  .site-footer .footer-inner { padding-top:16px; }
  .site-footer .footer-description { font-size:9px; }
  .site-footer .footer-bottom-copyright { margin-top:12px; padding-top:12px; }
}

@media (max-width: 360px) {
  .site-home-v2 .hero-inner { grid-template-columns:minmax(0,1fr) 104px; padding:16px 12px; }
  .site-home-v2 .hero-mobile-device { transform:scale(.76); transform-origin:center; }
  .site-home-v2 .hero h1 { font-size:20px; }
  .site-home-v2 .hero-description { -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
  .site-home-v2 .home-latest-section .sidebar { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .site-home-v2 .home-latest-section .sidebar > .sidebar-module { padding:8px 7px; }
  .site-home-v2 .mobile-site-info h2,
  .site-home-v2 .sidebar .widget-title { font-size:10px; }
  .site-home-v2 .mobile-site-info li,
  .site-home-v2 .mobile-site-info li strong,
  .site-home-v2 .hot-post-list a { font-size:8px; }
  .site-home-v2 .home-mobile-library-pair { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  [data-theme="dark"] .site-home-v2 .hero {
    color:#dfeaff;
    background:
      radial-gradient(circle at 82% 24%,rgba(62,128,235,.24),transparent 28%),
      linear-gradient(135deg,#101a2b 0%,#13233a 58%,#172b48 100%);
    box-shadow:0 10px 30px rgba(0,0,0,.28);
  }
  [data-theme="dark"] .site-home-v2 .hero h1 { color:#f3f7ff; }
  [data-theme="dark"] .site-home-v2 .hero h2 { color:#c2d4ef; }
  [data-theme="dark"] .site-home-v2 .hero-description { color:#93a8c6; }
  [data-theme="dark"] .site-home-v2 .eyebrow { color:#78aaff; }
  [data-theme="dark"] .site-home-v2 .button-ghost { color:#d9e7fb; border-color:rgba(159,190,232,.22); background:rgba(20,36,59,.72); }
}

/* v2.1.2 desktop portal responsive bridge */
@media (max-width: 1180px) and (min-width: 901px) {
  .site-home-v2 .hero-inner { grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr); padding-left:26px; padding-right:26px; }
  .site-home-v2 .hero-desktop-device { transform:scale(.90) perspective(900px) rotateY(-6deg); transform-origin:center; }
  .site-home-v2 .hero-benefits { transform:translate(-18%,-50%) scale(.92); }
  .site-home-v2 .home-latest-section .content-layout { grid-template-columns:minmax(0,1fr) 270px; }
  .site-home-v2 .feature-item { padding-inline:9px; gap:8px; }
  .site-home-v2 .feature-icon-shell { width:38px; height:38px; flex-basis:38px; }
}

@media (max-width: 1024px) and (min-width: 901px) {
  .site-home-v2 .hero-inner { grid-template-columns:minmax(0,1fr) 410px; gap:14px; }
  .site-home-v2 .hero h1 { font-size:42px; }
  .site-home-v2 .hero-desktop-device { transform:scale(.82) perspective(900px) rotateY(-5deg); }
  .site-home-v2 .hero-benefits { display:none; }
  .site-home-v2 .feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .site-home-v2 .home-latest-section .content-layout { grid-template-columns:minmax(0,1fr) 250px; }
  .site-home-v2 .latest-loop-card.post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .site-home-v2 .home-library-pair { grid-template-columns:1fr 1fr; }
}

@media (max-width: 900px) {
  .site-home-v2 .hero-desktop-device,
  .site-home-v2 .hero-benefits { display:none; }
}


@media (max-width: 430px) {
  .site-home-v2 .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* v2.1.6 mobile library cards — approved two-column visual */
@media (max-width: 560px) {
  .site-home-v2 .home-mobile-library-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:min(calc(100% - 16px),var(--os-container)); margin:12px auto 20px; align-items:start; }
  .site-home-v2 .home-mobile-library-pair > .home-module { min-width:0; padding:0; }
  .site-home-v2 .home-mobile-library-pair > .home-module > .container { width:100%; padding:12px 10px 0; overflow:hidden; border:1px solid var(--os-border); border-radius:14px; background:var(--os-surface); box-shadow:0 5px 18px rgba(12,35,23,.035); }
  .site-home-v2 .home-mobile-library-pair .section-heading-row { min-height:36px; margin:0; padding:0 1px 10px; display:flex; align-items:center; justify-content:space-between; gap:5px; border-bottom:1px solid var(--os-border); }
  .site-home-v2 .home-mobile-library-pair .section-heading-row > div { min-width:0; }
  .site-home-v2 .home-mobile-library-pair .section-kicker { display:none; }
  .site-home-v2 .home-mobile-library-pair .section-heading h2 { position:relative; margin:0; padding-left:34px; color:var(--os-text); font-size:13px; line-height:28px; font-weight:800; white-space:nowrap; }
  .site-home-v2 .home-mobile-library-pair .section-heading h2::before { position:absolute; left:0; top:0; width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:#0da86b; background:#dff8eb; font-size:13px; font-weight:900; }
  .site-home-v2 .home-resource-module .section-heading h2::before { content:'▤'; }
  .site-home-v2 .home-code-module .section-heading h2::before { content:'</>'; font-size:10px; }
  .site-home-v2 .home-mobile-library-pair .section-more { flex:0 0 auto; color:var(--os-accent); font-size:8px; line-height:1; font-weight:800; white-space:nowrap; }
  .site-home-v2 .home-mobile-library-pair .desktop-more-label { display:none; }
  .site-home-v2 .home-mobile-library-pair .mobile-more-label { display:inline; }

  .site-home-v2 .home-resource-grid,
  .site-home-v2 .home-code-grid { display:grid; grid-template-columns:1fr; gap:0; overflow:visible; border:0; border-radius:0; background:transparent; }

  .site-home-v2 .home-resource-card,
  .site-home-v2 .home-code-item { position:relative; min-width:0; min-height:54px; padding:10px 26px 10px 46px; display:flex; justify-content:center; border:0; border-bottom:1px solid var(--os-border); border-radius:0; box-shadow:none; background:transparent; }
  .site-home-v2 .home-resource-card:nth-child(n+5),
  .site-home-v2 .home-code-item:nth-child(n+5) { display:none; }
  .site-home-v2 .home-resource-card:nth-child(4),
  .site-home-v2 .home-code-item:nth-child(4) { border-bottom:0; }

  .site-home-v2 .home-resource-card::before,
  .site-home-v2 .home-code-item::before { position:absolute; left:2px; top:50%; width:32px; height:32px; display:grid; place-items:center; transform:translateY(-50%); border-radius:9px; color:#fff; background:linear-gradient(145deg,#3a92ff,#1768ef); box-shadow:0 5px 12px rgba(34,116,235,.16); font-size:11px; line-height:1; font-weight:900; }
  .site-home-v2 .home-resource-card:nth-child(1)::before { content:'▤'; }
  .site-home-v2 .home-resource-card:nth-child(2)::before { content:'</>'; font-size:8px; }
  .site-home-v2 .home-resource-card:nth-child(3)::before { content:'↗'; }
  .site-home-v2 .home-resource-card:nth-child(4)::before { content:'◉'; }
  .site-home-v2 .home-code-item:nth-child(1)::before { content:'W'; font-family:Georgia,serif; }
  .site-home-v2 .home-code-item:nth-child(2)::before { content:'</>'; font-size:8px; }
  .site-home-v2 .home-code-item:nth-child(3)::before { content:'▤'; }
  .site-home-v2 .home-code-item:nth-child(4)::before { content:'>_'; font-size:8px; }

  .site-home-v2 .home-resource-card::after,
  .site-home-v2 .home-code-item::after { content:'›'; position:absolute; right:4px; top:50%; transform:translateY(-52%); color:#9da8a2; font-size:23px; line-height:1; font-weight:300; }

  .site-home-v2 .home-resource-card > span,
  .site-home-v2 .home-resource-card p,
  .site-home-v2 .home-resource-card i,
  .site-home-v2 .home-code-item > span,
  .site-home-v2 .home-code-item code { display:none; }
  .site-home-v2 .home-resource-card strong,
  .site-home-v2 .home-code-item strong { width:100%; min-width:0; margin:0; overflow:hidden; color:var(--os-text); font-size:12px; line-height:1.35; font-weight:700; white-space:nowrap; text-overflow:ellipsis; }

  [data-theme="dark"] .site-home-v2 .home-mobile-library-pair > .home-module > .container { box-shadow:0 6px 20px rgba(0,0,0,.16); }
  [data-theme="dark"] .site-home-v2 .home-mobile-library-pair .section-heading h2::before { color:#43d49a; background:#123528; }
}


/* v2.1.7 mobile compact filing footer — centered copyright + inline filing row */
@media (max-width: 560px) {
  .site-footer {
    margin-top:0;
    padding:18px 0 calc(16px + env(safe-area-inset-bottom));
  }
  .site-footer .footer-inner {
    padding-top:0;
  }
  .site-footer .footer-brand {
    min-height:0;
    justify-content:center;
  }
  .site-footer .footer-logo-link .brand-logo {
    width:auto;
    max-height:34px;
  }
  .site-footer .footer-description {
    margin:5px auto 0;
    font-size:8.5px;
    line-height:1.45;
  }
  .site-footer .footer-bottom-copyright {
    width:min(calc(100% - 28px),var(--os-container));
    margin-top:12px;
    padding-top:10px;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    column-gap:6px;
    row-gap:2px;
    width:100%;
    max-width:100%;
    margin:0 auto;
    font-size:9px;
    line-height:1.55;
    text-align:center;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich > * {
    margin:0 !important;
  }
  .site-footer .footer-bottom-copyright .os-mobile-record-break {
    display:block;
    flex:0 0 100%;
    width:100%;
    height:0;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich > :first-child {
    flex:0 0 100%;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich > :nth-child(n+2) {
    display:flex;
    flex:0 0 100%;
    width:100%;
    align-items:center;
    justify-content:center;
    min-width:0;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich > :nth-child(n+3)::before {
    content:none;
    margin-right:0;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich a {
    white-space:nowrap;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich img {
    width:auto;
    max-height:14px;
    margin:0 2px;
  }
}


/* v2.1.10 desktop footer — logo beside copyright/filing line */
@media (min-width: 901px) {
  .site-footer .footer-inner {
    display:none;
  }
  .site-footer .footer-bottom-copyright {
    margin-top:0;
    padding-top:18px;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-row {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:100%;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-logo {
    display:flex;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich {
    width:auto;
    margin:0;
    text-align:left;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-rich > * {
    margin:0;
  }
}

@media (max-width: 900px) {
  .site-footer .footer-bottom-copyright .footer-copyright-logo {
    display:none;
  }
  .site-footer .footer-bottom-copyright .footer-copyright-row {
    display:block;
  }
}