/* templates/modules/offering_v1/view.css — 헌금 계좌 안내(카드 + 복사 버튼), 2026-10-28 */
.sc-offering{--of-ink:#18283b;--of-muted:#61728a;--of-blue:#286ca6;--of-blue-d:#1d588f;--of-line:#dfe8f2;margin-bottom:28px;word-break:keep-all;position:relative}
.sc-offering .of-hero{position:relative;padding:30px 28px 34px;margin-bottom:16px;border-radius:24px;border:1px solid #e4eef8;background:linear-gradient(147deg,#eef7ff 2%,#deedfa 56%,#f5f9fd 100%);overflow:hidden;isolation:isolate}
.sc-offering .of-hero::before{content:"";position:absolute;z-index:-1;width:320px;height:320px;right:-110px;top:-170px;border-radius:50%;background:rgba(255,255,255,.45)}
.sc-offering .eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#4385bd;text-transform:none}
.sc-offering .of-hero h3{margin:14px 0 0;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.06em;line-height:1.3;color:var(--of-ink)}
.sc-offering .of-desc{margin:16px 0 0;font-size:14.5px;line-height:1.85;letter-spacing:-.025em;color:#526f88}
.sc-offering .of-note{margin:0 0 12px;padding:8px 12px;border:1px dashed #c9c2b3;border-radius:10px;background:#f4f2ed;font-size:12.5px;color:#555}
.sc-offering .of-card{background:#fff;border:1px solid #e4ebf2;border-radius:22px;box-shadow:0 14px 30px rgba(48,88,122,.055),0 1px 3px rgba(48,88,122,.025);padding:28px 30px 24px;margin-bottom:16px}
.sc-offering .of-top{display:flex;align-items:center;gap:9px;color:#548bb8;font-weight:800;font-size:12px;letter-spacing:.035em}
.sc-offering .of-line{display:block;width:22px;height:1px;background:#99bfdc}
.sc-offering .of-card h4{margin:14px 0 10px;font-size:22px;font-weight:800;letter-spacing:-.052em;line-height:1.4;color:var(--of-ink)}
.sc-offering .of-cdesc{margin:0;font-size:14px;line-height:1.88;letter-spacing:-.035em;color:#65778b}
.sc-offering .of-box{margin-top:22px;padding:17px 18px 15px;border:1px solid #eaf0f5;border-radius:15px;background:#f5f8fc}
.sc-offering .of-bank{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#576c82;font-size:13px;font-weight:700}
.sc-offering .of-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e5b53b;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.sc-offering .of-no{display:block;overflow-wrap:anywhere;font-size:clamp(20px,5.3vw,26px);font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#193b5c;user-select:all;-webkit-user-select:all}
.sc-offering .of-holder{margin-top:11px;color:#79899b;font-size:12px;font-weight:600;letter-spacing:-.02em}
.sc-offering .of-holder strong{margin-left:7px;color:#4d6278;font-weight:700}
.sc-offering .of-copy{width:100%;height:50px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;background:var(--of-blue);color:#fff;font:inherit;font-size:14px;font-weight:800;letter-spacing:-.025em;cursor:pointer;box-shadow:0 5px 12px rgba(39,107,169,.16);transition:background .15s,transform .15s}
.sc-offering .of-copy:hover{background:var(--of-blue-d)}
.sc-offering .of-copy:active{transform:translateY(1px) scale(.995)}
.sc-offering .of-copy:focus-visible{outline:3px solid #87b8e3;outline-offset:3px}
.sc-offering .of-copy.ok{background:#277b74}
.sc-offering .of-copy svg{width:17px;height:17px;flex:none}
.sc-offering .of-toast{position:fixed;left:50%;bottom:max(27px,env(safe-area-inset-bottom) + 18px);transform:translate(-50%,15px);z-index:60;padding:13px 18px;border-radius:50px;background:#1c394e;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 12px 30px rgba(15,45,70,.25);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.sc-offering .of-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:600px){.sc-offering .of-hero{padding:24px 20px 28px;border-radius:19px}.sc-offering .of-card{padding:22px 20px 20px;border-radius:19px}.sc-offering .of-card h4{font-size:20px}.sc-offering .of-box{padding:15px 14px 13px}}
@media(prefers-reduced-motion:reduce){.sc-offering .of-copy,.sc-offering .of-toast{transition-duration:.01ms}}