.article-layout-switch { display: none; }
@media (max-width: 720px) {
    .article-layout-switch { display: grid; gap: 10px; margin: 0 0 24px; padding: 12px; border: 1px solid #d7e7e2; border-radius: 10px; background: #f2f9f8; }
    .article-layout-switch p { margin: 0; font-size: 13px; color: #28564f; }
    .article-layout-switch > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    .article-layout-switch a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 6px 2px; font-size: 13px; font-weight: 700; border: 1px solid #cadbd4; border-radius: 6px; background: #fff; }
    .article-layout-switch a[aria-current] { color: #127064; border-color: #189384; background: #e6f3f1; }
    .article-layout-switch a:focus-visible { outline: 3px solid #b96628; outline-offset: 2px; }
    .guide-grid.article-card-layout { display: grid; gap: 16px; grid-template-columns: minmax(0,1fr); align-items: stretch; }
    .guide-grid.article-card-layout-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .article-card-layout .guide-card { min-width: 0; height: auto; }
    .article-card-layout .guide-card .guide-card-link { display: flex; flex-direction: column; height: 100%; padding: 0; gap: 0; }
    .article-card-layout .guide-card .guide-card-image { width: 100%; height: auto; flex: 0 0 auto; aspect-ratio: 16/10; margin: 0; padding: 0; }
    .article-card-layout .guide-card .guide-card-image img { display: block; width: 100%; height: 100%; aspect-ratio: 16/10; object-fit: contain; }
    .article-card-layout .guide-card .guide-card-body { flex: 1; width: 100%; min-width: 0; padding: 14px; }
    .article-card-layout-grid .guide-card .guide-card-body { padding: 10px; }
    .article-card-layout .guide-card .category-tag { margin: 0 0 8px; }
    .article-card-layout .guide-card h2 { display: block; margin: 0; overflow: visible; -webkit-line-clamp: unset; overflow-wrap: anywhere; }
    .article-card-layout-grid .guide-card h2 { font-size: 14.5px; line-height: 1.7; }
    .article-card-layout .guide-card .guide-card-body > p,
    .article-card-layout .guide-card .text-link { display: none; }
}