/* Resource demonstrations are scoped to Safira; SafiraFire shares only styles.css. */
.resource-demo.module-art{height:auto;min-height:360px;padding:19px 24px 16px;display:flex;flex-direction:column;gap:18px;justify-content:flex-start;background:linear-gradient(145deg,#f5f9ff,#eaf2ff);isolation:isolate}
.resource-demo.module-art:before,.resource-demo.module-art:after{display:none}
.resource-demo-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#617a9d;font-size:8px;font-weight:700;letter-spacing:.09em}
.resource-demo-top>span{display:flex;align-items:center;gap:7px}.resource-demo-top>span>i{width:5px;height:5px;border-radius:50%;background:#2166df;box-shadow:0 0 0 3px #2166df12}
.demo-motion-toggle{display:flex;align-items:center;gap:5px;border:1px solid #d9e4f5;border-radius:20px;padding:6px 9px;color:#4b6385;background:#ffffffb3;font-size:9px;letter-spacing:0;font-weight:500;min-height:28px}
.demo-motion-toggle:hover{background:white;border-color:#98b8e5}.demo-scene-caption{font-size:9px;line-height:1.6;color:#6c83a3;text-align:center;margin-top:auto}
.demo-window{width:100%;max-width:555px;border:1px solid #dce6f4;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #183f7210;position:relative}
.demo-window-bar{height:32px;border-bottom:1px solid #edf1f7;background:#fbfcff;display:flex;align-items:center;gap:12px;padding:0 14px;color:#6c7e99;font-size:9px;font-weight:500}.demo-window-dots{display:flex;gap:4px}.demo-window-dots i{width:5px;height:5px;background:#dce5f2;border-radius:50%}.demo-live{margin-left:auto;font-size:8px;color:#8d9bb0}
.demo-window-body{padding:20px 23px;min-height:220px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.demo-heading small{display:block;font-size:7px;letter-spacing:.1em;color:#8394ac;margin-bottom:6px}.demo-heading strong{display:block;font-size:17px;font-weight:600;letter-spacing:-.45px;line-height:1.35}.demo-heading>.icon{width:25px;height:25px;color:#2166df}
.demo-window-footer{padding:11px 18px;display:flex;gap:7px;align-items:center;background:#f8fbff;border-top:1px solid #edf2fa;font-size:9px;line-height:1.6;color:#677f9e}.demo-window-footer .icon{width:13px;height:13px;color:#258477}.demo-search{display:flex;align-items:center;gap:9px;background:#f6f8fc;border:1px solid #e8edf6;border-radius:5px;padding:7px 10px;color:#9aa8bd;font-size:15px;margin-bottom:8px}.demo-search span{font-size:9px}
.demo-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid #eef2f8;min-height:52px}.demo-row:last-child{border-bottom:0}.demo-avatar{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:10px;background:#eaf1ff;color:#3d6ba9;font-size:10px;font-weight:600}.demo-row:nth-child(2n) .demo-avatar{background:#e9f6f0;color:#397a67}.demo-row>div{flex:1;min-width:0}.demo-row strong{display:block;font-size:11px;font-weight:600}.demo-row small{display:block;font-size:9px;color:#8393aa;margin-top:3px}.demo-pill{font-size:8px;color:#28806b;background:#edf7f2;border:1px solid #dbefe5;padding:4px 7px;border-radius:4px;white-space:nowrap}
.demo-enter{animation:demo-enter 8s calc(var(--step,0)*.28s) both infinite}.demo-panel-active .panel-copy{animation:demo-panel-in .45s ease both}.demo-panel-active .feature-list li{animation:demo-panel-in .5s ease both}.feature-list li:nth-child(2){animation-delay:.08s}.feature-list li:nth-child(3){animation-delay:.16s}.feature-list li:nth-child(4){animation-delay:.24s}.resource-tab{transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.resource-tab:hover{transform:translateX(3px)}.resource-tab[aria-selected=true]{box-shadow:0 4px 16px #0754e90b}.resource-tab[aria-selected=true]>.icon{animation:demo-icon-in .45s ease both}
.ministry-map{padding:0 12px}.ministry-leader{display:flex;align-items:center;flex-direction:column;gap:5px}.ministry-leader .demo-avatar{background:#2166df;color:#fff;width:38px;height:38px}.ministry-leader strong{font-size:11px}.ministry-leader small{font-size:8px;color:#8393aa}.ministry-branches{height:28px;display:flex;justify-content:space-around;position:relative;margin:7px 12% 0;border-top:1px solid #c9daf1}.ministry-branches:before{content:'';position:absolute;left:50%;height:8px;top:-8px;border-left:1px solid #c9daf1}.ministry-branches span{height:15px;border-left:1px solid #c9daf1}.ministry-members{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;margin-top:-9px}.ministry-members>div{display:flex;flex-direction:column;align-items:center;gap:5px}.ministry-members strong{font-size:10px}.ministry-members small{font-size:8px;color:#8393aa}
.finance-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.finance-summary>div{padding:11px 14px;background:#f4f8ff;border:1px solid #e5edfa;border-radius:7px}.finance-summary small{font-size:8px;color:#7890ae;display:block;margin-bottom:5px}.finance-summary strong{font-size:21px;font-weight:600;letter-spacing:-.5px;color:#2166df}.finance-summary>div+div strong{color:#51667f}.finance-summary strong>span{font-size:13px}.ledger-row{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2fa}.ledger-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#eaf7f1;color:#26866b}.ledger-mark.outgoing{background:#fff3e7;color:#b88c54}.ledger-row>div{flex:1}.ledger-row strong{font-size:10px;display:block}.ledger-row small{font-size:8px;color:#8393aa;display:block;margin-top:3px}.ledger-row>b{font-size:10px;font-weight:500}.ledger-check{color:#2e957c;font-size:10px;animation:demo-check 8s 1.3s both infinite}.demo-progress{height:4px;background:#eef3fb;border-radius:5px;margin-top:12px;overflow:hidden}.demo-progress span{display:block;height:100%;background:#76a1ed;width:78%;transform-origin:left;animation:demo-bar 8s both infinite}
.match-labels{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.08em;color:#899ab3;margin-bottom:10px}.match-pair{display:flex;align-items:center;margin-top:9px}.match-pair>div{flex:1;background:#f6f9fe;border:1px solid #e1eaf8;border-radius:7px;padding:10px 12px}.match-pair strong{font-size:10px;font-weight:500;display:block}.match-pair small{font-size:9px;color:#8393aa;display:block;margin-top:5px}.match-connector{width:48px;position:relative;display:grid;place-items:center}.match-connector i{position:absolute;height:1px;background:#bad9ce;width:100%;transform-origin:left;animation:demo-bar 8s calc(.7s + var(--step,0)*.3s) both infinite}.match-connector b{position:relative;display:grid;place-items:center;width:20px;height:20px;font-size:10px;font-weight:500;background:#e9f7f0;border:1px solid #cce8dc;color:#2e9276;border-radius:50%;animation:demo-check 8s 1.1s both infinite}
.chart-legend{display:flex;align-items:center;gap:15px;font-size:9px;color:#7288a5}.chart-legend>span:before{content:'';display:inline-block;width:6px;height:6px;background:#3778e9;border-radius:2px;margin-right:5px}.chart-legend>span+span:before{background:#acccfa}.chart-legend>small{margin-left:auto;font-size:8px}.demo-bars{height:167px;display:flex;gap:18px;align-items:flex-end;padding:16px 15px 22px;border-bottom:1px solid #e5edf9;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f0f4fa 40px)}.demo-bars>div{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px}.demo-bars span,.demo-bars i{width:15px;height:var(--bar);background:linear-gradient(#3778e9,#759ff0);border-radius:4px 4px 0 0;transform-origin:bottom;animation:demo-bar 8s calc(var(--step)*.12s) both infinite}.demo-bars i{background:#c3d9fa}.demo-bars small{position:absolute;bottom:-17px;font-size:7px;color:#8393aa}
.agenda-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px}.calendar-week{font-size:7px;color:#9caabd;margin-bottom:7px}.calendar-days>span{height:25px;display:grid;place-items:center;font-size:9px;color:#6b809d;border-radius:5px}.calendar-days>.calendar-event{background:#e6efff;color:#2166df;font-weight:700;animation:demo-calendar 8s calc(var(--step)*.4s) both infinite}.agenda-events{display:flex;flex-direction:column;gap:17px;padding-top:9px}.agenda-events>div{display:flex;align-items:center;gap:8px}.agenda-events>div>span{display:grid;place-items:center;border-radius:6px;background:#edf3ff;border:1px solid #dce8fc;width:28px;height:30px;font-size:12px;color:#2166df}.agenda-events strong{font-size:9px;display:block;font-weight:500}.agenda-events small{font-size:8px;color:#8393aa;display:block;margin-top:4px}
.asset-labels{display:flex;justify-content:space-between;color:#8d9cb0;font-size:7px;letter-spacing:.06em;border-bottom:1px solid #edf2f8;padding-bottom:7px}.indicator-demo{display:flex;align-items:center;justify-content:center;gap:35px;padding:11px 5px 9px}.demo-donut{width:145px;height:145px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#3778e9 0 78%,#96c0ff 78% 90%,#e5eeff 90%);position:relative;animation:demo-donut 8s ease both infinite}.demo-donut>div{background:#fff;border-radius:50%;width:111px;height:111px;display:flex;align-items:center;justify-content:center;flex-direction:column}.demo-donut strong{font-size:30px;font-weight:600;letter-spacing:-1px}.demo-donut small{font-size:9px;color:#8393aa;margin-top:3px}.indicator-stats{display:flex;flex-direction:column;gap:20px;flex:1;max-width:190px}.indicator-stats>div{display:grid;grid-template-columns:1fr auto;gap:7px}.indicator-stats span{font-size:10px;color:#7188a5}.indicator-stats strong{font-size:12px}.indicator-stats i{display:block;grid-column:1/-1;height:4px;background:#6796ec;border-radius:3px;width:var(--bar);transform-origin:left;animation:demo-bar 8s calc(var(--step)*.3s) both infinite}
.permission-header,.permission-row{display:grid;grid-template-columns:1fr 55px 45px;align-items:center;gap:10px}.permission-header{font-size:8px;color:#8a9bb1;padding-bottom:12px;border-bottom:1px solid #eaf0f9}.permission-header>span:first-child{color:#496486;font-weight:600;font-size:10px}.permission-row{padding:13px 0;border-bottom:1px solid #edf2f8}.permission-row>span{font-size:10px;display:flex;align-items:center;gap:8px}.permission-row .icon{width:17px;height:17px;color:#6984a6}.demo-toggle{width:26px;height:15px;border-radius:10px;background:#e2e8f2;display:block;position:relative;justify-self:center}.demo-toggle:before{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #193a5320;top:2px;left:2px}.demo-toggle.on{background:#3778e9;animation:demo-toggle 8s calc(var(--step)*.3s) both infinite}.demo-toggle.on:before{transform:translateX(11px);animation:demo-switch 8s calc(var(--step)*.3s) both infinite}
/* Card editor: live themes, front/back, optional fields and pointer positioning. */
.resource-demo[data-demo=carteirinhas]{min-height:420px;gap:16px}.card-editor-demo{--card-accent:#2166df;--card-pale:#deebff;--card-deep:#153f79;width:100%;background:white;border:1px solid #d9e4f6;border-radius:10px;box-shadow:0 12px 30px #183f7210;overflow:hidden}.card-editor-demo[data-theme=verde]{--card-accent:#24846e;--card-pale:#dff1e8;--card-deep:#205b4e}.card-editor-demo[data-theme=areia]{--card-accent:#ac8046;--card-pale:#f5ecd9;--card-deep:#725534}.card-editor-demo[data-theme=violeta]{--card-accent:#8655ba;--card-pale:#eee4f8;--card-deep:#573b80}
.editor-topline{padding:12px 14px;background:#173c69;color:white;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.07em;font-weight:600}.editor-illustrative{font-size:8px;letter-spacing:0;color:#cee0fc;font-weight:400}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 127px;gap:12px;padding:17px 14px 9px}.editor-canvas{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(#e2e9f5 .65px,transparent .65px);background-size:8px 8px;border-radius:6px;min-height:190px;padding:12px 7px}.card-perspective{width:100%;max-width:345px;perspective:1000px}.member-card{position:relative;width:100%;aspect-ratio:1.59;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.member-card[data-side=back]{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;background:linear-gradient(115deg,#f7faff 0%,var(--card-pale) 100%);box-shadow:0 9px 20px #233b621e;border:1px solid #ffffff;overflow:hidden;color:var(--card-deep);transition:background .45s,color .45s}.card-face:after{content:'';position:absolute;inset:0;border:1px solid #ffffffaa;border-radius:10px;pointer-events:none}.card-ribbon{position:absolute;width:33%;height:130%;right:-21%;top:-10%;background:var(--card-accent);transform:rotate(-23deg);opacity:.25;transition:background .45s}.card-ribbon:after{content:'';position:absolute;width:26%;height:100%;left:-35%;background:var(--card-accent);opacity:.4}.card-item{position:absolute;left:var(--x);top:var(--y);z-index:2;touch-action:none;cursor:grab;user-select:none;max-width:90%;border:1px dashed transparent;border-radius:3px;padding:2px;animation:card-place 10s calc(var(--field-order,0)*.32s) both infinite}.card-item:hover,.card-item.is-dragging{border-color:var(--card-accent);background:#ffffff50}.card-item.is-dragging{cursor:grabbing;animation:none!important}.card-item.is-omitted{visibility:hidden}.card-brand{display:flex;align-items:center;gap:5px;font-size:clamp(5px,.65vw,9px);letter-spacing:.08em;line-height:1.4;--field-order:0}.card-church-mark{font-size:25px;line-height:1;color:var(--card-accent)}.card-brand strong{font-size:1em;font-weight:700}.card-portrait{width:23%;height:53%;--field-order:1}.card-portrait svg{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 2px 3px #244e7815)}.card-member-name{--field-order:2}.card-member-role{--field-order:3}.card-member-id{--field-order:4}.card-item small{display:block;font-size:clamp(5px,.48vw,7px);letter-spacing:.07em;line-height:1.3;opacity:.65}.card-item>strong{display:block;font-size:clamp(9px,1.1vw,15px);font-weight:600;line-height:1.5}.card-member-role>strong,.card-member-id>strong{font-size:clamp(7px,.8vw,11px)}.card-bottom-caption{position:absolute;bottom:6%;right:4%;font-size:5px;letter-spacing:.09em;color:var(--card-accent);writing-mode:vertical-rl}.card-back{transform:rotateY(180deg);padding:8% 9%}.card-back-title{font-size:10px;font-weight:700;letter-spacing:.06em}.card-back p{font-size:9px;line-height:1.6;margin-top:7px;max-width:82%}.card-back-details{display:flex;gap:20px;margin-top:10px;font-size:5px;letter-spacing:.06em}.card-back-details strong{font-size:7px;display:block;margin-top:4px;letter-spacing:0}.card-signature{font-size:6px;text-align:center;margin:13px auto 6px;width:65%;border-top:1px solid #8397af65;padding-top:4px}.card-back>small{display:block;text-align:center;font-size:5px;color:#7187a3}.editor-field-tray{display:flex;flex-direction:column;gap:6px;justify-content:center}.editor-field-tray>span{font-size:6px;color:#8498b5;letter-spacing:.09em;margin-bottom:3px}.editor-field-tray button{display:flex;align-items:center;gap:5px;border:1px dashed #cad9ed;background:#f9fbff;border-radius:5px;min-height:28px;padding:5px 7px;font-size:8px;text-align:left;color:#557195;transition:background .2s,border-color .2s}.editor-field-tray button:hover{border-color:#3778e9;background:#edf4ff}.field-grip{font-size:12px;color:#9db0c9}.field-check{margin-left:auto;color:#3778e9;font-size:9px}.editor-field-tray button[aria-pressed=false]{opacity:.65;background:#fff}.editor-field-tray button[aria-pressed=false] .field-check{font-size:0}.editor-field-tray button[aria-pressed=false] .field-check:after{content:'+';font-size:12px}.editor-bottomline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px 8px}.card-theme-options,.card-side-options{display:flex;align-items:center;gap:5px}.card-theme-options button{border:1px solid transparent;background:white;border-radius:50%;padding:4px;min-width:27px;min-height:27px;display:grid;place-items:center}.card-theme-options button>span{background:var(--swatch);width:17px;height:17px;border-radius:50%;display:block}.card-theme-options button[aria-pressed=true]{border-color:var(--swatch)}.card-side-options{background:#f1f5fc;padding:3px;border-radius:5px}.card-side-options button{border:0;background:transparent;color:#7890ae;font-size:8px;padding:6px 10px;border-radius:4px}.card-side-options button[aria-pressed=true]{background:#fff;color:#2166df;box-shadow:0 1px 5px #12345b0d}.editor-demo-hint{font-size:8px;text-align:center;color:#8b9cb3;padding:3px 14px 13px;line-height:1.6}.demo-cursor{position:absolute;z-index:4;left:75%;top:65%;display:flex;align-items:center;gap:2px;pointer-events:none;animation:card-cursor 10s both infinite}.demo-cursor svg{width:18px;height:22px}.demo-cursor>span{background:#173c69;color:white;padding:4px 5px;border-radius:3px;font-size:6px;white-space:nowrap}.card-editor-demo.is-customized .card-item{animation:none}.card-editor-demo.is-customized .demo-cursor{display:none}.card-editor-demo.is-customized .card-item:not(.is-omitted){opacity:1;transform:none}
.resource-demo:not(.is-running) *,.resources-motion-paused .resource-demo *{animation-play-state:paused!important}.resources-motion-paused .feature-list li{animation-play-state:paused!important}.additional-resources>div:not(:first-child){transition:transform .3s,box-shadow .3s}.additional-resources>div:not(:first-child):hover{transform:translateY(-4px)}.additional-resources>div:not(:first-child)>.icon{animation:demo-float 4s ease-in-out both infinite}
@keyframes demo-enter{0%,3%{opacity:0;transform:translateY(9px)}12%,87%,100%{opacity:1;transform:translateY(0)}}
@keyframes demo-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes demo-icon-in{from{transform:scale(.65) rotate(-12deg)}to{transform:scale(1) rotate(0)}}
@keyframes demo-bar{0%,4%{transform:scale(0)}22%,90%,100%{transform:scale(1)}}
@keyframes demo-check{0%,12%{opacity:0;transform:scale(.5)}24%,100%{opacity:1;transform:scale(1)}}
@keyframes demo-calendar{0%,12%{background:#f1f5fc;color:#8e9cb0;box-shadow:none}28%,72%{background:#3778e9;color:white;box-shadow:0 3px 8px #3778e92a}85%,100%{background:#e6efff;color:#2166df;box-shadow:none}}
@keyframes demo-donut{0%,4%{transform:scale(.85) rotate(-20deg);opacity:.3}23%,100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes demo-toggle{0%,9%{background:#dfe7f2}23%,100%{background:#3778e9}}
@keyframes demo-switch{0%,9%{transform:translateX(0)}23%,100%{transform:translateX(11px)}}
@keyframes card-place{0%,6%{opacity:0;transform:translate(18px,-8px) scale(.94)}16%,88%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes card-cursor{0%,4%{opacity:0;transform:translate(30px,-25px)}10%,18%{opacity:1;transform:translate(-25px,-30px)}28%,36%{opacity:1;transform:translate(-40px,10px)}46%,54%{opacity:1;transform:translate(0,20px)}65%,100%{opacity:0;transform:translate(5px,20px)}}
@keyframes demo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:1000px){.resource-layout{grid-template-columns:290px minmax(0,1fr)}.resource-demo[data-demo=carteirinhas]{min-height:420px}.editor-canvas{min-height:218px}.editor-workspace{padding-top:20px;padding-bottom:13px}.resource-panels{top:102px}}
@media(max-width:1000px) and (min-width:651px){.resource-demo.module-art{padding:15px;gap:12px;min-height:340px}.demo-window-body{padding:17px 15px}.demo-heading strong{font-size:15px}.editor-workspace{grid-template-columns:minmax(0,1fr) 105px;padding:13px 10px;gap:8px}.editor-canvas{min-height:170px}.editor-field-tray button{font-size:7px;padding:5px}.card-brand{font-size:6px}.card-item small{font-size:5px}.card-item>strong{font-size:10px}.card-member-role>strong,.card-member-id>strong{font-size:8px}.card-back{padding:7%}.card-back-title{font-size:8px}.card-back p{font-size:7px}.card-back-details{margin-top:7px;gap:10px}.card-signature{margin-top:8px}.agenda-demo-grid{gap:10px}.agenda-events strong{font-size:8px}.indicator-demo{gap:20px}.demo-donut{width:120px;height:120px}.demo-donut>div{width:92px;height:92px}}
@media(max-width:650px){.resource-demo.module-art{min-height:355px;padding:15px 12px 14px;gap:13px}.resource-demo-top{font-size:7px;letter-spacing:.05em}.demo-window-body{padding:18px 15px;min-height:225px}.demo-heading strong{font-size:15px}.demo-heading small{font-size:6px;letter-spacing:.06em}.demo-heading>.icon{width:23px}.demo-window-footer{padding:10px 12px;font-size:8px}.demo-scene-caption{font-size:8px}.resource-demo[data-demo=carteirinhas]{min-height:440px}.editor-workspace{grid-template-columns:1fr;padding:16px 12px 8px;gap:12px}.editor-canvas{min-height:192px;padding:9px 12px}.card-perspective{max-width:325px}.card-brand{font-size:7px}.card-item small{font-size:6px}.card-item>strong{font-size:13px}.card-member-role>strong,.card-member-id>strong{font-size:10px}.editor-field-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.editor-field-tray>span{grid-column:1/-1;font-size:7px}.editor-field-tray button{font-size:8px;min-height:31px;padding:5px 6px}.editor-field-tray button:nth-of-type(4),.editor-field-tray button:nth-of-type(5){grid-column:auto}.editor-bottomline{padding:5px 12px}.editor-demo-hint{font-size:8px;padding-bottom:12px}.card-back-title{font-size:10px}.card-back p{font-size:9px}.card-back-details{font-size:5px}.card-back-details strong{font-size:7px}.card-signature{margin-top:13px}.demo-cursor{left:64%}.resource-tab:hover{transform:none}.finance-summary strong{font-size:19px}.finance-summary>div{padding:11px}.demo-bars{gap:11px;padding-inline:7px}.demo-bars span,.demo-bars i{width:12px}.agenda-demo-grid{gap:12px}.agenda-events{gap:17px}.agenda-events strong{font-size:8px;line-height:1.5}.agenda-events small{font-size:7px}.agenda-events>div>span{width:23px;min-width:23px;font-size:10px}.calendar-days>span{height:24px;font-size:8px}.indicator-demo{gap:22px}.demo-donut{width:125px;height:125px}.demo-donut>div{width:95px;height:95px}.permission-header,.permission-row{grid-template-columns:1fr 44px 36px;gap:8px}.demo-row small{font-size:8px}.match-pair>div{padding:10px}.match-connector{width:33px}.match-labels{font-size:6px}}
@media(max-width:365px){.resource-demo.module-art{padding-inline:8px}.demo-heading strong{font-size:13px}.editor-canvas{padding-inline:4px;min-height:175px}.card-item>strong{font-size:12px}.card-brand{font-size:6px}.card-item small{font-size:5px}.card-back-title{font-size:8px}.card-back p{font-size:8px}.card-signature{margin-top:8px}.editor-field-tray button{font-size:7px}.indicator-demo{gap:15px}.demo-donut{width:110px;height:110px}.demo-donut>div{width:84px;height:84px}.demo-row{gap:7px}.demo-pill{padding:4px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.resource-demo *,.demo-panel-active .panel-copy,.demo-panel-active .feature-list li,.resource-tab[aria-selected=true]>.icon,.additional-resources>div>.icon{animation:none!important}.resource-tab,.member-card,.card-face,.card-editor-demo button{transition:none!important}.demo-cursor{display:none}.card-item{opacity:1;transform:none}.resource-demo-top>span>i{box-shadow:none}}
.editor-top-actions{display:flex;align-items:center;gap:12px}.card-reset{border:1px solid #ffffff35;border-radius:4px;padding:4px 7px;color:#e5efff;background:#ffffff0b;font-size:8px;letter-spacing:0;font-weight:400;min-height:24px}.card-reset:hover{background:#ffffff20}.resources-motion-paused .additional-resources .icon{animation-play-state:paused}
@media(min-width:1000px){.card-perspective{max-width:430px}.editor-canvas{min-height:265px}.card-brand{font-size:9px}.card-church-mark{font-size:29px}.card-item>strong{font-size:17px}.card-item small{font-size:8px}.card-member-role>strong,.card-member-id>strong{font-size:12px}.card-back-title{font-size:12px}.card-back p{font-size:11px}.card-back-details{font-size:7px;margin-top:13px}.card-back-details strong{font-size:9px}.card-signature{font-size:8px;margin-top:17px}.card-back>small{font-size:6px}.editor-field-tray button{font-size:9px;min-height:31px}.editor-field-tray>span{font-size:7px}.editor-topline{font-size:9px}.editor-demo-hint{font-size:9px}}
@media(max-width:365px){.editor-top-actions{gap:6px}.editor-illustrative{font-size:6px}.card-reset{font-size:7px;padding:4px}}

/* A single title accompanies each animated resource. */
.resource-panel>.panel-copy{padding:24px 30px 27px}
.resource-panel>.panel-copy h3{margin:0;font-size:25px;line-height:1.3}
@media(max-width:650px){.resource-panel>.panel-copy{padding:21px 22px 24px}.resource-panel>.panel-copy h3{font-size:23px}}