.appride-clouds{min-width:0;width:100%;box-sizing:border-box}
.appride-clouds .appride-cloud-tabs,.appride-clouds .appride-cloud-hint{display:none}
.appride-clouds .appride-cloud-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.appride-clouds .appride-cloud-panel{min-width:0;box-sizing:border-box}
.appride-clouds .appride-cloud-panel h3{margin:0 0 16px;font-size:20px}
.appride-clouds .appride-tag-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;padding:0;margin:0}
.appride-clouds .appride-tag-cloud li{margin:0;max-width:100%;min-width:0}
.appride-clouds a.appride-cloud-tag{display:flex;align-items:baseline;gap:.45em;flex-wrap:wrap;max-width:100%;box-sizing:border-box;padding:8px 12px;background:#fff;border:1px solid #ddd4d5;border-radius:9px;color:#75484e;font-size:var(--appride-tag-size,16px);line-height:1.5;text-decoration:none;overflow-wrap:anywhere;white-space:normal}
.appride-clouds .appride-cloud-tag span{min-width:0;max-width:100%}
.appride-clouds .appride-cloud-count{font-size:14px;white-space:nowrap}
.appride-clouds .appride-cloud-tag:hover{background:#f9f3f4;border-color:#75484e}
.appride-clouds :is(a,button):focus-visible{outline:3px solid #75484e;outline-offset:3px}
.appride-clouds .appride-cloud-empty{font-size:16px;color:#666}
@media(min-width:1200px){.appride-clouds .appride-cloud-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(width < 768px){
 .appride-clouds .appride-cloud-track{grid-template-columns:1fr}
 .appride-clouds.is-mobile .appride-cloud-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px 3px 10px;scrollbar-width:thin}
 .appride-clouds.is-mobile .appride-cloud-tabs button{flex:0 0 auto;border:1px solid #ddd4d5;border-radius:7px;background:white;color:#75484e;font:inherit;font-size:14px;padding:8px 10px;cursor:pointer}
 .appride-clouds.is-mobile .appride-cloud-tabs button[aria-selected="true"]{background:#75484e;color:white;border-color:#75484e}
 .appride-clouds.is-mobile .appride-cloud-hint{display:block;font-size:14px;color:#666;margin:4px 0 14px}
 .appride-clouds.is-mobile .appride-cloud-track{display:flex;gap:0;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .appride-clouds.is-mobile .appride-cloud-panel{flex:0 0 100%;width:100%;scroll-snap-align:start;padding:4px 3px 12px}
}

/* PC only: full-width, traditional text clouds. SP/tablet rules remain unchanged. */
@media(min-width:1200px){
 #appride-library-index:has(> .appride-clouds){display:block;min-height:0}
 #appride-library-index:has(> .appride-clouds) > .appride-library-empty{display:none}
 #appride-library-index > .appride-clouds > h2{display:none}
 #appride-library-index > .appride-library-panel-intro{margin-bottom:24px}
 .appride-clouds .appride-cloud-track{display:flex;flex-direction:column;gap:32px}
 .appride-clouds .appride-cloud-panel{width:100%}
 .appride-clouds .appride-cloud-panel h3{font-size:22px;margin-bottom:14px}
 .appride-clouds .appride-tag-cloud{background:#f5f1ea;border-radius:14px;padding:22px 28px;gap:12px 26px;align-items:baseline;box-sizing:border-box;min-width:0}
 .appride-clouds a.appride-cloud-tag{display:inline;background:transparent;border:0;border-radius:0;padding:0;font-size:calc(var(--appride-tag-size,16px) * 2 - 14px);line-height:1.8;letter-spacing:.015em;writing-mode:horizontal-tb}
 .appride-clouds .appride-cloud-count{font-size:max(14px, .75em)}
 .appride-clouds .appride-cloud-count::before{content:'（'}
 .appride-clouds .appride-cloud-count::after{content:'）'}
 .appride-clouds .appride-cloud-tag:hover{background:transparent;text-decoration:underline;text-underline-offset:.2em}
 .appride-clouds .appride-cloud-empty{padding:4px 0}
}

/* Explanation uses the existing introduction area; clouds remain full width. */
#appride-library-index > .appride-index-about{background:#f5f1ea;border-radius:12px;padding:24px;box-sizing:border-box;text-align:left;min-width:0;height:auto;min-height:0;margin:0 0 32px}
#appride-library-index > .appride-index-about h3{font-size:20px;font-weight:700;line-height:1.5;text-align:left;margin:0 0 14px}
#appride-library-index > .appride-index-about p{font-size:16px;line-height:1.8;text-align:left;margin:0 0 16px}
#appride-library-index > .appride-index-about p:last-child{margin-bottom:0}
#appride-library-index:has(> .appride-index-about) > .appride-clouds > h2{display:none}
@media(min-width:1200px){
 #appride-library-index:has(> .appride-index-about){display:grid;grid-template-columns:264px minmax(0,1fr);gap:32px 40px;align-items:start;min-height:0}
 #appride-library-index:has(> .appride-index-about) > .appride-library-panel-intro{margin-bottom:0}
 #appride-library-index > .appride-index-about{padding:28px 32px;margin:0}
 #appride-library-index:has(> .appride-index-about) > .appride-clouds{grid-column:1/-1}
}
@media(width < 1200px){
 #appride-library-index:has(> .appride-index-about){display:block;min-height:0}
 #appride-library-index:has(> .appride-index-about) > .appride-library-panel-intro{margin-bottom:18px}
}
@media(width < 768px){#appride-library-index > .appride-index-about{padding:20px;margin-bottom:28px}}