.capsules-page{width:min(1220px,calc(100% - 32px));padding:34px 0 72px}.capsules-hero{position:relative;max-width:none;margin:0 0 28px;padding:42px 34px 32px;border:1px solid #d8e7e9;border-radius:24px;background:linear-gradient(135deg,#f4fcfc 0%,#edf8fb 100%);box-shadow:0 14px 36px rgba(15,23,42,.06);overflow:hidden}.capsules-hero:after{content:"";position:absolute;right:-90px;top:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(38,198,204,.16),rgba(38,198,204,0) 68%);pointer-events:none}.capsules-kicker{position:relative;z-index:1;margin-bottom:12px;color:#0e9298;font-size:.76rem;letter-spacing:.15em}.capsules-hero h1{position:relative;z-index:1;margin-bottom:14px;font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.035em}.capsules-hero p{position:relative;z-index:1;max-width:820px;margin:0 auto;color:#5f6f80;font-size:1.02rem}.capsules-toolbar{grid-template-columns:minmax(0,1fr) 210px;gap:14px;margin-bottom:10px}.capsules-search-wrap,.capsules-filter select{min-height:54px;border-color:#d7e0e6;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.045)}.capsules-search-wrap{padding:0 16px}.capsules-filter span{margin-left:2px}.capsules-summary{margin:8px 2px 18px;font-size:.92rem}.capsules-grid{gap:20px}.capsule-card{border-radius:20px;border-color:#dde5ea;box-shadow:0 10px 28px rgba(15,23,42,.055)}.capsule-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,23,42,.09)}.capsule-card-top{padding:20px 22px 0}.capsule-card-body{padding:20px 22px 18px}.capsule-card-body h2{font-size:1.34rem;letter-spacing:-.01em}.capsule-summary-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.capsule-meta{gap:10px;margin-top:18px}.capsule-meta>div{background:#f6f9fa;border:1px solid #edf1f3}.capsule-stats{margin-top:16px}.capsule-stats span{background:#edf8f8;color:#35686b}.capsule-card-actions{padding:0 22px 20px}.capsule-toggle{border-radius:12px;min-height:48px;background:linear-gradient(135deg,#149ba1,#11858b);box-shadow:0 8px 20px rgba(20,155,161,.24)}.capsule-toggle:hover{background:linear-gradient(135deg,#11858b,#0c6f74)}.capsule-details{padding:22px;background:#f8fbfb}.capsule-detail-section{padding:18px;border:1px solid #e3eaee;border-radius:14px;background:#fff}.capsule-detail-section+.capsule-detail-section{margin-top:16px}.capsule-detail-section h3{font-size:1.02rem}.capsule-activity,.ecosystem-card,.capsule-material-card{border-radius:12px;box-shadow:0 5px 16px rgba(15,23,42,.035)}.participation-open{border-radius:10px;min-height:42px;padding:10px 16px}.capsules-alert{border:1px solid #dfe6eb}
html[data-theme="dark"] .capsules-page{color:#e9f1f7}html[data-theme="dark"] .capsules-hero{background:linear-gradient(135deg,#101b2a,#102731);border-color:#26394b;box-shadow:0 18px 42px rgba(0,0,0,.22)}html[data-theme="dark"] .capsules-hero:after{background:radial-gradient(circle,rgba(38,198,204,.18),rgba(38,198,204,0) 68%)}html[data-theme="dark"] .capsules-hero h1{color:#f3f7fb}html[data-theme="dark"] .capsules-hero p{color:#afbdca}html[data-theme="dark"] .capsules-search-wrap,html[data-theme="dark"] .capsules-filter select{background:#111b2b;border-color:#314154;color:#e8eff6;box-shadow:none}html[data-theme="dark"] .capsules-search-wrap input{color:#e8eff6}html[data-theme="dark"] .capsules-search-wrap input::placeholder{color:#7f91a4}html[data-theme="dark"] .capsules-filter span,html[data-theme="dark"] .capsules-summary{color:#8ea0b2}html[data-theme="dark"] .capsules-summary strong{color:#f2f6fa}html[data-theme="dark"] .capsule-card{background:#111b2b;border-color:#2a3a4d;box-shadow:0 12px 30px rgba(0,0,0,.18)}html[data-theme="dark"] .capsule-card-body h2{color:#f4f8fb}html[data-theme="dark"] .capsule-summary-text{color:#aebdca}html[data-theme="dark"] .capsule-id{background:#123b43;color:#73e2e5}html[data-theme="dark"] .difficulty-label{color:#91a2b3}html[data-theme="dark"] .difficulty-segment{background:#344255}html[data-theme="dark"] .capsule-meta>div{background:#0e1826;border-color:#263649}html[data-theme="dark"] .capsule-meta span{color:#8495a6}html[data-theme="dark"] .capsule-meta strong{color:#e7eef5}html[data-theme="dark"] .capsule-stats span{background:#143038;color:#a8e5e6}html[data-theme="dark"] .capsule-details{background:#0d1724;border-color:#28384b}html[data-theme="dark"] .capsule-detail-section{background:#111b2b;border-color:#2c3c4f}html[data-theme="dark"] .capsule-detail-section h3,html[data-theme="dark"] .capsule-activity-heading h4,html[data-theme="dark"] .activity-data-row>strong,html[data-theme="dark"] .activity-organizers>strong{color:#edf3f8}html[data-theme="dark"] .capsule-detail-section p,html[data-theme="dark"] .capsule-activity-meta{color:#a9b8c7}html[data-theme="dark"] .capsule-activity,html[data-theme="dark"] .ecosystem-card,html[data-theme="dark"] .capsule-material-card{background:#0e1826;border-color:#2a394c}html[data-theme="dark"] .activity-data-row{background:#0b1420}html[data-theme="dark"] .organizer-tags span{background:#16334a;color:#a9d8f3}html[data-theme="dark"] .capsule-resource-list span{background:#15343a;color:#b6e6e8}html[data-theme="dark"] .capsules-alert{background:#111b2b;border-color:#2a3a4d;color:#c7d3df}html[data-theme="dark"] .participation-modal-content{background:#111b2b;color:#e7eef5}html[data-theme="dark"] .participation-modal-content h2{color:#f4f8fb}html[data-theme="dark"] .participation-activity-name{color:#aab8c5}html[data-theme="dark"] .participation-form label>span{color:#c3ced8}html[data-theme="dark"] .participation-form input,html[data-theme="dark"] .participation-form textarea{background:#0c1521;border-color:#334458;color:#edf3f8}
@media(max-width:820px){.capsules-page{width:min(100% - 20px,1220px);padding-top:20px}.capsules-hero{padding:30px 22px 26px;border-radius:18px}.capsules-toolbar{grid-template-columns:1fr}.capsules-filter{max-width:none}.capsules-grid{grid-template-columns:1fr}}

.organizer-extra-tags[hidden]{display:none!important}
.organizer-expand{justify-self:start;width:max-content;border:0;padding:3px 0;background:transparent;color:#087d86;font:inherit;font-size:.82rem;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.organizer-expand:hover{color:#075b62}
.organizer-expand:focus-visible{outline:3px solid rgba(15,143,148,.3);outline-offset:3px;border-radius:3px}
html[data-theme="dark"] .organizer-expand{color:#85dfe1}
html[data-theme="dark"] .organizer-expand:hover{color:#b3f1f1}