.carousel-controls{display:flex;gap:8px}.carousel-controls button{height:35px;width:35px;padding:0;border-radius:50%;font-size:18px}.category-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;margin-bottom:34px;scrollbar-width:thin;scrollbar-color:#cedcec transparent}.category-carousel .carousel-category{flex:0 0 calc((100% - 48px)/4);min-width:240px;scroll-snap-align:start;padding:21px 18px;white-space:nowrap}.carousel-category .icon,.category-admin-card .icon{background:var(--card-tint);color:var(--card-color)}.carousel-category .arrow{display:block;margin-left:auto}.category-admin-card h3{margin-top:20px}.category-admin-card p{font-size:12px}.icon-picker{border:1px solid var(--line);padding:20px;border-radius:18px;margin:10px 0;min-width:0}.icon-picker legend{font-weight:600;padding:0 8px}.icon-picker-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.icon-picker-top>span{font-size:12px;display:flex;gap:8px;align-items:center}.icon-picker-top button{font-size:11px;padding:9px 12px}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:9px;margin-top:15px;max-height:270px;overflow:auto;padding:3px}.icon-picker-grid .icon-choice{border:1px solid var(--line);padding:12px;background:#f8faff;color:#6682a4;border-radius:12px;min-height:46px}.icon-picker-grid .icon-choice.selected{background:#e5efff;border-color:#487ebb;color:#194e86;box-shadow:0 0 0 1px #487ebb}.icon-choice svg{height:22px;width:22px}.icon-picker>input{background:white}.manage-cover[style]{background:linear-gradient(120deg,var(--card-tint),#fff)}.manage-cover .manage-category-icon{color:var(--card-color);width:42px;height:42px}.manage-category-icon svg{width:100%;height:100%}@media(max-width:700px){.category-carousel .carousel-category{flex-basis:80%;min-width:225px}.category-carousel{gap:12px}.icon-picker{padding:14px}.icon-picker-top{flex-wrap:wrap}}
.category-carousel{cursor:grab;user-select:none;scrollbar-width:none}.category-carousel::-webkit-scrollbar{display:none}.category-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none}.category-carousel .carousel-category{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:13px;min-height:156px;padding:23px 18px;cursor:inherit;white-space:normal}.carousel-category .icon{height:49px;width:49px;border-radius:16px;padding:12px}.carousel-category strong{font-size:14px;line-height:1.4}.carousel-category small{margin-top:7px}.category-carousel.is-dragging .carousel-category{transform:none}@media(max-width:700px){.category-carousel .carousel-category{flex-basis:62%;min-width:190px;min-height:148px}.carousel-category strong{font-size:13px}}

/* Compact area tiles with centered content. */
.category-carousel{gap:12px}.category-carousel .carousel-category{flex:0 0 176px;min-width:176px;min-height:116px;padding:15px 12px;gap:9px;border-radius:18px;border:1px solid #eaf0f7;background:rgba(255,255,255,.7);box-shadow:none}.category-carousel .carousel-category .icon{width:36px;height:36px;padding:9px;border-radius:12px}.category-carousel .carousel-category strong{font-size:12px;font-weight:600;line-height:1.35}.category-carousel .carousel-category small{font-size:10px;margin-top:4px;color:#8190a3}.category-carousel .carousel-category:hover{background:#fff;border-color:#d4e1ef;transform:translateY(-2px)}.category-carousel.is-dragging .carousel-category{transform:none}@media(max-width:700px){.category-carousel{gap:10px}.category-carousel .carousel-category{flex-basis:150px;min-width:150px;min-height:108px;padding:13px 10px;border-radius:16px}.category-carousel .carousel-category strong{font-size:11px}}

.home>.hero{padding-bottom:38px}.home>.area-section .category-carousel{padding-top:0}@media(max-width:700px){.home>.hero{padding-bottom:25px}}
.category-create,.category-actions a,.category-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:12px;padding:10px 14px}.category-create{white-space:nowrap}.category-create svg,.category-actions svg{width:16px;height:16px}.category-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.category-actions a{border:1px solid var(--line);background:#f5f8fc}.category-delete{background:#fff5f5;border:1px solid #edcaca;color:#a23e3e}.category-delete:disabled{background:#f4f6f8;border-color:#e5e9ee;color:#8996a5;cursor:not-allowed}.category-delete-reason{display:block;line-height:1.6;margin-top:12px;color:var(--muted);font-size:11px}