/* First approved bank composition. Only bank-owned descendants are restyled. */
.bank-view{color:#493321;min-width:0;container-type:inline-size}
.bank-view *{box-sizing:border-box}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view p{font-size:14px!important;line-height:1.6!important;margin:7px 0 0!important;padding:0!important;color:#89775f}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-hero-copy>p{font-size:16px!important;margin:12px 0 18px!important}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions button{background:#346c4e!important;color:#fffdf4!important;font-size:18px!important;font-weight:600!important}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions .secondary{background:#fffaf0!important;color:#70553c!important}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr auto;min-height:260px;padding:24px;border:1px solid #ddc394;border-radius:12px;background:#fff9ec url('../assets/bank-hero.webp') right center/cover no-repeat;overflow:hidden}
.bank-hero-copy{grid-column:1;min-width:0;position:relative;z-index:1}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view h3{display:flex;gap:12px;align-items:center;margin:0 0 12px;font-size:24px;line-height:1.4}
.bank-hero h3>.bc-bank-icon{display:block;width:36px;height:36px;flex:none}
.bank-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:'Lora',Georgia,serif;font-size:22px}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-total strong{font-size:clamp(38px,5cqi,60px);line-height:1.15;overflow-wrap:anywhere;max-width:100%}
.bank-hero-copy>p{font-size:16px;line-height:1.7;margin:12px 0 18px;max-width:35ch;color:#806b51}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;z-index:1;min-width:0}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions button{min-height:52px;margin:0;padding:12px;font:600 18px/1.5 'LXGW WenKai','Lora',serif;background:#346c4e;color:#fffdf4;border:1px solid #789a6f;border-radius:8px;white-space:normal;overflow-wrap:anywhere;box-shadow:inset 0 0 0 2px #ffffff18}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions .secondary{background:#fffaf0;color:#70553c;border-color:#d3bf98}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;padding:6px 20px;border:1px solid #e6d9bf;border-radius:10px;background:#fffdf6}
.bank-stats>section{display:flex;align-items:flex-start;gap:14px;padding:18px 0;min-width:0}
.bank-stats>section>div{min-width:0}
.bank-stats>section:nth-child(even){border-left:1px solid #e8decc;padding-left:24px;margin-left:20px}
.bank-stats>section:nth-child(n+3){border-top:1px solid #e8decc}
.bank-stats h4{font-size:18px;line-height:1.45;margin:0 0 5px;font-weight:600}
.bank-stat-amount{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;font-size:15px;font-family:'Lora',Georgia,serif}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-stat-amount strong{font-size:26px;line-height:1.2;overflow-wrap:anywhere;max-width:100%}
.bank-stats p{font-size:14px;line-height:1.6;color:#89775f;margin:7px 0 0}
.bank-settlement{display:block;font-size:19px;line-height:1.6;overflow-wrap:anywhere}
.bank-stat-icon{display:block;width:32px;height:32px;flex:none;background:url('../assets/bank-icons.png') no-repeat;background-size:300% 200%}
.bank-stat-icon-0{background-position:0 0}.bank-stat-icon-1{background-position:50% 0}.bank-stat-icon-2{background-position:100% 0}.bank-stat-icon-3{background-position:0 100%}.bank-stat-icon-4{background-position:50% 100%}
.bank-rule{display:flex;align-items:center;gap:14px;margin:14px 0 10px;padding:14px 20px;background:#f6edcf;border-radius:10px}
.bank-rule strong{font-size:17px;line-height:1.5;font-weight:600}.bank-rule p{font-size:14px;line-height:1.6;margin:4px 0 0;color:#7c674c}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bc-bank-detail{margin:0;font-size:15px;color:#66513a;border:1px solid #e0d3b8;border-radius:8px;background:#fffdf6;overflow:hidden}
.bank-view .bc-bank-detail>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 16px;font-size:16px;cursor:pointer;list-style:none}
.bank-view .bc-bank-detail>summary:before{content:'';display:block;width:26px;height:26px;background:url('../assets/bank-icons.png') 100% 100%/300% 200% no-repeat;flex:none}
.bank-view .bc-bank-detail>summary:after{content:'';margin-left:auto;width:9px;height:9px;border-right:2px solid #7c684e;border-bottom:2px solid #7c684e;transform:rotate(45deg);flex:none}
.bank-view .bc-bank-detail[open]>summary:after{transform:rotate(225deg)}
.bank-view .bc-bank-detail>.bc-split{margin:10px 14px;font-size:15px}
.bank-gm-note{margin:8px 2px;font-size:13px;color:#8b765b;line-height:1.5}
.bank-view .bc-bank-detail>summary:focus-visible{outline:3px solid #bf9549;outline-offset:-3px}
@container(max-width:700px){
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-hero{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding:14px;min-height:0;background-image:none}
.bank-hero:before{content:'';position:absolute;right:0;top:0;width:44%;height:160px;background:url('../assets/bank-hero.webp') right center/auto 100% no-repeat;mask-image:linear-gradient(to right,transparent,#000 20%);pointer-events:none}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view p{font-size:12px!important;line-height:1.6!important;margin:5px 0 0!important}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-hero-copy>p{font-size:13px!important;margin:10px 0 12px!important}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions button{font-size:17px!important}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view h3{font-size:18px;gap:7px;margin:0 0 8px}.bank-hero h3>.bc-bank-icon{width:26px;height:26px}.bank-total{gap:5px;font-size:16px}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-total strong{font-size:38px}
.bank-hero-copy>p{font-size:13px;line-height:1.6;margin:10px 0 12px}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions{grid-column:1/-1;grid-template-columns:1fr;gap:8px;margin-top:8px}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-view .bank-actions button{min-height:48px;font-size:17px;padding:9px 10px}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-stats{padding:0 12px;margin-top:12px}
.bank-stats>section{position:relative;display:block;padding:12px 0}.bank-stats>section:nth-child(even){padding-left:8px;margin-left:8px}
.bank-stats>section>.bank-stat-icon{position:absolute;top:12px;left:0}.bank-stats>section:nth-child(even)>.bank-stat-icon{left:8px}
.bank-stats h4{padding-left:32px;min-height:24px}.bank-stats>section>div{width:100%}
.bank-stats h4{font-size:15px}.bank-stat-icon{width:24px;height:24px}
html body.bookclub-app #appDrawerRoot#appDrawerRoot#appDrawerRoot .bank-stat-amount strong{font-size:23px}.bank-stat-amount{font-size:12px;gap:4px}.bank-settlement{font-size:15px}.bank-stats p{font-size:12px;margin-top:5px}
.bank-rule{padding:12px;gap:10px;margin-top:12px}.bank-rule strong{font-size:15px}.bank-rule p{font-size:12px}
.bank-view .bc-bank-detail>summary{font-size:15px;padding:10px 12px}
}
@container(max-width:300px){.bank-stats>section{display:block}.bank-stats .bank-stat-icon{margin-bottom:6px}.bank-settlement{font-size:14px}.bank-hero-copy>p{max-width:15ch}}