/* TIU BSS · Rickshaw-painted community screens.
   Scoped to secondary routes; loaded after each module's original styles. */
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.dashboard,.staff-page){
  --rk-red:#e64332;--rk-gold:#f7c742;--rk-mint:#87bda0;--rk-forest:#063b2f;--rk-paper:#fff5df;--rk-blue:#255cae;
  --rk-border:#cbd3bb;--rk-muted:#52695b;
  color:var(--rk-forest);
}
:is(.events-page,.food-page,.community-page,.join-page) .page-heading,
.food-page .food-page-heading{
  position:relative;isolation:isolate;padding:24px 0 38px;margin-bottom:33px;
  border-bottom:1px solid #c2ceba;
}
:is(.events-page,.food-page,.community-page,.join-page) .page-heading::after,
.food-page .food-page-heading::after{
  content:"";position:absolute;bottom:-7px;left:0;right:0;height:14px;pointer-events:none;
  background:url('./assets/rickshaw-trim.svg') repeat-x left center / auto 14px;
}
:is(.events-page,.community-page,.join-page) .page-heading h1,
.food-page .food-page-heading h1{
  font-size:clamp(42px,5.3vw,72px);line-height:1.025;letter-spacing:-.055em;
}
:is(.events-page,.food-page,.community-page,.join-page) :is(.serif-accent,h1 em){color:var(--rk-red);font-style:italic;font-weight:400}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.staff-page) .eyebrow{
  color:var(--rk-forest);font-size:10px;letter-spacing:.15em;font-weight:800;
}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.staff-page) .eyebrow::before{
  width:16px;height:16px;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain;flex:none;border-radius:0;
}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .btn{
  border-radius:6px;min-height:44px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .btn-primary{
  background:var(--rk-forest);color:#fff5df;border:1px solid var(--rk-forest);box-shadow:0 3px 0 #02241b;
}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .btn-primary:hover{
  background:#145b44;transform:translateY(-2px);box-shadow:0 5px 0 #02241b;
}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .btn-secondary{
  border:1px solid #819783;background:#fff9e9;color:var(--rk-forest);box-shadow:0 2px 0 #d5ddc8;
}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .btn-secondary:hover{background:#f7c742;box-shadow:0 3px 0 #c79c25}
:is(.events-page,.food-page,.community-page) .filter-chip{
  min-height:40px;border:1px solid #b7c2ab;background:#fff9e9;color:#355847;border-radius:6px;
  font-weight:650;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
:is(.events-page,.food-page,.community-page) .filter-chip:hover{border-color:var(--rk-forest);transform:translateY(-1px)}
:is(.events-page,.food-page,.community-page) .filter-chip.active,
:is(.events-page,.food-page,.community-page) .filter-chip[aria-pressed=true]{background:var(--rk-forest);border-color:var(--rk-forest);color:#fff5df;box-shadow:0 3px 0 var(--rk-gold)}
:is(.events-page,.food-page,.community-page) .search-input{min-height:48px;border-color:#9fb39f;border-radius:7px;background:#fffdf5;box-shadow:0 2px 0 #d9dfca}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) :is(.field input,.field textarea,.field select){
  border-color:#b6c5af;background:#fffef9;border-radius:6px;min-height:45px;transition:border-color .18s ease,box-shadow .18s ease;
}
:is(.join-page,.account-page) :is(.field input,.field textarea,.field select):focus{outline:2px solid #255cae;outline-offset:2px;box-shadow:0 3px 0 #cbd8ed}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) :is(.panel,.empty-state){border-color:#c6d0b9;border-radius:12px;background:#fffdf5}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .empty-state{border-style:dashed;background:#f6eedb;color:#52695b}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .empty-state h3{color:var(--rk-forest)}
:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .badge{border-radius:3px;font-weight:750}

/* Gatherings: painted poster cards and souvenir tickets. */
.events-page .events-heading-seal{border:1px solid var(--rk-forest);outline:3px double #87bda0;outline-offset:5px;background:var(--rk-gold);color:var(--rk-forest);width:142px;height:142px;box-shadow:5px 7px 0 #e6433224;transform:rotate(9deg)}
.events-page .events-heading-seal b{font-size:0;width:48px;height:48px;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain;animation:rk-inner-flower-turn 36s linear infinite}
.events-page .events-heading-seal span{font-family:'Noto Serif Bengali',serif}
.events-page .events-heading-seal small{font-weight:800;letter-spacing:1.3px}
.events-page .events-toolbar{border-bottom:0;padding-bottom:0;margin:34px 0 22px}
.events-page .events-time-tabs{padding:5px;background:#e6ecdb;border-radius:9px;border:1px solid #ccd4bb}
.events-page .events-time-tabs .filter-chip{border:0;background:transparent;min-height:36px}
.events-page .events-time-tabs .filter-chip.active{background:var(--rk-forest)}
.events-page .event-category-filters{gap:8px;margin:0 0 30px}
.events-page .events-result-heading{font-size:12px;letter-spacing:.02em;color:#52695b}
.events-page .event-grid{gap:26px}
.events-page .event-card{border:1px solid var(--rk-forest);border-radius:14px 14px 8px 8px;box-shadow:3px 4px 0 #063b2f14;transition:transform .25s ease,box-shadow .25s ease}
.events-page .event-card:hover{transform:translateY(-7px) rotate(-.35deg);box-shadow:5px 9px 0 #063b2f1c}
.events-page .event-card:nth-child(2n):hover{transform:translateY(-7px) rotate(.35deg)}
.events-page .event-art{border-bottom:3px solid var(--rk-gold);height:244px}
.events-page .event-art::after{content:"";position:absolute;inset:10px;border:1px solid #fff5df78;border-radius:6px;pointer-events:none}
.events-page .event-card:nth-child(2) .event-art{border-bottom-color:var(--rk-red)}
.events-page .event-card:nth-child(3) .event-art{border-bottom-color:var(--rk-blue)}
.events-page .event-art-link{background:var(--rk-gold);color:var(--rk-forest);border:1px solid var(--rk-forest);z-index:1;transition:transform .22s ease}
.events-page .event-card:hover .event-art-link{transform:rotate(-40deg)}
.events-page .event-info{padding:24px;background:#fffdf5}
.events-page .event-title-row{gap:16px;align-items:flex-start}
.events-page .event-title-row h3{font-size:25px;line-height:1.15;letter-spacing:-.035em}
.events-page .event-date{background:#fce9b1;color:var(--rk-forest);padding:10px 8px;border:1px solid #eac46d;border-radius:5px;min-width:54px}
.events-page .event-date strong{font-family:var(--serif);font-size:28px}
.events-page .event-date span{font-size:9px;font-weight:800}
.events-page .event-card-bottom{border-top:1px dashed #b4c2ab;padding-top:19px}
.events-page .event-card-bottom .text-link{border:0;color:var(--rk-forest);font-weight:800}
.events-page .event-card-price{font-weight:750;color:#355744}
.events-page .events-community-note{background:#e4edd9;border:1px solid #b6c6a8;border-radius:13px;padding:28px;margin-top:46px;position:relative}
.events-page .events-community-note>span{font-size:0;width:60px;height:60px;flex-shrink:0;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain}
.events-page .events-community-note h3{font-family:var(--serif);color:var(--rk-forest)}
.event-detail .event-detail-banner{border-radius:18px 18px 4px 4px;border:1px solid var(--rk-forest);box-shadow:0 5px 0 var(--rk-gold)}
.event-detail .event-detail-banner::after{content:"";position:absolute;inset:12px;border:1px solid #fff5df88;border-radius:8px;pointer-events:none}
.event-detail .event-banner-label{z-index:1}
.event-detail .event-detail-title h1{font-family:var(--serif);font-weight:500;letter-spacing:-.045em}
.event-detail .event-detail-bangla{color:var(--rk-red);font-family:'Noto Serif Bengali',serif}
:is(.event-detail,.food-page) .event-subnav{gap:8px;border-bottom:2px solid var(--rk-forest);padding-bottom:8px}
:is(.event-detail,.food-page) .event-subnav a{padding:10px 16px;border-radius:5px;font-size:13px;font-weight:600;transition:background .2s ease}
:is(.event-detail,.food-page) .event-subnav a.active{background:var(--rk-forest);color:var(--rk-paper);border-bottom:0;box-shadow:0 3px 0 var(--rk-gold)}
:is(.event-detail,.food-page) .event-subnav a:not(.active):hover{background:#e3ebd8}
.event-detail .event-detail-main h2{font-family:var(--serif);font-size:34px}
.event-detail .event-info-list{background:#f3eedb;border:1px solid #d1d5bc;padding:24px;border-radius:10px;gap:24px}
.event-detail .event-detail-info-item>span{color:#637252;font-weight:800;font-size:9px}
.event-detail .event-detail-info-item>strong{color:var(--rk-forest);font-weight:650}
.event-detail .event-food-callout{border:1px solid #b9cbaa;background:#e5edda;border-radius:12px;padding:28px}
.event-detail .event-food-symbol{font-size:0;width:54px;height:64px;flex:none;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain}
.event-detail .event-food-callout h3{font-family:var(--serif);font-size:32px}
.event-detail .event-booking-panel{background:#fff5df!important;border:1px solid #a8b696!important;border-top:7px solid var(--rk-forest)!important;box-shadow:4px 5px 0 #063b2f12;border-radius:8px 8px 18px 18px;padding:29px!important;overflow:visible;position:sticky}
.event-detail .event-booking-panel::before,.event-detail .event-booking-panel::after{content:"";position:absolute;width:18px;height:18px;border:1px solid #a8b696;background:var(--cream,#fff5df);border-radius:50%;top:59%;pointer-events:none}
.event-detail .event-booking-panel::before{left:-10px;border-left-color:transparent;transform:rotate(-45deg)}
.event-detail .event-booking-panel::after{right:-10px;border-right-color:transparent;transform:rotate(45deg)}
.event-detail .event-booking-panel h2{font-family:var(--serif);font-size:42px;color:var(--rk-forest)}
.event-detail .event-capacity-bar{height:7px;background:#e5dfc5;border-radius:7px}
.event-detail .event-capacity-bar>span{background:var(--rk-red)}
.event-detail .event-booking-panel .event-book-food{border-top:1px dashed #afbd9f;padding-top:18px;border-bottom:0}

/* The food table: cheerful color with clear quantities and checkout. */
.food-page .food-heading-stamp{background:var(--rk-gold);border:1px solid #063b2f;outline:3px double #e64332;outline-offset:4px;color:var(--rk-forest);box-shadow:4px 6px 0 #e6433220;font-family:'Noto Serif Bengali',serif}
.food-page .food-order-note{background:#e0ecda;border:1px solid #b4c8a9;border-radius:9px;color:var(--rk-forest)}
.food-page .food-order-note>span:first-child{color:var(--rk-red)}
.food-page .food-card{border:1px solid #8ea683;border-radius:14px 14px 9px 9px;background:#fffdf5;box-shadow:2px 3px 0 #063b2f11;transition:transform .22s ease,box-shadow .22s ease}
.food-page .food-card:hover{transform:translateY(-5px);box-shadow:4px 7px 0 #063b2f19}
.food-page .food-card-art{border-bottom:4px solid var(--rk-gold)}
.food-page .food-card:nth-child(2n) .food-card-art{border-bottom-color:var(--rk-mint)}
.food-page .food-card:nth-child(3n) .food-card-art{border-bottom-color:var(--rk-red)}
.food-page .food-card-art img{transition:transform .5s ease}
.food-page .food-card:hover .food-card-art img{transform:scale(1.035)}
.food-page .food-card h3{font-family:var(--serif);font-size:28px;color:var(--rk-forest)}
.food-page .food-bangla{color:#b13a2c;font-family:'Noto Serif Bengali',serif}
.food-page .food-card-bottom{border-top:1px dashed #b9c6ad;padding-top:18px;margin-top:10px}
.food-page .food-card-bottom>div>strong{font-family:var(--serif);color:var(--rk-forest)}
.food-page .qty-stepper{background:#fff5df;border-color:var(--rk-forest);border-radius:6px;box-shadow:0 2px 0 #d6dfc9}
.food-page .qty-stepper button{height:36px;width:35px;color:var(--rk-forest);font-weight:750}
.food-page .qty-stepper button:hover{background:var(--rk-gold)}
.food-page .cart-summary{background:var(--rk-forest);color:var(--rk-paper);border:1px solid var(--rk-mint);border-top:3px solid var(--rk-gold);border-radius:10px;box-shadow:0 14px 30px #042d2940}
.food-page .cart-summary small{color:#c8d8c3}
.food-page .cart-summary .cart-count{background:var(--rk-gold);color:var(--rk-forest);border-radius:50%;font-weight:800}
.food-page .cart-summary .btn-primary{background:var(--rk-gold);color:var(--rk-forest);border-color:var(--rk-gold);box-shadow:0 3px 0 #b98d22}

/* A directory of membership cards, each with its own painted color. */
.community-page .community-heading-note{padding:1rem 2rem;transform:rotate(7deg)}
.community-page .community-rosette{font-size:0;width:130px;height:130px;margin:auto;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain;animation:rk-inner-flower-turn 42s linear infinite}
.community-page .community-heading-note p{font-size:13px;color:#355943;margin:13px 0 0}
.community-page .community-intro-strip{padding:20px 23px;background:#e6eddb;border:1px solid #c1cdb4;border-radius:9px}
.community-page .community-intro-strip p{font-size:13px;color:#43604d}
.community-page .directory-sample-notice{color:#52695b}
.community-page .directory-toolbar{margin-top:24px;margin-bottom:19px}
.community-page .community-grid{gap:24px}
.community-page .community-member-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #9cac8d;border-radius:14px 14px 8px 8px;background:#fffdf5;padding:25px;box-shadow:3px 4px 0 #063b2f13;transition:transform .25s ease,box-shadow .25s ease}
.community-page .community-member-card::before{content:"";display:block;position:absolute;z-index:-1;left:0;right:0;top:0;height:56px;background:#e2edd9;border-bottom:1px solid #c5d1b7}
.community-page .community-member-card::after{content:"";position:absolute;top:8px;right:14px;width:90px;height:45px;opacity:.22;background:url('./assets/rickshaw-vine.svg') no-repeat center / contain;pointer-events:none;z-index:-1}
.community-page .community-member-card:nth-child(3n+2)::before{background:#ffebbb;border-bottom-color:#e8d0a1}
.community-page .community-member-card:nth-child(3n)::before{background:#dce6f2;border-bottom-color:#b6c8df}
.community-page .community-member-card:hover{transform:translateY(-6px);border-color:var(--rk-forest);box-shadow:4px 8px 0 #063b2f20}
.community-page .member-card-top{align-items:center;min-height:80px}
.community-page .member-avatar{width:82px;height:82px;border:4px solid #fffdf5;outline:1px solid #a6b39a;box-shadow:2px 3px 0 #063b2f0c;background:#f7c742;color:#063b2f}
.community-page .member-avatar span{font-size:26px}
.community-page .community-member-card:nth-child(3n+2) .member-avatar{background:#87bda0;color:#063b2f}
.community-page .community-member-card:nth-child(3n) .member-avatar{background:#255cae;color:#fff5df}
.community-page .member-card-top .badge{background:#fff9ea;border:1px solid #b0bd9f;color:#355740;box-shadow:0 2px 0 #063b2f0b;margin-top:5px}
.community-page .community-member-card h3{font-size:27px;line-height:1.15;letter-spacing:-.025em;margin-top:20px}
.community-page .community-member-card h3 a::after{color:var(--rk-red);display:inline-block;transition:transform .2s ease}
.community-page .community-member-card:hover h3 a::after{transform:translate(3px,-3px)}
.community-page .member-bangla{font-family:'Noto Serif Bengali',serif;color:#ad3f2e}
.community-page .member-role{color:var(--rk-forest);font-size:13px;font-weight:750;margin-top:12px}
.community-page .member-meta{font-size:12px;color:#536858;line-height:1.7}
.community-page .member-skills>span{border-radius:4px;background:#f2eddb;border-color:#e1ddc6;color:#3e5a48;font-size:10px;padding:5px 8px}
.community-page .member-card-footer{border-top:1px dashed #b7c4a9;margin-top:19px;padding-top:17px}
.community-page .mentor-label{font-size:10px;font-weight:650;color:#355d41}
.community-page .member-card-footer .sample-label{font-size:8px;color:#64755c}
.community-page .community-callout{border-radius:18px 18px 6px 6px;background:#063b2f;position:relative;overflow:hidden;border:1px solid #063b2f;border-top:5px solid #f7c742}
.community-page .community-callout::after{content:"";position:absolute;right:10%;bottom:-65px;width:180px;height:220px;background:url('./assets/rickshaw-vine.svg') no-repeat center / contain;opacity:.12;pointer-events:none;transform:rotate(-35deg)}
.community-page .community-callout h2{font-size:clamp(28px,3.5vw,43px);letter-spacing:-.04em}
.community-page .community-callout .eyebrow{color:#f7c742}
.community-page .community-callout p{color:#d1dfc7}
.community-page .community-callout .btn-primary{background:#f7c742;border-color:#f7c742;color:#063b2f;box-shadow:0 3px 0 #b9962f;position:relative;z-index:1}

/* Profiles and joining: stationery, familiar places, personal space. */
.member-detail-page .profile-cover{height:210px;border:1px solid #063b2f;border-radius:19px 19px 5px 5px;background:#063b2f url('./assets/rickshaw-vine.svg') no-repeat right 7% center / 300px auto;box-shadow:0 5px 0 #f7c742}
.member-detail-page .profile-cover .cover-art{display:none}
.member-detail-page .profile-cover .cover-circle{border-color:#f7c74255;width:320px;height:320px;top:-160px;left:20%}
.member-detail-page .profile-cover .cover-circle::after{border-color:#87bda078}
.member-detail-page .profile-cover p{font-family:'Noto Serif Bengali',serif;color:#f7c742;font-size:19px;bottom:22px;left:34px;text-shadow:0 2px 3px #063b2f}
.member-detail-page .member-detail-header{padding-top:23px;gap:23px}
.member-detail-page .member-detail-header>.avatar{background:#f7c742;box-shadow:0 3px 0 #a2b59c;border-color:#fff5df;outline:1px solid #a5b69c;color:#063b2f}
.member-detail-page .member-detail-header h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.045em}
.member-detail-page .member-detail-header .member-bangla{color:#b23829;font-family:'Noto Serif Bengali',serif}
.member-detail-page .member-detail-layout .panel{border-radius:12px;border-color:#b7c6ab;box-shadow:0 3px 0 #063b2f0b}
.member-detail-page .member-about{border-top:4px solid #87bda0}
.member-detail-page .member-facts{border-top:4px solid #f7c742}
.member-detail-page .member-fact{border-bottom-style:dashed;padding:18px 0}
.member-detail-page .member-fact>span{font-weight:750;color:#65765a;font-size:9px;letter-spacing:.14em}
.member-detail-page .member-fact>strong{color:#063b2f;font-size:14px}
.member-detail-page .member-skills>span{background:#f5edda;border:1px solid #d9d5bb;border-radius:5px;color:#355440}
.member-detail-page .mentor-callout{border-radius:8px;background:#e2edda;border:1px solid #bacfac;padding:20px}
.join-page .profile-form,.account-page .profile-form{border-top:5px solid #063b2f;box-shadow:3px 5px 0 #063b2f0c;border-radius:12px;background:#fffdf5}
.join-page .join-art{border:1px solid #063b2f;border-radius:140px 140px 8px 8px;background:#f7c742;min-height:315px;flex-direction:column;gap:5px;box-shadow:5px 7px 0 #e6433225}
.join-page .join-art>span{font-size:0;width:135px;height:135px;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain;animation:rk-inner-flower-turn 42s linear infinite}
.join-page .join-art>p{font-family:'Noto Serif Bengali',serif;font-size:27px;line-height:1.6;color:#063b2f;text-align:center;margin:10px 0 0}
.join-page .join-aside h2{font-size:33px;letter-spacing:-.035em}
.join-page .join-benefits li{font-size:13px;padding:14px 0;border-bottom-style:dashed}
.join-page .join-benefits li::before{color:#b93327;font-weight:800}
:is(.join-page,.account-page) .form-section-heading{padding-top:13px;gap:14px}
:is(.join-page,.account-page) .form-section-heading>span{width:35px;height:35px;border:1px solid #c4ceb4;border-radius:50%;display:grid;place-items:center;flex:none;background:#e4ecd8;color:#063b2f;font-size:16px}
:is(.join-page,.account-page) .form-section-heading h3{font-family:var(--serif);font-size:24px;color:#063b2f}
:is(.join-page,.account-page) .form-section-heading p{font-size:12px;line-height:1.65;color:#60735c}
:is(.join-page,.account-page) .demo-form-note{background:#f7edd3;border:1px solid #e2ce9e;border-left:4px solid #d49e29;border-radius:7px}
:is(.join-page,.account-page) .profile-preferences{background:#f4f3e5;border:1px solid #d2d9c2;border-radius:9px;padding:20px}
:is(.join-page,.account-page) .form-submit-row{border-top-style:dashed;padding-top:22px}
.account-page .account-heading{border-bottom:2px solid #063b2f;padding-bottom:24px}
.account-page .account-heading h1{font-size:clamp(35px,4.2vw,52px);letter-spacing:-.045em}
.account-page .profile-sidebar{background:#f1ecd9;padding:23px 19px;border:1px solid #c6ceb8;border-top:5px solid #063b2f;border-radius:12px;align-self:start;position:sticky;top:120px}
.account-page .profile-sidebar-identity .member-avatar{background:#f7c742;color:#063b2f;border:3px solid #fffdf5;outline:1px solid #aaba9e;margin:2px 0 18px}
.account-page .profile-sidebar-identity h2{font-family:var(--serif);font-size:27px}
.account-page .profile-tabs{padding-top:18px;border-top:1px dashed #adbd9b;gap:6px}
.account-page .profile-tabs button{width:100%;display:flex;border-radius:5px;min-height:44px;padding:11px 12px;margin:0;font-weight:650;color:#35563f;transition:background .18s ease,transform .18s ease}
.account-page .profile-tabs button.active{background:#063b2f;color:#fff5df;box-shadow:0 3px 0 #f7c742}
.account-page .profile-tabs button:not(.active):hover{background:#dce7cf;transform:translateX(3px)}
.account-page .dashboard-welcome{padding:20px 0 4px}
.account-page .dashboard-welcome h2{font-size:43px;letter-spacing:-.04em}
.account-page .profile-stat{border:1px solid #b4c1a5;background:#fffdf5;border-top:4px solid #87bda0;box-shadow:2px 3px 0 #063b2f0a;transition:transform .2s ease,box-shadow .2s ease}
.account-page .profile-stat:nth-child(2){border-top-color:#f7c742}
.account-page .profile-stat:nth-child(3){border-top-color:#e64332}
.account-page button.profile-stat:hover{transform:translateY(-4px);box-shadow:2px 7px 0 #063b2f0e}
.account-page .profile-stat strong{font-family:var(--serif);font-size:43px;color:#063b2f}
.account-page .profile-stat>span{font-size:11px;font-weight:650;color:#52694b}
.account-page .profile-completion{background:#edf1e1;border-color:#bbcaaa}
.account-page .completion-bar{height:9px;border-radius:20px;background:#d8e1c6}
.account-page .completion-bar>span{background:linear-gradient(90deg,#063b2f,#87bda0);border-radius:20px}
.account-page .personal-ticket{position:relative;border:1px solid #b6c3a9;border-top:5px solid #063b2f;border-radius:9px;background:#fff5df;box-shadow:3px 4px 0 #063b2f0d;padding:24px}
.account-page .personal-ticket::after{content:"";position:absolute;inset:12px 12px auto auto;width:39px;height:39px;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain;opacity:.13;pointer-events:none}
.account-page .personal-ticket h3{font-family:var(--serif);font-size:27px;line-height:1.15}
.account-page .personal-ticket .ticket-card-actions{border-top:1px dashed #b5c2a5;padding-top:17px;margin-top:19px}
.account-page .personal-order{border-top:4px solid #f7c742;border-radius:10px}
.account-page .personal-order .order-summary-line{padding:14px;background:#f4eedb;border-radius:5px}
.account-page .connection-history{border-top:4px solid #87bda0}

/* Admin is deliberately calm: folk colors organise real working surfaces. */
.dashboard{background:#f6f1e3;color:#063b2f;font-family:var(--sans,'DM Sans',sans-serif);max-width:1600px;grid-template-columns:236px minmax(0,1fr)}
.dashboard .admin-sidebar{background:#063b2f;color:#fff5df;border-right:1px solid #174d39;padding:30px 16px 21px}
.dashboard .admin-sidebar::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:url('./assets/rickshaw-trim.svg') repeat-x left center / auto 14px;pointer-events:none}
.dashboard .admin-brand{font-family:var(--serif);font-size:24px;letter-spacing:-.025em;padding:0 9px;gap:11px}
.dashboard .admin-brand-mark{background:#f7c742;border:1px solid #fdf1c5;outline:1px solid #729c74;outline-offset:3px;color:#063b2f;font-family:'Noto Serif Bengali',serif;font-size:29px;flex-shrink:0}
.dashboard .admin-brand small{font-family:var(--sans,'DM Sans',sans-serif);font-size:9px;color:#bdd6b9;opacity:1;letter-spacing:.02em}
.dashboard .admin-sidebar-label{font-size:8px;font-weight:700;color:#afc5a6;letter-spacing:.14em;margin-top:39px}
.dashboard .admin-nav{gap:5px}
.dashboard .admin-nav a{border:1px solid transparent;border-radius:5px;color:#d3e0c7;padding:12px 13px;font-size:11px;min-height:42px;transition:background .16s ease,transform .16s ease}
.dashboard .admin-nav a:hover{background:#ffffff10;color:#fff5df;transform:translateX(2px)}
.dashboard .admin-nav a.active{background:#f7c742;border-color:#f7c742;color:#063b2f;box-shadow:0 3px 0 #ba8f24;font-weight:750}
.dashboard .admin-nav a.active b{background:#063b2f;color:#fff5df}
.dashboard .admin-sidebar-footer{border-top:1px dashed #4c755a;padding-top:20px}
.dashboard .admin-avatar{background:#87bda0;color:#063b2f;border:1px solid #c3dbc0}
.dashboard .admin-sidebar-footer small{color:#b9d0b0}
.dashboard .admin-main{padding:0}
.dashboard .admin-topbar{background:#fffaf0;border-bottom:1px solid #d5d7bf;padding:23px 35px;color:#5c7057}
.dashboard .admin-page{padding:28px 35px 60px}
.dashboard .admin-page-heading{padding-bottom:26px;border-bottom:1px solid #ced3bb;margin-bottom:27px}
.dashboard .admin-page-heading h1{font-family:var(--serif);font-size:clamp(32px,3.7vw,49px);font-weight:500;letter-spacing:-.045em;color:#063b2f}
.dashboard .admin-page-heading .eyebrow{color:#5e7555;font-size:8px;font-weight:800;letter-spacing:.13em}
.dashboard .admin-page-heading .eyebrow::before{width:15px;height:15px;background:url('./assets/rickshaw-flower.svg') no-repeat center / contain}
.dashboard .admin-page-heading p{font-size:12px;line-height:1.8;color:#5f7056}
.dashboard .demo-strip{font-size:10px;color:#68775a;margin-bottom:24px}
.dashboard .demo-dot{background:#cc8c27;box-shadow:0 0 0 3px #ecd8a34a}
:is(.dashboard,.staff-page) .btn{border-radius:5px;min-height:36px;border-color:#b5c1a7;color:#294d37;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
:is(.dashboard,.staff-page) .btn-primary{background:#063b2f;border-color:#063b2f;color:#fff5df;box-shadow:0 2px 0 #022d21}
:is(.dashboard,.staff-page) .btn-primary:hover{background:#155b41;transform:translateY(-1px);box-shadow:0 3px 0 #022d21}
:is(.dashboard,.staff-page) .btn-secondary{background:#fff9e9;border-color:#a7b899;color:#063b2f}
:is(.dashboard,.staff-page) .btn-secondary:hover{background:#f9e8b5}
.dashboard .stat-grid{gap:17px}
.dashboard .stat-card{background:#fffdf5;border:1px solid #c0cdb2;border-top:4px solid #87bda0;border-radius:9px;padding:22px;box-shadow:2px 3px 0 #063b2f0a}
.dashboard .stat-card:nth-child(2){border-top-color:#f7c742}
.dashboard .stat-card:nth-child(3){border-top-color:#e64332}
.dashboard .stat-card:nth-child(4){border-top-color:#255cae}
.dashboard .stat-card strong{font-family:var(--serif);font-size:37px;color:#063b2f;font-weight:500;margin:21px 0 12px}
.dashboard .stat-card span{color:#526b4c;font-size:10px;font-weight:650}
.dashboard .stat-card small{color:#708066;font-size:9px}
.dashboard .stat-card-top svg{color:#517d50}
:is(.dashboard,.staff-page) .panel{border:1px solid #c7d1b8;border-radius:10px;background:#fffdf5;box-shadow:0 3px 0 #063b2f06}
:is(.dashboard,.staff-page) .panel h2{font-family:var(--sans,'DM Sans',sans-serif);font-weight:750;font-size:15px;color:#063b2f;letter-spacing:-.015em}
.dashboard .panel-heading{padding-bottom:17px;border-bottom:1px solid #e1e5d4;margin-bottom:11px}
.dashboard .admin-date{background:#fbe9b4;border:1px solid #e5ce87;border-radius:5px;color:#063b2f;box-shadow:0 2px 0 #e2d2a2}
.dashboard .admin-date strong{font-family:var(--serif)}
.dashboard .admin-event-row strong,.dashboard .admin-todo strong{font-size:12px;color:#274d35}
.dashboard .admin-event-row p,.dashboard .admin-todo p{color:#6b7b62;font-size:10px}
.dashboard .admin-todo>span{background:#e5eedb;border:1px solid #cad8bc}
.dashboard .admin-todo>span svg{color:#356641}
.dashboard .activity-dot{background:#87bda0;box-shadow:0 0 0 3px #87bda018}
.dashboard .activity-list p{color:#35573e;font-size:11px}
.dashboard .activity-list small{color:#6e7d62}
:is(.dashboard,.staff-page) .badge{font-weight:700;border-radius:4px;background:#e9ebdb;color:#526b43}
:is(.dashboard,.staff-page) .badge-success{background:#ddecdb;color:#1d613e}
:is(.dashboard,.staff-page) .badge-warning{background:#f9e8b4;color:#7f5811}
:is(.dashboard,.staff-page) .badge-danger{background:#f5ded5;color:#993526}
:is(.dashboard,.staff-page) .data-table th{background:#eff0df;color:#526948;font-size:9px;letter-spacing:.04em;border-bottom-color:#c8d4b9;font-weight:750}
:is(.dashboard,.staff-page) .data-table td{border-bottom-color:#e5e9d9;color:#3c593f;padding-top:18px;padding-bottom:18px}
:is(.dashboard,.staff-page) .data-table tr:hover td{background:#fbf7e9}
:is(.dashboard,.staff-page) .data-table small{color:#6e7c5d}
:is(.dashboard,.staff-page) :is(input,select,textarea){background:#fffef9;border:1px solid #b5c5a7;border-radius:5px;color:#274c32;min-height:42px}
:is(.dashboard,.staff-page) :is(input,select,textarea):focus{outline:2px solid #255cae;outline-offset:2px;border-color:#5379b0;box-shadow:none}
:is(.dashboard,.staff-page) :is(input[type=checkbox],input[type=radio]){min-height:0}
:is(.dashboard,.staff-page) .field{color:#3f6038}
.dashboard .admin-gallery-card{border:1px solid #b7c7a8;border-radius:9px;background:#fffdf5;box-shadow:2px 3px 0 #063b2f0a;overflow:hidden}
.dashboard .admin-gallery-card>img{border-bottom:4px solid #f7c742;transition:transform .4s ease}
.dashboard .admin-gallery-card:nth-child(2n)>img{border-bottom-color:#87bda0}
.dashboard .admin-gallery-card h3{font-family:var(--serif);font-size:22px;color:#063b2f;line-height:1.2}
.dashboard .admin-gallery-card p{color:#687b5e;font-size:11px}
.dashboard .role-grid article{background:#f9f6e9;border-color:#c3d0b1;border-radius:9px}
.dashboard .role-icon{background:#deecd4;border:1px solid #c0d3af;border-radius:50%;color:#063b2f}
.dashboard .role-grid h3{font-weight:750;color:#285036}
.dashboard .role-grid p,.dashboard .panel-note,.dashboard .connection-note p{color:#667b59}
.dashboard .inbox-item{background:#fffdf5;border-color:#c1cfae;border-radius:8px}
.dashboard .integration-row>span:first-child{background:#e6edda;border:1px solid #c6d3b3}
.staff-page{background:#f6f1e3;color:#063b2f}
.staff-page .admin-page-heading{border-bottom:1px solid #c8d1b6;padding-bottom:24px}
.staff-page .admin-page-heading h1{font-family:var(--serif);letter-spacing:-.04em}
.staff-page .kitchen-column{background:#e4ead6;border:1px solid #c1cdb0;border-top:4px solid #87bda0;border-radius:10px}
.staff-page .kitchen-column:nth-child(2){background:#f8eccb;border-color:#e5d7ae;border-top-color:#f7c742}
.staff-page .kitchen-column:nth-child(3){background:#dfece5;border-color:#bbd0c1;border-top-color:#063b2f}
.staff-page .kitchen-column>h2{font-weight:750;font-size:13px;color:#214d34}
.staff-page .kitchen-column>h2 span{background:#fff5df;border:1px solid #afc39f;color:#063b2f;font-weight:800}
.staff-page .kitchen-card{border-radius:7px;background:#fffdf5;border-color:#bfccb0;box-shadow:1px 3px 0 #063b2f0a}
.staff-page .kitchen-total{border-bottom-style:dashed;color:#56704c}
.staff-page .kitchen-card li b{color:#a23626}

@keyframes rk-inner-flower-turn{to{transform:rotate(360deg)}}
@media(min-width:901px){
  .join-page .join-aside{padding-top:3px;position:sticky;top:126px;align-self:start}
  .events-page .event-card,.community-page .community-member-card,.food-page .food-card{will-change:transform}
}
@media(max-width:1100px){
  .dashboard{grid-template-columns:208px minmax(0,1fr)}
  .dashboard .admin-page{padding:26px}.dashboard .admin-topbar{padding:21px 26px}
  .dashboard .admin-brand{font-size:22px;padding-left:5px}.dashboard .admin-brand small{font-size:8px}
  .dashboard .stat-card{padding:20px}.dashboard .stat-card strong{font-size:34px}
  .events-page .event-grid{gap:18px}.events-page .event-info{padding:20px}
  .community-page .community-grid{gap:20px}.community-page .community-member-card{padding:22px}
}
@media(max-width:900px){
  .events-page .events-heading-seal{width:116px;height:116px}.events-page .events-heading-seal b{width:37px;height:37px}
  .events-page .events-heading-seal small{font-size:7px}
  .community-page .community-rosette{width:100px;height:100px}.community-page .community-heading-note{padding:1rem}
  .account-page .profile-sidebar{padding:21px 15px}.account-page .profile-tabs button{font-size:12px}
  .event-detail .event-booking-panel{padding:23px!important}
  .food-page .food-card h3{font-size:25px}
}
@media(max-width:760px){
  .dashboard{display:block}
  .dashboard .admin-sidebar{position:relative;top:auto;height:auto;padding:21px 18px 15px;border-right:0;border-bottom:1px solid #31543c}
  .dashboard .admin-brand{font-size:23px;padding-left:3px}.dashboard .admin-brand small{font-size:9px}
  .dashboard .admin-nav{padding-top:21px;padding-bottom:5px;gap:7px}.dashboard .admin-nav a{padding:10px 13px;min-height:38px}
  .dashboard .admin-topbar{padding:16px 20px}.dashboard .admin-page{padding:23px 20px 40px}
  .dashboard .admin-page-heading{padding-bottom:23px;margin-bottom:23px;gap:18px}.dashboard .admin-page-heading h1{font-size:35px}
  .dashboard .stat-grid{gap:12px}.dashboard .stat-card{padding:18px 15px}.dashboard .stat-card strong{font-size:33px}
  .dashboard .panel-heading{padding-bottom:14px}.dashboard .panel h2{font-size:14px}
}
@media(max-width:700px){
  .account-page .profile-sidebar{position:static;border:1px solid #c6ceb8;border-top:4px solid #063b2f;padding:12px;border-radius:9px}
  .account-page .profile-tabs{padding-top:0;border:0;gap:8px}.account-page .profile-tabs button{width:auto;min-height:41px;font-size:12px;flex-shrink:0;padding:10px 12px}
  .account-page .profile-tabs button:not(.active):hover{transform:none}
  .account-page .dashboard-welcome{padding-top:15px}.account-page .dashboard-welcome h2{font-size:35px}
  .account-page .profile-stat{padding:17px 12px}.account-page .profile-stat strong{font-size:33px}.account-page .profile-stat>span{font-size:10px}
  .member-detail-page .profile-cover{height:170px;background-size:210px auto;background-position:right -40px center}
  .member-detail-page .profile-cover p{font-size:15px;left:22px;bottom:20px;max-width:250px}
  .member-detail-page .member-detail-header{gap:17px}.member-detail-page .member-detail-header h1{font-size:31px}
}
@media(max-width:650px){
  :is(.events-page,.food-page,.community-page,.join-page) .page-heading,.food-page .food-page-heading{padding:7px 0 27px;margin-bottom:27px}
  :is(.events-page,.community-page,.join-page) .page-heading h1,.food-page .food-page-heading h1{font-size:46px;letter-spacing:-.055em}
  :is(.events-page,.food-page,.community-page,.join-page) .page-heading::after,.food-page .food-page-heading::after{height:11px;bottom:-6px;background-size:auto 11px}
  :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .eyebrow{font-size:8px;letter-spacing:.12em;gap:9px}
  :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page) .eyebrow::before{width:14px;height:14px}
  :is(.events-page,.food-page,.community-page) .filter-chip{font-size:11px;min-height:38px;padding:9px 12px}
  .events-page .events-time-tabs{justify-content:space-between;gap:2px}.events-page .events-time-tabs .filter-chip{flex:1;min-height:37px}
  .events-page .event-grid{gap:25px}.events-page .event-art{height:245px}.events-page .event-info{padding:23px}
  .events-page .event-title-row h3{font-size:28px}.events-page .event-title-row{gap:17px}.events-page .event-date{min-width:56px}
  .events-page .events-community-note{padding:22px;gap:15px}.events-page .events-community-note>span{width:39px;height:44px}
  .events-page .events-community-note h3{font-size:24px}.events-page .events-community-note .btn{margin-left:54px;font-size:11px}
  .event-detail .event-detail-banner{border-radius:12px 12px 4px 4px}.event-detail .event-detail-title h1{font-size:43px;letter-spacing:-.04em}
  .event-detail .event-booking-panel{position:static;padding:25px!important}
  .event-detail .event-detail-main h2{font-size:31px}.event-detail .event-info-list{padding:22px 18px}
  :is(.event-detail,.food-page) .event-subnav{gap:4px}.event-detail .event-subnav a,.food-page .event-subnav a{padding:11px 14px;font-size:12px}
  .event-detail .event-food-callout{padding:21px;gap:15px}.event-detail .event-food-symbol{width:38px;height:52px}
  .food-page .food-card{border-radius:10px 10px 6px 6px}.food-page .food-card h3{font-size:23px}
  .food-page .food-card-info{padding:17px 14px}.food-page .food-card-bottom{padding-top:16px;margin-top:auto}
  .food-page .food-card-bottom>div>strong{font-size:25px}.food-page .food-card .eyebrow{font-size:7px;letter-spacing:.09em;gap:5px}
  .food-page .food-card .eyebrow::before{width:11px;height:11px}
  .food-page .qty-stepper button{height:37px;width:36px}.food-page .food-add-btn{min-height:40px}
  .food-page .cart-summary{bottom:12px;padding:14px 12px;gap:8px}.food-page .cart-summary .btn{min-height:41px;padding:10px;font-size:10px}
  .food-page .cart-summary>div{gap:9px}.food-page .cart-summary small{max-width:106px}.food-page .cart-count{width:31px;min-width:31px;height:31px}
  .community-page .community-intro-strip{padding:19px}.community-page .community-intro-strip p{font-size:12px}
  .community-page .directory-toolbar{margin-top:23px}.community-page .directory-filters{gap:7px}
  .community-page .community-grid{gap:14px}.community-page .community-member-card{padding:19px}
  .community-page .member-avatar{width:68px;height:68px}.community-page .member-avatar span{font-size:23px}
  .community-page .member-card-top{min-height:70px}.community-page .community-member-card h3{font-size:23px;margin-top:17px}
  .community-page .member-role{font-size:11px}.community-page .member-meta{font-size:10px}
  .community-page .member-card-top .badge{font-size:8px;padding:4px 6px}.community-page .member-skills>span{font-size:9px;padding:4px 6px}
  .community-page .member-card-footer{gap:7px}.community-page .mentor-label{font-size:9px}.community-page .member-card-footer .sample-label{font-size:7px}
  .community-page .community-callout{padding:29px 23px}.community-page .community-callout h2{font-size:33px}
  .join-page .profile-form,.account-page .profile-form{padding:22px 19px}
  :is(.join-page,.account-page) .form-section-heading{gap:12px}.join-page .form-section-heading h3,.account-page .form-section-heading h3{font-size:22px}
  :is(.join-page,.account-page) .profile-preferences{padding:17px 14px}
  .account-page .account-heading{padding-bottom:20px}.account-page .personal-ticket{padding:23px 20px}
  .staff-page{padding:28px 19px 44px}
}
@media(max-width:430px){
  :is(.events-page,.community-page,.join-page) .page-heading h1,.food-page .food-page-heading h1{font-size:41px}
  .community-page .community-grid{grid-template-columns:1fr;gap:23px}.community-page .community-member-card{padding:24px}
  .community-page .member-avatar{width:82px;height:82px}.community-page .member-card-top .badge{font-size:9px}
  .community-page .community-member-card h3{font-size:28px}.community-page .member-role{font-size:13px}.community-page .member-meta{font-size:12px}
  .community-page .member-skills>span{font-size:10px}.community-page .mentor-label{font-size:10px}.community-page .member-card-footer .sample-label{font-size:8px}
  .food-page .food-card h3{font-size:21px}.food-page .food-card-info{padding:15px 12px}.food-page .food-card .eyebrow{font-size:6.5px}
  .food-page .food-card .eyebrow::before{display:none}.food-page .cart-summary small{max-width:87px}
  .food-page .cart-summary>div:last-child>strong{font-size:11px}.food-page .cart-summary>div{gap:7px}.food-page .cart-summary>div:first-child>div>strong{font-size:11px}
  .member-detail-page .member-detail-header h1{font-size:29px}.member-detail-page .profile-cover p{font-size:14px;max-width:210px}
  .account-page .profile-stat{padding:15px 9px}.account-page .profile-stat>span{font-size:9px;line-height:1.5}.account-page .profile-stat strong{font-size:30px}
  .dashboard .admin-page{padding:22px 17px 40px}.dashboard .admin-page-heading h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.dashboard,.staff-page) *,
  :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.dashboard,.staff-page) *::before,
  :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.dashboard,.staff-page) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
html[data-motion=off] :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.dashboard,.staff-page) *,
html[data-motion=off] :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.dashboard,.staff-page) *::before,
html[data-motion=off] :is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page,.dashboard,.staff-page) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Chapter three: a community scrapbook from Bangladesh to Japan.
   Decoration stays on the margins so the working forms remain calm. */
.page-container:not(.rk-home){--rk-paper:#fff5df;--rk-forest:#063b2f;--rk-red:#e64332;--rk-gold:#f7c742}
.page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading{
  position:relative;isolation:isolate;padding:22px 205px 38px 0;border-bottom:1px solid #bbc8ac;margin-bottom:38px;
}
.page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading::before{
  content:"";position:absolute;right:0;top:0;width:178px;height:166px;background:url('./assets/sakura-folk-v3.svg') no-repeat center / contain;transform:rotate(8deg);pointer-events:none;opacity:.88;
}
.page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading::after{
  content:"";position:absolute;bottom:-6px;left:0;right:0;height:12px;background:url('./assets/rickshaw-trim.svg') repeat-x left center / auto 14px;pointer-events:none;
}
.page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading h1{font-size:clamp(42px,4.9vw,68px);letter-spacing:-.052em;line-height:1.06;margin-bottom:20px}
.page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading p:not(.eyebrow){line-height:1.85;max-width:630px}
.page-container>.page-heading .eyebrow{font-size:9px;letter-spacing:.17em;font-weight:750}
.page-container :is(.text-link,.btn):focus-visible,.page-container button:focus-visible,.dashboard :is(a,button):focus-visible{outline:3px solid #255cae;outline-offset:4px}
.page-container>.toolbar .filter-chip{background:#fffdf5;border:1px solid #aabd9d;border-radius:5px;min-height:42px;font-size:12px;padding:10px 18px;transition:background .2s,box-shadow .2s,transform .2s}
.page-container>.toolbar .filter-chip.active{background:#063b2f;color:#fff5df;box-shadow:0 3px 0 #f7c742;border-color:#063b2f}
.page-container>.toolbar .filter-chip:hover{transform:translateY(-2px)}
.page-container>.demo-note{line-height:1.8;padding:15px 18px;border-left:3px solid #d5b868;background:#f3eedc;color:#5e7055;border-radius:0 5px 5px 0}

/* Real reference pictures are framed as art prints in the gallery. */
.page-container>.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start;padding:10px 5px 25px}
.page-container>.gallery-grid>.gallery-tile{
  display:flex;flex-direction:column;height:auto;min-width:0;overflow:visible;border:1px solid #244e37;border-radius:2px;background:#fffdf5;padding:13px 13px 0;box-shadow:5px 6px 0 #d5d8be;transition:transform .3s,box-shadow .3s;
}
.page-container>.gallery-grid>.gallery-tile:nth-child(3n+1){transform:rotate(-1.6deg)}
.page-container>.gallery-grid>.gallery-tile:nth-child(3n+2){transform:rotate(1.5deg);margin-top:24px;background:#f9e9bd}
.page-container>.gallery-grid>.gallery-tile:nth-child(3n){transform:rotate(-.7deg);background:#eaf0dc}
.page-container>.gallery-grid>.gallery-tile::before{content:"";position:absolute;z-index:1;width:94px;height:25px;top:-10px;left:calc(50% - 47px);background:#d0ae6690;transform:rotate(-3deg);clip-path:polygon(1% 2%,100% 0,96% 20%,100% 37%,98% 59%,100% 80%,97% 100%,0 98%,3% 78%,0 56%,3% 35%);pointer-events:none}
.page-container>.gallery-grid>.gallery-tile::after{display:none}
.page-container>.gallery-grid>.gallery-tile>img{height:290px;width:100%;object-fit:cover;border:1px solid #8b9a7f;border-radius:1px;transition:filter .3s;filter:saturate(.95)}
.page-container>.gallery-grid>.gallery-tile:nth-child(3n+2)>img{height:335px}
.page-container>.gallery-grid>.gallery-tile:nth-child(3n)>img{height:275px}
.page-container>.gallery-grid>.gallery-tile .gallery-label{position:static;display:block;color:#063b2f;padding:20px 8px 23px;width:100%}
.page-container>.gallery-grid>.gallery-tile .gallery-label small{font-size:8px;letter-spacing:.14em;color:#687453;margin-bottom:10px}
.page-container>.gallery-grid>.gallery-tile .gallery-label b{font-size:27px;line-height:1.12;display:flex;justify-content:space-between;gap:12px;letter-spacing:-.02em}
.page-container>.gallery-grid>.gallery-tile .gallery-label b::after{content:"↗";font-family:var(--sans);font-size:20px;color:#b6382b;align-self:center}
.page-container>.gallery-grid>.gallery-tile:hover{transform:translateY(-8px) rotate(0);box-shadow:7px 12px 0 #cbd2b2}
.page-container>.gallery-grid>.gallery-tile:hover>img{transform:none;filter:saturate(1.08)}

/* Our story has the same intimate, layered paper feeling as the home page. */
.page-container>.about-banner{gap:65px;position:relative;padding:18px 0 47px;margin-bottom:45px;border-bottom:1px solid #bec9af;align-items:center}
.page-container>.about-banner::after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:12px;background:url('./assets/rickshaw-trim.svg') repeat-x left center / auto 14px;pointer-events:none}
.page-container>.about-banner>div{position:relative;z-index:1}
.page-container>.about-banner h1{font-size:clamp(41px,4.9vw,66px);line-height:1.075;letter-spacing:-.045em;margin-bottom:25px}
.page-container>.about-banner .eyebrow{color:#b53c2e;font-size:8px;font-weight:800;letter-spacing:.16em}
.page-container>.about-banner p{font-size:13px;line-height:1.9;max-width:490px}
.page-container>.about-banner .btn{margin-top:13px;box-shadow:3px 4px 0 #dec55a;border-radius:3px}
.page-container>.about-banner>img{height:470px;max-width:100%;border-radius:180px 180px 6px 6px;border:8px solid #fffdf5;outline:1px solid #718f67;outline-offset:0;box-shadow:10px 11px 0 #d8d9be;transform:rotate(2deg);object-position:center}
.page-container>.feature-grid{gap:25px;counter-reset:community-values}
.page-container>.feature-grid>.feature-card{counter-increment:community-values;position:relative;border:1px solid #b3c3a1;border-radius:3px;padding:30px;background:#f9f7e8;box-shadow:3px 4px 0 #d8dfc7;overflow:hidden;transition:transform .25s,box-shadow .25s}
.page-container>.feature-grid>.feature-card:nth-child(2){background:#f9e9bd}
.page-container>.feature-grid>.feature-card:nth-child(3){background:#e3ecdd}
.page-container>.feature-grid>.feature-card::before{content:"0" counter(community-values);position:absolute;right:23px;top:20px;font-family:var(--serif);font-size:46px;line-height:1;color:#063b2f21;letter-spacing:-3px}
.page-container>.feature-grid>.feature-card>.icon{width:32px;height:32px;margin-bottom:32px;color:#b4392c}
.page-container>.feature-grid>.feature-card h3{font-size:30px;line-height:1.1;letter-spacing:-.03em;margin-bottom:17px;max-width:240px}
.page-container>.feature-grid>.feature-card p{font-size:12px;line-height:1.9;color:#50684c;margin-bottom:25px}
.page-container>.feature-grid>.feature-card .text-link{font-size:11px;font-weight:750}
.page-container>.feature-grid>.feature-card:hover{transform:translateY(-5px);box-shadow:4px 9px 0 #d0d9b9}

/* Journal cards, committee cards and useful empty states. */
.page-container:not(.events-page)>.event-grid{gap:27px}
.page-container:not(.events-page)>.event-grid>.event-card{border:1px solid #9bb18e;border-radius:6px;box-shadow:3px 4px 0 #dce1c9}
.page-container:not(.events-page)>.event-grid>.event-card .event-art{height:245px;border-bottom:5px solid #e64332}
.page-container:not(.events-page)>.event-grid>.event-card:nth-child(2n) .event-art{border-bottom-color:#f7c742}
.page-container:not(.events-page)>.event-grid>.event-card .event-info{padding:28px 25px}
.page-container:not(.events-page)>.event-grid>.event-card .event-info h3{font-size:29px;letter-spacing:-.035em;line-height:1.12}
.page-container:not(.events-page)>.event-grid>.event-card .event-info>.eyebrow{font-size:8px;letter-spacing:.13em;color:#b13c2c;font-weight:750}
.page-container:not(.events-page)>.event-grid>.event-card .event-info .text-link{font-size:11px;margin-top:15px}
.page-container>.member-grid>.member-card{border:1px solid #9cb18e;border-radius:6px;background:#fffdf5;padding:30px;box-shadow:3px 4px 0 #dce2cc;border-top:7px solid #87bda0}
.page-container>.member-grid>.member-card:nth-child(2n){border-top-color:#f7c742}
.page-container>.member-grid>.member-card:nth-child(3n){border-top-color:#e64332}
.page-container>.member-grid>.member-card .avatar{width:82px;height:82px;outline:1px solid #bcc9ae;outline-offset:4px;background:#f5d365}
.page-container>.member-grid>.member-card h3{font-size:29px;margin-top:25px;line-height:1.15}
.page-container>.member-grid>.member-card .badge{background:#e5ebd9;border:1px solid #c0ceaf;border-radius:4px;font-size:9px}
.page-container>.empty-state{position:relative;isolation:isolate;background:#f1ecd9;border:1px dashed #a8bb97;border-radius:10px;padding:55px 30px;overflow:hidden}
.page-container>.empty-state::before{content:"";position:absolute;left:-40px;bottom:-35px;width:165px;height:180px;background:url('./assets/sakura-folk-v3.svg') no-repeat center / contain;opacity:.25;pointer-events:none;z-index:-1}
.page-container>.empty-state h3{font-size:34px;letter-spacing:-.03em;color:#063b2f}
.page-container>.empty-state p{font-size:13px;line-height:1.85;color:#637457}
.page-container>.empty-state .btn{margin-top:12px;border-radius:5px}
.page-container>.join-band{border:1px solid #063b2f;border-top:5px solid #f7c742;border-radius:8px;box-shadow:3px 4px 0 #cad8bc}
.page-container>.join-band::after{content:"";width:140px;height:210px;right:25%;top:-20px;background:url('./assets/sakura-folk-v3.svg') no-repeat center / contain;opacity:.14;transform:rotate(-15deg)}

/* Requests and messages are designed like a welcoming correspondence desk. */
.page-container>.connect-grid{gap:70px;align-items:start;grid-template-columns:1fr 1.18fr}
.page-container>.connect-grid>.page-heading{position:relative;padding:18px 0 245px;margin-bottom:0}
.page-container>.connect-grid>.page-heading::after{content:"";position:absolute;left:0;bottom:0;width:265px;height:205px;background:url('./assets/reference-peacocks.webp') center / cover;border:10px solid #fffdf5;outline:1px solid #93a986;box-shadow:5px 6px 0 #d9d7b9;transform:rotate(-4deg);pointer-events:none}
.page-container>.connect-grid>.page-heading::before{content:"";position:absolute;left:200px;bottom:-2px;width:135px;height:145px;z-index:1;background:url('./assets/sakura-folk-v3.svg') no-repeat center / contain;transform:rotate(18deg);pointer-events:none}
.page-container>.connect-grid>.page-heading h1{font-size:clamp(42px,4.6vw,63px);letter-spacing:-.055em;line-height:1.05;margin-bottom:24px}
.page-container>.connect-grid>.page-heading>.eyebrow{font-size:8px;letter-spacing:.16em;color:#b2392b;font-weight:800;line-height:1.9}
.page-container>.connect-grid>.page-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:405px}
.page-container>.connect-grid>.page-heading .text-link{font-size:11px;margin-top:9px}
.page-container>.connect-grid>.panel{position:relative;border:1px solid #aebe9c;border-top:6px solid #063b2f;border-radius:8px;background:#fffdf5;padding:35px;box-shadow:5px 6px 0 #dce0c6}
.page-container>.connect-grid>.panel>h2{font-family:var(--serif);font-size:34px;line-height:1.12;letter-spacing:-.035em;max-width:370px;margin-bottom:18px}
.page-container>.connect-grid>.panel>p{font-size:11px;line-height:1.8;color:#6b785d;margin-bottom:25px;padding-bottom:23px;border-bottom:1px dashed #becbad}
.page-container>.connect-grid>.panel .field{margin-bottom:19px}
.page-container>.connect-grid>.panel .field label{font-size:11px;font-weight:650;color:#345339}
.page-container>.connect-grid>.panel :is(input:not([type=checkbox]),select,textarea){border:1px solid #bbc9ad;border-radius:5px;background:#fffef9;min-height:46px;color:#244a32;font-size:13px}
.page-container>.connect-grid>.panel :is(input,select,textarea):focus{outline:2px solid #255cae;outline-offset:2px;border-color:#5379b0}
.page-container>.connect-grid>.panel .checkbox{font-size:11px;line-height:1.7;align-items:flex-start;background:#f2f1e1;border-radius:5px;padding:13px;margin:24px 0}
.page-container>.connect-grid>.panel .checkbox input{flex:none;margin-top:3px;accent-color:#063b2f}
.page-container>.connect-grid>.panel .btn-primary{min-height:48px;width:100%;border-radius:4px;justify-content:center;background:#063b2f;box-shadow:0 3px 0 #f7c742}
.page-container>.connect-grid>.page-heading>.panel{padding:22px;background:#e8eedc;border-color:#bbccaa;border-radius:5px;max-width:400px;margin-top:27px}

/* Reading and setup pages use restrained ink-on-paper typography. */
.page-container.article{max-width:920px}
.page-container.article>.page-heading{padding-right:160px}
.page-container.article>.page-heading::before{width:135px;height:145px;right:0;top:15px;opacity:.7}
.page-container.article>.page-heading h1{font-size:clamp(40px,4.9vw,63px)}
.page-container.article>h2{font-size:31px;letter-spacing:-.03em;margin-top:40px;color:#063b2f;line-height:1.2}
.page-container.article>p{font-size:14px;line-height:1.95;color:#53684c}
.page-container.article>.panel{border:1px solid #bdcbaa;border-left:5px solid #87bda0;border-radius:6px;background:#fffdf5;padding:28px 30px;box-shadow:2px 3px 0 #dce1cb}
.page-container.article>.panel:nth-of-type(2){border-left-color:#f7c742}
.page-container.article>.panel:nth-of-type(3){border-left-color:#e64332}
.page-container.article>.panel h2{margin-top:0;margin-bottom:14px;font-size:28px}
.page-container.article>.panel p{font-size:12px;line-height:1.9;margin-bottom:0}
.page-container.article>.panel p+p{margin-top:15px}

/* A few tactile details carry the reference artwork into member spaces. */
.member-detail-page .profile-cover{background:#063b2f url('./assets/reference-peacocks.webp') no-repeat right center / 53% auto;position:relative;isolation:isolate;overflow:hidden}
.member-detail-page .profile-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#063b2f 34%,#063b2fe6 49%,#063b2f18 75%);pointer-events:none}
.member-detail-page .profile-cover::after{content:"";position:absolute;right:12px;top:10px;bottom:10px;width:46%;border:1px solid #fff5df88;border-radius:8px;pointer-events:none}
.member-detail-page .profile-cover .cover-circle{border-color:#f7c74240}
.member-detail-page .profile-cover p{max-width:53%;line-height:1.6}
.join-page .join-art{position:relative;border-radius:135px 135px 6px 6px;overflow:hidden;padding:35px 18px 27px;background:#e5ecd7;min-height:340px}
.join-page .join-art::after{content:"";position:absolute;right:-33px;bottom:-14px;width:135px;height:135px;background:url('./assets/sakura-folk-v3.svg') no-repeat center / contain;pointer-events:none;opacity:.8}
.join-page .join-art>span{width:182px;height:182px;border:7px solid #fff9e9;outline:1px solid #7f9f73;border-radius:50%;background:url('./assets/reference-peacocks.webp') no-repeat center / cover;box-shadow:4px 5px 0 #bbcc9e;animation:none;transform:rotate(-4deg)}
.join-page .join-art>p{font-size:24px;position:relative;z-index:1;line-height:1.5;margin-top:23px}
.community-page .community-member-card::before{height:59px;background:linear-gradient(90deg,#dfecd5,#dfecd5e8),url('./assets/reference-peacocks.webp') center / cover}
.community-page .community-member-card:nth-child(3n+2)::before{background:linear-gradient(90deg,#ffebbb,#ffebbbc9),url('./assets/reference-flowers.webp') center / cover}
.community-page .community-member-card:nth-child(3n)::before{background:linear-gradient(90deg,#dce6f2,#dce6f2c9),url('./assets/reference-peacocks.webp') center / cover}
.community-page .community-member-card::after{width:94px;height:79px;top:-10px;right:7px;opacity:.52;background-image:url('./assets/sakura-folk-v3.svg');transform:rotate(18deg)}
.community-page .community-intro-strip{border-left:4px solid #e64332}
.events-page .events-community-note{padding-right:90px}
.events-page .events-community-note::after{content:"";position:absolute;right:12px;top:8px;width:75px;height:92px;background:url('./assets/sakura-folk-v3.svg') no-repeat center / contain;opacity:.65;pointer-events:none}
.account-page .profile-sidebar{background:#f1ecd9 url('./assets/sakura-folk-v3.svg') no-repeat right -41px top -24px / 135px auto}
.account-page .profile-tabs{background:#f1ecd9}
.account-page .profile-sidebar-identity{position:relative;z-index:1}
.account-page .profile-stat{border-radius:6px}
.account-page .personal-ticket{border-top-color:#063b2f;border-radius:5px}
.account-page .personal-ticket::after{opacity:.65;width:44px;height:44px;inset:14px 15px auto auto}

/* Admin keeps the same palette, with stronger hierarchy and large touch targets. */
.dashboard .admin-sidebar{background:#063b2f url('./assets/sakura-folk-v3.svg') no-repeat left -70px bottom -80px / 255px auto}
.dashboard .admin-sidebar-footer{background:#063b2fe6}
.dashboard .admin-page-heading{border-bottom:1px dashed #bdcbae}
.dashboard .admin-page-heading h1{font-size:clamp(34px,3.7vw,48px)}
.dashboard .admin-topbar{box-shadow:0 3px 0 #dce2cd55}
.dashboard .admin-page .stat-card{border-radius:5px;transition:transform .2s,box-shadow .2s}
.dashboard .data-table button{min-height:36px}
.dashboard .data-table td:first-child{font-weight:550}
.dashboard .admin-gallery-card{border-radius:5px;box-shadow:3px 4px 0 #d5dfc7}
.dashboard .admin-gallery-card>img{padding:8px 8px 0;background:#fffdf5;border-bottom:0}
.dashboard .inbox-item{border-left:4px solid #87bda0;border-radius:5px}
.dashboard .admin-event-row{transition:background .2s}
.dashboard .admin-event-row:hover{background:#f0f2e2}
.staff-page .kitchen-card{border-radius:4px;border-left:4px solid #87bda0}
.staff-page .kitchen-column:nth-child(2) .kitchen-card{border-left-color:#f7c742}
.staff-page .kitchen-column:nth-child(3) .kitchen-card{border-left-color:#063b2f}

@media(hover:hover) and (pointer:fine){
  .page-container>.about-banner>img{transition:transform .55s ease,box-shadow .55s ease}
  .page-container>.about-banner>img:hover{transform:rotate(0) translateY(-4px);box-shadow:13px 15px 0 #d8d9be}
  .page-container>.connect-grid>.page-heading::before{animation:rk-sakura-sway 9s ease-in-out infinite;transform-origin:30% 95%}
  .dashboard .admin-page .stat-card:hover{transform:translateY(-3px);box-shadow:3px 6px 0 #cfd9be}
}
@keyframes rk-sakura-sway{0%,100%{transform:rotate(14deg)}50%{transform:rotate(23deg)}}
@media(max-width:1100px){
  .page-container>.gallery-grid{gap:23px}.page-container>.gallery-grid>.gallery-tile>img{height:240px}.page-container>.gallery-grid>.gallery-tile:nth-child(3n+2)>img{height:275px}.page-container>.gallery-grid>.gallery-tile:nth-child(3n)>img{height:235px}
  .page-container>.gallery-grid>.gallery-tile .gallery-label b{font-size:24px}
  .page-container>.about-banner{gap:42px}.page-container>.about-banner>img{height:420px}
  .page-container>.feature-grid>.feature-card{padding:27px}.page-container>.feature-grid>.feature-card h3{font-size:27px}
  .page-container>.connect-grid{gap:42px;grid-template-columns:1fr 1.1fr}.page-container>.connect-grid>.panel{padding:29px}
}
@media(max-width:850px){
  .page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading{padding-right:150px}
  .page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading::before{width:130px;height:130px;top:10px}
  .page-container>.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.page-container>.gallery-grid>.gallery-tile:nth-child(3n+2){margin-top:0}.page-container>.gallery-grid>.gallery-tile:nth-child(3n+1)>img,.page-container>.gallery-grid>.gallery-tile:nth-child(3n)>img{height:275px}
  .page-container>.about-banner{gap:31px}.page-container>.about-banner>img{height:375px;border-width:6px}.page-container>.about-banner h1{font-size:43px}.page-container>.about-banner p{font-size:12px}
  .page-container>.feature-grid{gap:17px}.page-container>.feature-grid>.feature-card{padding:24px 20px}.page-container>.feature-grid>.feature-card h3{font-size:25px}.page-container>.feature-grid>.feature-card::before{font-size:37px;right:18px}.page-container>.feature-grid>.feature-card .text-link{font-size:10px}
  .page-container>.connect-grid{gap:34px;grid-template-columns:1fr 1.1fr}.page-container>.connect-grid>.page-heading h1{font-size:46px}.page-container>.connect-grid>.panel{padding:26px 23px}.page-container>.connect-grid>.panel>h2{font-size:31px}
  .page-container>.connect-grid>.page-heading::after{width:220px;height:175px;border-width:8px}.page-container>.connect-grid>.page-heading::before{left:163px;width:110px;height:120px;bottom:0}.page-container>.connect-grid>.page-heading{padding-bottom:218px}
}
@media(max-width:650px){
  .page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading{padding:4px 0 30px;margin-bottom:31px}
  .page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading::before{right:-6px;top:-13px;width:72px;height:76px;opacity:.27;z-index:-1}
  .page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading h1{font-size:44px;line-height:1.065;letter-spacing:-.055em;margin-bottom:19px}
  .page-container>.page-heading .eyebrow{font-size:8px;letter-spacing:.11em;max-width:calc(100% - 50px)}
  .page-container>.toolbar{gap:8px}.page-container>.toolbar .filter-chip{font-size:11px;min-height:41px;padding:9px 13px}
  .page-container>.gallery-grid{gap:24px;padding:6px 5px 16px;grid-template-columns:1fr;max-width:420px;margin:auto}
  .page-container>.gallery-grid>.gallery-tile{padding:12px 12px 0;box-shadow:4px 5px 0 #d5d8be}
  .page-container>.gallery-grid>.gallery-tile:nth-child(n)>img{height:auto;aspect-ratio:1.08;object-fit:cover}
  .page-container>.gallery-grid>.gallery-tile .gallery-label{padding:19px 8px 23px}.page-container>.gallery-grid>.gallery-tile .gallery-label b{font-size:28px}.page-container>.gallery-grid>.gallery-tile .gallery-label small{font-size:8px}
  .page-container>.demo-note{font-size:10px;padding:14px;line-height:1.8}
  .page-container>.about-banner{grid-template-columns:1fr;gap:35px;padding:3px 0 40px;margin-bottom:37px}.page-container>.about-banner h1{font-size:46px;line-height:1.045}.page-container>.about-banner p{font-size:13px;max-width:100%}.page-container>.about-banner .eyebrow{font-size:7px;letter-spacing:.13em}.page-container>.about-banner .btn{font-size:11px}
  .page-container>.about-banner>img{width:calc(100% - 15px);max-width:410px;height:365px;justify-self:center;border-radius:170px 170px 5px 5px;border-width:7px;box-shadow:7px 8px 0 #d8d9be;transform:rotate(1deg)}
  .page-container>.feature-grid{grid-template-columns:1fr;gap:22px}.page-container>.feature-grid>.feature-card{padding:28px}.page-container>.feature-grid>.feature-card>.icon{margin-bottom:22px}.page-container>.feature-grid>.feature-card h3{font-size:32px;max-width:100%;margin-bottom:15px}.page-container>.feature-grid>.feature-card::before{font-size:51px;top:24px;right:26px}.page-container>.feature-grid>.feature-card p{font-size:12px;margin-bottom:20px}.page-container>.feature-grid>.feature-card .text-link{font-size:11px}
  .page-container:not(.events-page)>.event-grid{grid-template-columns:1fr;gap:25px}.page-container:not(.events-page)>.event-grid>.event-card .event-art{height:auto;aspect-ratio:1.5}.page-container:not(.events-page)>.event-grid>.event-card .event-info{padding:27px 24px}.page-container:not(.events-page)>.event-grid>.event-card .event-info h3{font-size:31px}
  .page-container>.member-grid{grid-template-columns:1fr;gap:23px}.page-container>.member-grid>.member-card{padding:27px}.page-container>.member-grid>.member-card h3{font-size:29px}
  .page-container>.empty-state{padding:40px 22px}.page-container>.empty-state h3{font-size:30px}.page-container>.empty-state p{font-size:12px}.page-container>.empty-state::before{opacity:.17;width:120px;height:140px;left:-30px;bottom:-25px}
  .page-container>.join-band{padding:30px 25px;gap:23px}.page-container>.join-band h2{font-size:35px;line-height:1.08}.page-container>.join-band p{font-size:12px}.page-container>.join-band::after{right:5px;top:18px;width:140px;height:170px}
  .page-container>.connect-grid{grid-template-columns:1fr;gap:31px}.page-container>.connect-grid>.page-heading{padding:3px 0 32px;border-bottom:1px solid #bfcbae}.page-container>.connect-grid>.page-heading h1{font-size:48px;margin-bottom:21px}.page-container>.connect-grid>.page-heading>p:not(.eyebrow){font-size:13px;max-width:100%}.page-container>.connect-grid>.page-heading>.eyebrow{max-width:calc(100% - 30px);font-size:7px;letter-spacing:.13em}
  .page-container>.connect-grid>.page-heading::after{width:72px;height:72px;left:auto;right:1px;bottom:31px;border-width:4px;opacity:.2;z-index:-1}.page-container>.connect-grid>.page-heading::before{display:none}.page-container>.connect-grid>.page-heading{isolation:isolate}
  .page-container>.connect-grid>.panel{padding:29px 23px;box-shadow:4px 5px 0 #dce0c6}.page-container>.connect-grid>.panel>h2{font-size:34px}.page-container>.connect-grid>.panel>p{font-size:11px}.page-container>.connect-grid>.panel .field label{font-size:12px}.page-container>.connect-grid>.panel :is(input:not([type=checkbox]),select,textarea){font-size:16px;min-height:48px}.page-container>.connect-grid>.panel .btn-primary{min-height:49px;font-size:12px}
  .page-container.article>.page-heading h1{font-size:43px}.page-container.article>h2{font-size:29px;margin-top:32px}.page-container.article>p{font-size:13px;line-height:1.9}.page-container.article>.panel{padding:24px 22px}.page-container.article>.panel h2{font-size:27px}.page-container.article>.panel p{font-size:12px;line-height:1.85}
  .member-detail-page .profile-cover{background-size:63% auto}.member-detail-page .profile-cover::before{background:linear-gradient(90deg,#063b2f 21%,#063b2fe6 45%,#063b2f18 86%)}.member-detail-page .profile-cover::after{width:51%;right:8px;top:8px;bottom:8px}.member-detail-page .profile-cover p{max-width:58%;font-size:14px;bottom:18px;left:20px}
  .events-page .events-community-note{padding-right:22px}.events-page .events-community-note::after{width:58px;height:68px;top:auto;bottom:13px;opacity:.25}
  .account-page .profile-sidebar{background-image:none}.account-page .personal-ticket::after{width:36px;height:36px;opacity:.24}
  .dashboard .admin-sidebar{background-image:none}.dashboard .admin-page-heading h1{font-size:35px}.dashboard .admin-nav a{min-height:44px}.dashboard .data-table button{min-height:40px}.dashboard .data-table td{padding-top:17px;padding-bottom:17px}
}
@media(max-width:380px){
  .page-container:not(:is(.events-page,.event-detail,.food-page,.community-page,.member-detail-page,.join-page,.account-page))>.page-heading h1{font-size:40px}
  .page-container>.connect-grid>.page-heading h1{font-size:43px}.page-container>.connect-grid>.panel{padding:27px 19px}.page-container>.about-banner h1{font-size:42px}.page-container>.about-banner>img{height:315px}
  .page-container>.gallery-grid>.gallery-tile .gallery-label b{font-size:25px}.page-container>.feature-grid>.feature-card{padding:25px}.member-detail-page .profile-cover p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .page-container *,.page-container *::before,.page-container *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
html[data-motion=off] .page-container *,html[data-motion=off] .page-container *::before,html[data-motion=off] .page-container *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}