.club-page{background:#f2f6f4;color:#19352f}
.club-page .editor-header{min-height:82px;padding:14px max(24px,calc((100% - 1200px)/2));background:#102720;box-shadow:0 6px 22px rgb(10 36 27 / 10%)}
.club-page .editor-header .shared-club-brand{font-size:1rem;font-weight:800}
.club-page .editor-header .shared-club-brand span{max-width:240px}
.club-header-nav{display:flex;align-items:center;gap:10px;margin-left:auto}
.club-page .club-header-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid rgb(255 255 255 / 30%);border-radius:10px;color:#fff;text-decoration:none;font-size:.85rem;font-weight:750;white-space:nowrap}
.club-page .club-header-nav a:hover{background:rgb(255 255 255 / 12%)}
.club-page .club-header-nav a:first-child{background:#fff;color:#173a30;border-color:#fff}
.club-page .club-header-nav a:first-child:hover{background:#edf4f0}
.club-page .editor-main{width:min(1200px,calc(100% - 48px));padding:30px 0 72px}
.club-page .editor-main>section.club-intro{position:relative;overflow:hidden;margin:0 0 18px;padding:clamp(28px,4vw,44px);border:0;border-radius:22px;background:linear-gradient(118deg,#153c31 0%,#0c2a26 70%,#115847 125%);color:#fff;box-shadow:0 20px 42px rgb(17 52 39 / 13%)}
.club-page .club-intro:after{content:"";position:absolute;right:-88px;top:-125px;width:300px;height:300px;border:48px solid rgb(255 255 255 / 5%);border-radius:50%;pointer-events:none}
.club-page .club-intro>*{position:relative;z-index:1}
.club-page .club-intro .club-eyebrow{margin:0 0 13px;color:#a6e8ca;font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.club-page .club-intro h1{max-width:760px;margin:0 0 12px;color:#fff;font-size:clamp(2rem,4vw,3.25rem);line-height:1.07;letter-spacing:-.045em}
.club-page .club-intro .club-lead{max-width:650px;margin:0 0 12px;color:#e6f1eb;font-size:1.1rem;line-height:1.55}
.club-page .club-intro .club-intro-note{max-width:700px;margin:0;color:#b9d5c9;font-size:.9rem;line-height:1.55}
.club-page .workspace-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin:0 0 16px;padding:18px 22px;border-color:#c9ded4;border-left:5px solid #267f60;border-radius:15px;box-shadow:0 5px 16px rgb(20 56 39 / 4%)}
.club-page .workspace-identity p{margin:0;color:#26473d;font-size:.91rem;font-weight:650}
.club-page .workspace-identity button{margin:0}
.club-page .workspace-identity form:not([hidden]){grid-column:1/-1;max-width:600px;margin:10px 0 0}
.club-page [data-club-workspaces]{display:block}
@media(max-width:760px){.club-page .editor-header{padding:14px 20px}.club-page .editor-main{width:calc(100% - 32px);padding-top:20px}.club-page .workspace-identity{grid-template-columns:1fr}.club-header-nav{width:100%;margin-left:0}.club-page .club-header-nav a{flex:1;white-space:normal;text-align:center}}
@media(max-width:480px){.club-page .editor-main>section.club-intro{padding:26px 22px}.club-page .club-intro .club-lead{font-size:1rem}.club-page .workspace-identity{padding:17px}.club-page .workspace-identity button{width:100%}}

.volunteer-workspace-card{margin:24px 0;padding:24px;background:#fff;border:1px solid #c9ded4;border-top:3px solid #087562;border-radius:16px;box-shadow:0 5px 18px #123c2910}.volunteer-workspace-card h2{margin:8px 0}.volunteer-workspace-card .club-eyebrow{color:#087562;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

.club-page .duty-guide-trigger:not([hidden]){display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;margin:0 0 0 8px;border:1px solid #809b9e;border-radius:50%;background:#eef6f3;color:#17434a;font:700 16px/1 system-ui;cursor:pointer;box-shadow:none}.club-page .duty-guide-trigger:focus-visible{outline:3px solid #126bd1;outline-offset:3px}
/* a417: roster entry cards share the staff workspace's panel and control rhythm. */
.club-page .volunteer-workspace-card{padding:26px;border:1px solid #d6e4df;border-radius:14px;box-shadow:0 4px 18px #17374606;color:#173746}.club-page .volunteer-workspace-card h2{margin:10px 0 12px;font:750 23px/1.35 system-ui;letter-spacing:-.02em}.club-page .volunteer-workspace-card>p:not(.club-eyebrow){color:#526b78;font:400 14px/1.7 system-ui;max-width:90ch}.club-page .volunteer-workspace-card .button{margin:4px 10px 0 0;min-height:42px;padding:10px 16px;border-radius:9px;font:650 13px/1.5 system-ui}.club-page .volunteer-workspace-card .button-secondary{border-color:#b5ccc3;color:#185447;background:#fff}.club-page .volunteer-workspace-card .button-secondary:hover{background:#edf7f2;border-color:#589d87}@media(max-width:650px){.club-page .volunteer-workspace-card{padding:20px}.club-page .volunteer-workspace-card h2{font-size:21px}}
.club-page.volunteer-workspace .volunteer-card:not(.volunteer-phase){border-color:#d6e4df;border-radius:14px;box-shadow:0 4px 18px #17374606;color:#173746}.club-page.volunteer-workspace .volunteer-card h2,.club-page.volunteer-workspace .volunteer-card h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.02em}.club-page.volunteer-workspace .volunteer-actions{gap:10px;align-items:center}.club-page.volunteer-workspace .volunteer-actions button{min-height:40px;border-radius:9px;font-size:13px}.club-page.volunteer-workspace .volunteer-card input,.club-page.volunteer-workspace .volunteer-card select,.club-page.volunteer-workspace .volunteer-card textarea{border-radius:9px;border-color:#b5ccc3}