/* Mascot-led discovery: a compact brand masthead, left rankings, right new arrivals. */
.cloudtail-discovery .site-main,.cloudtail-discovery .cream-preview-strip,.cloudtail-discovery .site-footer{max-width:1440px;width:calc(100% - 64px)}
.cloudtail-discovery .cream-header{padding-inline:max(32px,calc((100vw - 1440px)/2))}
.cloudtail-discovery .cloudtail-masthead.hero{min-height:130px;height:130px;padding:21px 32px;margin-bottom:12px;background-position:center 47%;border-radius:14px}
.cloudtail-discovery .cloudtail-masthead h1{font-size:29px;line-height:1.35;letter-spacing:2px}
.cloudtail-discovery .cloudtail-masthead h1 br{display:none}
.cloudtail-discovery .cloudtail-masthead .hero-copy{max-width:72%}
.cloudtail-discovery .cloudtail-masthead .hero-copy>p{font-size:13px;margin-top:7px;display:block}
.cloudtail-discovery .cloudtail-masthead .search,.cloudtail-discovery .cloudtail-masthead .hero-quick-actions,.cloudtail-discovery .cloudtail-masthead .cream-mascot-note{display:none}
.cloudtail-discovery .cloudtail-masthead .hero-stage{width:260px;right:5%;top:0;bottom:0}
.cloudtail-discovery .cloudtail-masthead .hero-stage img{width:150px;height:244px;max-height:none;object-fit:contain;object-position:top;top:0;right:0;bottom:auto}
.cloudtail-discovery .cream-channels{margin-bottom:18px;padding-bottom:10px}
.cloudtail-discovery .cream-channels a{padding:8px 14px;min-height:42px}
.cloudtail-spotlight{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,2fr);gap:24px;align-items:start;margin:0 0 26px}
.cloudtail-hot{min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:visible;padding:17px 18px 0;position:relative}
.cloudtail-hot-head,.cloudtail-fresh>header{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px;min-height:30px}
.cloudtail-hot h2,.cloudtail-fresh h2{font-size:18px;font-weight:700;letter-spacing:.3px}
.cloudtail-hot h2{display:flex;align-items:center;gap:9px}.cloudtail-hot h2 svg{color:var(--caramel)}
.hot-live{font-size:11px;color:#786598;letter-spacing:1px}.hot-live:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#b29aca;margin-right:6px;vertical-align:2px}
.cloudtail-periods{display:flex;gap:5px;padding:4px;background:#f2f1fa;border-radius:9px;margin-bottom:13px}
.cloudtail-periods button{flex:1;border:0;background:transparent;border-radius:6px;padding:7px 3px;min-height:34px;font-size:12px;color:var(--muted);white-space:nowrap}
.cloudtail-periods button[aria-selected=true]{color:#fff;background:#7866b0;box-shadow:0 2px 5px #7166a321;font-weight:600}
.cloudtail-periods button:hover:not([aria-selected=true]){background:#e7e4f5;color:#514578}
#hot-panel{min-height:310px;border-radius:10px}
.hot-feature{display:block;border-radius:10px;overflow:hidden;background:#f5f5fd}
.hot-feature-cover{height:136px;position:relative;overflow:hidden;background:#edf0fc}
.hot-feature-cover>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hot-art{height:100%;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(105deg,#eef0fcdd,#f6eef7dd),url('./cloud-library-v2.webp') center 60%/cover;color:var(--muted)}
.hot-art>svg{width:54px;height:54px;stroke-width:1}.hot-art>span{font-size:12px}
.hot-number{position:absolute;left:12px;top:7px;font-size:40px;font-weight:800;line-height:1.2;color:#7e69a9;font-style:italic;letter-spacing:-2px}
.hot-type{position:absolute;bottom:8px;right:10px;border:1px solid #ffffffb3;background:#ffffffed;border-radius:5px;padding:2px 7px;color:#6b6087;font-size:10px}
.has-cover .hot-number{color:white;text-shadow:0 1px 6px #343952a8}
.hot-feature-copy{padding:9px 12px 10px}.hot-feature-copy strong{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hot-feature-copy>span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-top:5px}.hot-feature-copy svg{width:13px;height:13px}.hot-feature-copy i{margin-inline:2px}
.hot-runner-list{margin:8px 0 0;padding:0;list-style:none}.hot-runner-list a{display:flex;align-items:center;gap:10px;min-height:33px;border-radius:5px}.hot-runner-list a:hover{background:#f4f2fb}.hot-runner-no{font-size:16px;font-weight:700;color:var(--caramel);min-width:23px;font-style:italic}.hot-runner-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.hot-runner-list small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.cloudtail-hot-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeeef5;padding:9px 0;margin-top:9px;min-height:37px;font-size:10px;color:var(--muted);gap:8px}.hot-explainer summary{list-style:none;display:flex;padding:3px;border-radius:4px}.hot-explainer summary::-webkit-details-marker{display:none}.hot-explainer svg{width:15px;height:15px}.hot-explainer p{position:absolute;left:10px;right:10px;bottom:39px;background:#fff;box-shadow:0 4px 18px #50407326;border:1px solid var(--line);padding:12px;font-size:12px;line-height:1.6;border-radius:8px;z-index:5;color:var(--ink)}
.hot-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hot-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--muted);gap:12px;background:#f5f5fd;border-radius:10px}.hot-empty>svg{width:40px;height:40px}.hot-empty strong{font-size:14px;color:var(--ink)}.hot-empty p{font-size:12px;max-width:240px}
.cloudtail-fresh{min-width:0}.cloudtail-fresh>header{margin:4px 0 14px;justify-content:start;flex-wrap:wrap}.cloudtail-fresh>header>div{display:flex;align-items:baseline;gap:12px;flex:1}.cloudtail-fresh>header>div>span{color:var(--muted);font-size:12px}.cloudtail-fresh>header>a{font-size:12px;display:flex;align-items:center;gap:4px;white-space:nowrap}.cloudtail-fresh>header>a svg{width:13px;height:13px}.cloudtail-fresh .spotlight-random{display:flex;gap:5px;align-items:center;border:1px solid var(--line);padding:4px 8px;border-radius:6px;font-size:11px;min-height:30px;color:#736394;background:#fff}.spotlight-random svg{width:15px;height:15px}
.cloudtail-fresh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
.cloudtail-discovery .resource-card{border:0;box-shadow:none;background:transparent;border-radius:0;overflow:visible}.cloudtail-discovery .resource-card:hover{transform:none;box-shadow:none}.cloudtail-discovery .resource-card .cover{aspect-ratio:16/10;border-radius:10px;overflow:hidden}.cloudtail-discovery .resource-card .card-body{padding:9px 1px 0}.cloudtail-discovery .resource-card h3{font-size:14px;line-height:1.5;min-height:42px;-webkit-line-clamp:2}.cloudtail-discovery .resource-card h3 a:hover{color:var(--caramel)}
.cloudtail-fresh-grid .resource-card .card-body>p,.cloudtail-fresh-grid .resource-card .card-tags,.cloudtail-fresh-grid .resource-card .card-identity,.cloudtail-fresh-grid .resource-card .card-chips{display:none}.cloudtail-fresh-grid .cream-card-category{font-size:10px;letter-spacing:0;margin-bottom:3px;line-height:1.5}.cloudtail-fresh-grid .card-meta{padding:4px 0 0;margin-top:2px;border:0;font-size:10px;gap:9px}.cloudtail-fresh-grid .platform-tag,.cloudtail-fresh-grid .release-tag{font-size:9px;padding:2px 5px}.cloudtail-fresh-grid .cream-cover-symbol svg{width:30px;height:30px}.cloudtail-fresh-grid .cream-cover-label{font-size:9px}
.cloudtail-discovery .announcement{margin-top:4px}.cloudtail-discovery .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}.cloudtail-discovery .catalog-grid .card-tags,.cloudtail-discovery .catalog-grid .card-body>p,.cloudtail-discovery .catalog-grid .card-identity,.cloudtail-discovery .catalog-grid .card-chips{display:none}.cloudtail-discovery .catalog-grid.is-list{grid-template-columns:1fr}
@media(min-width:1650px){.cloudtail-discovery .catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1190px){.cloudtail-discovery .site-main,.cloudtail-discovery .cream-preview-strip,.cloudtail-discovery .site-footer{width:calc(100% - 40px)}.cloudtail-spotlight{grid-template-columns:minmax(290px,1fr) minmax(0,1.7fr);gap:18px}.cloudtail-fresh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cloudtail-fresh-grid>.resource-card:nth-child(n+5){display:none}.cloudtail-fresh>header>div>span{display:none}.cloudtail-discovery .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.cloudtail-discovery .cloudtail-masthead.hero{height:105px;min-height:105px;padding:18px 22px}.cloudtail-discovery .cloudtail-masthead h1{font-size:23px}.cloudtail-discovery .cloudtail-masthead h1 br{display:block}.cloudtail-discovery .cloudtail-masthead .hero-copy>p{display:none}.cloudtail-discovery .cloudtail-masthead .hero-stage{width:150px;right:3%}.cloudtail-discovery .cloudtail-masthead .hero-stage img{width:130px;height:211px}.cloudtail-spotlight{grid-template-columns:1fr;gap:24px}.cloudtail-hot{padding:15px 16px 0}.cloudtail-hot #hot-panel{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.hot-runner-list{margin:0}.hot-runner-list a{min-height:44px}.hot-feature-cover{height:118px}.hot-empty{grid-column:1/-1;min-height:190px}.hot-feature-copy strong{font-size:12px}.hot-feature-copy>span{font-size:10px;flex-wrap:wrap}.hot-feature-copy>span svg{display:none}.cloudtail-fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cloudtail-fresh-grid>.resource-card:nth-child(n+5){display:block}.cloudtail-discovery .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.cloudtail-discovery .site-main,.cloudtail-discovery .cream-preview-strip,.cloudtail-discovery .site-footer{width:calc(100% - 28px)}.cloudtail-discovery .cream-header{padding-inline:16px}.cloudtail-discovery .cream-channels{gap:5px;margin-bottom:15px;padding-bottom:10px}.cloudtail-discovery .cream-channels a{font-size:11px;padding:6px 7px;min-height:36px;gap:5px}.cloudtail-discovery .cream-channels svg{width:16px;height:16px}.cloudtail-hot h2,.cloudtail-fresh h2{font-size:17px}.cloudtail-hot #hot-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.hot-runner-list a{gap:6px;align-items:start;padding:7px 0}.hot-runner-no{font-size:14px;min-width:20px}.hot-runner-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.5}.hot-runner-list small{display:none}.hot-feature-cover{height:100px}.hot-art{flex-direction:column;gap:2px}.hot-art>svg{width:32px;height:32px}.hot-art>span{font-size:9px}.hot-number{font-size:29px;left:7px}.hot-feature-copy{padding:7px 8px}.hot-feature-copy strong{-webkit-line-clamp:3}.hot-feature-copy>span{font-size:9px}.hot-feature-copy i{margin:0}.cloudtail-fresh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.cloudtail-discovery .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.cloudtail-fresh .spotlight-random{display:none}.cloudtail-fresh-grid .resource-card h3{font-size:13px;min-height:39px}.cloudtail-fresh-grid .card-meta{gap:7px}.cloudtail-discovery .library-head{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.cloudtail-spotlight *{transition:none!important;animation:none!important}}