@font-face{font-family:Playfair Display;src:url(/assets/playfair-CSUZDoAs.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(/assets/playfair-italic-CMdNrab4.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/figtree-CEHu_veL.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins-400-BwTUGeWf.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins-600-DJVo7c07.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins-700-g9MkRaG0.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Lora;src:url(/assets/lora-BplyFJq7.woff2) format("woff2");font-weight:400 600;font-display:swap}:root{--color-bg: #f6f2ea;--color-surface: #fffdf8;--color-surface-2: #efeae0;--color-border: #e5ded1;--color-text: #1c2740;--color-text-dim: #6e6558;--color-primary: #3a63c0;--color-primary-contrast: #ffffff;--color-accent: #b5883f;--color-danger: #bf5540;--color-success: #3f6b45;--cat-answers: #3a63c0;--cat-test: #3f6b45;--cat-verses: #6a4fa0;--cat-tracts: #b9812c;--cat-translate: #2f7d72;--cat-emergency: #bf5540;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.875rem;--text-2xl: 2.75rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--tap-target: 56px;--nav-height: 76px;--header-height: 56px;--shadow-card: 0 4px 14px -10px rgba(40, 30, 15, .4);--shadow-raise: 0 10px 26px -14px rgba(40, 30, 15, .4);--shadow-modal: 0 20px 44px -18px rgba(40, 30, 15, .5);--ease: cubic-bezier(.22, .61, .36, 1);--press: .12s;--transition: .22s;--btn-grad: linear-gradient(150deg, #2a3a63, var(--color-text))}[data-theme=dark]{--color-bg: #14171d;--color-surface: #1d222b;--color-surface-2: #262c36;--color-border: #333a44;--color-text: #f2ede3;--color-text-dim: #9a978c;--color-primary: #4f7fe0;--color-accent: #d8ab5e;--color-danger: #e08a76;--color-success: #7dbd8a;--cat-answers: #7fa2ec;--cat-test: #7dbd8a;--cat-verses: #a98fe0;--cat-tracts: #d8ab5e;--cat-translate: #5fb8aa;--cat-emergency: #e08a76;--shadow-card: 0 4px 14px -8px rgba(0, 0, 0, .6);--shadow-raise: 0 12px 30px -14px rgba(0, 0, 0, .6);--shadow-modal: 0 20px 44px -18px rgba(0, 0, 0, .7);--btn-grad: linear-gradient(150deg, #4f7fe0, var(--color-primary))}:root,[data-theme=dark]{--font-brand: var(--font-display);--font-editorial: var(--font-display);--color-secondary: var(--color-accent);--color-navy: var(--color-text);--color-nav-active: var(--color-text);--color-text-quiet: color-mix(in srgb, var(--color-text-dim) 75%, var(--color-bg));--color-bg-shade: var(--color-bg);--color-highlight: color-mix(in srgb, var(--color-accent) 16%, transparent);--color-divider: var(--color-border);--radius: var(--radius-md);--radius-input: 999px;--radius-nav: var(--radius-lg);--radius-nav-active: var(--radius-md);--shadow: var(--shadow-card);--shadow-floating: var(--shadow-raise);--space-6: 2.5rem}.cat-blue{--tile-c: var(--cat-answers)}.cat-green{--tile-c: var(--cat-test)}.cat-lavender{--tile-c: var(--cat-verses)}.cat-amber{--tile-c: var(--cat-tracts)}.cat-teal{--tile-c: var(--cat-translate)}.cat-coral{--tile-c: var(--cat-emergency)}.cat-neutral{--tile-c: var(--color-text-dim)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-tap-highlight-color:transparent}a{color:var(--color-primary)}button{font-family:inherit}.app-shell{min-height:100dvh;padding-bottom:112px}.app-shell.with-header{padding-top:var(--header-height)}.page h1{font-weight:800;letter-spacing:-.03em}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:50;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-divider);padding-top:env(safe-area-inset-top)}.app-header-left{display:flex;justify-content:flex-start}.app-header-right{display:flex;justify-content:flex-end}.app-header-logo{text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:-.01em;color:var(--color-text)}.app-header-logo img{max-height:calc(var(--header-height) - 16px);max-width:100%;vertical-align:middle}.header-back{display:inline-flex;align-items:center;height:var(--header-height);padding:0 var(--space-4);background:none;border:none;cursor:pointer;color:var(--color-primary);font-size:var(--text-lg);font-weight:700}.page{padding:var(--space-4);max-width:720px;margin:0 auto}.page h1{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-4)}.page-sub{color:var(--color-text-dim);margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-4)}.bottom-nav{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;height:var(--nav-height);display:flex;gap:4px;align-items:center;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raise);z-index:50}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;text-decoration:none;color:var(--color-text-dim);font-size:.72rem;font-weight:700;letter-spacing:.08em;border-radius:var(--radius-md);transition:color var(--transition) var(--ease),background var(--transition) var(--ease)}.bottom-nav a.active{color:var(--color-surface);background:var(--color-text)}@media (min-width: 900px){.bottom-nav{top:calc(var(--header-height) + 14px);bottom:14px;left:14px;right:auto;width:104px;height:auto;flex-direction:column;justify-content:flex-start;gap:8px;padding:10px}.bottom-nav a{flex:0 0 auto;width:100%;min-height:68px}.app-shell{padding-left:132px;padding-bottom:var(--space-5)}.app-header{padding-left:132px}}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-height:174px;padding:var(--space-4) var(--space-3);background:linear-gradient(165deg,color-mix(in srgb,var(--tile-c, var(--color-text-dim)) 16%,var(--color-surface)),color-mix(in srgb,var(--tile-c, var(--color-text-dim)) 9%,var(--color-surface)));border:1px solid color-mix(in srgb,var(--tile-c, var(--color-text-dim)) 18%,var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-raise);color:var(--color-text);text-decoration:none;cursor:pointer;transition:transform var(--press) var(--ease),filter var(--press) var(--ease)}.tile:active{transform:scale(.97);filter:brightness(1.05)}.tile:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tile-c, var(--color-text-dim)) 30%,transparent),var(--shadow-raise)}.tile-badge{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;color:var(--tile-c, var(--color-text-dim));border-radius:999px;background:var(--color-surface);box-shadow:0 4px 10px -4px #0003}.tile .tile-label{margin-top:14px;font-weight:800;font-size:var(--text-base);line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.tile .tile-hint{margin-top:6px;color:var(--color-text-dim);font-size:var(--text-sm);font-weight:500;line-height:1.4;text-transform:none}.tile-art{position:absolute;left:0;right:0;bottom:0;width:100%;height:34%;color:var(--tile-c, var(--color-text-dim));opacity:.13;z-index:-1;pointer-events:none}.tile>.tile-badge,.tile>.tile-label,.tile>.tile-hint{position:relative}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);box-shadow:var(--shadow-card)}.list-item{display:block;width:100%;text-align:left;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-1);min-height:var(--tap-target);font-size:var(--text-base);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-card)}.list-item:active{background:var(--color-surface-2)}.list-item .item-sub{color:var(--color-text-dim);font-size:var(--text-sm);display:block}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:700;width:100%;background:var(--btn-grad);color:var(--color-primary-contrast);box-shadow:var(--shadow-card);transition:transform var(--press) var(--ease),filter var(--press) var(--ease)}.btn:active{filter:brightness(1.1);transform:scale(.97)}.btn.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn+.btn{margin-top:var(--space-2)}.search-bar{display:flex;align-items:center;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:0 20px;min-height:56px;margin-bottom:var(--space-4);box-shadow:var(--shadow-card);color:var(--color-text-dim)}.search-bar:focus-within{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent),var(--shadow-card)}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--color-text);font-size:var(--text-base);min-height:54px}.search-bar input::placeholder{color:var(--color-text-dim)}.chips{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-dim);border-radius:999px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600;cursor:pointer}.chip.active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.gpt-screen{display:flex;flex-direction:column;min-height:calc(100dvh - var(--nav-height) - var(--header-height) - 2rem)}.slide-card{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6) var(--space-5)}.slide-card .slide-num{color:var(--color-text-dim);font-weight:700;margin-bottom:var(--space-3)}.slide-card .slide-title{font-size:var(--text-2xl);font-weight:800;line-height:1.25}.slide-card .slide-body{font-size:var(--text-lg);color:var(--color-text-dim);margin-top:var(--space-3)}.gpt-heading{font-size:var(--text-2xl);font-weight:800;line-height:1.25;margin:var(--space-5) 0}.gpt-body{font-size:var(--text-lg);color:var(--color-text)}.gpt-body li{margin-bottom:var(--space-3)}.gpt-options{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4)}.gpt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin:var(--space-3) 0}.gpt-tile{min-height:72px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);font-weight:700}.gpt-tile.highlighted{border-color:var(--color-secondary);border-width:2px}.gpt-tile.visited{opacity:.55}.gpt-top{display:flex;justify-content:space-between;align-items:center}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center}.popup{background:var(--color-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:720px;max-height:80dvh;overflow-y:auto}.popup h2{margin-top:0;font-size:var(--text-lg)}.verse-text{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.7}.verse-text.large{font-size:var(--text-2xl);line-height:1.5}.scripture-link{color:var(--color-primary);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;font:inherit}.footer-tagline{margin-top:var(--space-6);text-align:center;line-height:1.5;color:var(--color-text-quiet);font-family:var(--font-editorial);font-style:italic;font-size:14px}.footer-tagline .tagline-cross{font-style:normal;font-family:var(--font-body);color:var(--color-accent)}@media (min-width: 460px){.footer-tagline{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.footer-tagline:before,.footer-tagline:after{content:"";flex:0 0 36px;height:1px;background:var(--color-divider)}}.powered-by{text-align:center;color:var(--color-text-quiet);font-size:.72rem;letter-spacing:.04em;padding:var(--space-2) 0 var(--space-3)}.powered-by .pb-version{opacity:.45}.ob-dots{display:flex;gap:8px;justify-content:center;padding:var(--space-3) 0 0}.ob-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.ob-dot.active{background:var(--color-primary)}.ob-how{display:flex;gap:var(--space-3);align-items:flex-start;text-align:left}.ob-how .tile-badge{box-shadow:none;border:1px solid var(--color-border)}.update-banner{background:var(--btn-grad);margin-bottom:var(--space-3);animation:update-pulse 2.4s ease-in-out infinite}@keyframes update-pulse{0%,to{box-shadow:var(--shadow-card)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 28%,transparent),var(--shadow-card)}}@media (prefers-reduced-motion: reduce){.update-banner{animation:none}}.lang-content{font-size:var(--text-lg)}.lang-content h2{font-size:1.3em;margin-top:1.4em}.font-controls{display:flex;gap:var(--space-2)}.font-controls button{width:var(--tap-target);height:var(--tap-target);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-lg);cursor:pointer}.settings-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.settings-row label{font-weight:600}.settings-row select,.settings-row input{min-height:var(--tap-target);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);padding:0 var(--space-3)}.page-compact{font-size:var(--text-sm)}.page-compact h1{font-size:var(--text-lg);margin-bottom:var(--space-3)}.page-compact .card{padding:var(--space-3);margin-bottom:var(--space-2)}.page-compact .card{border-top:3px solid var(--color-text)}.page-compact .card:nth-of-type(2n){border-top-color:var(--color-accent)}.page-compact .settings-row{margin-bottom:var(--space-3);gap:2px}.page-compact .settings-row select,.page-compact .settings-row input{min-height:40px;font-size:var(--text-sm);border-radius:10px}.page-compact .btn{min-height:42px;font-size:var(--text-base)}.page-compact .chips .chip{padding:var(--space-1) var(--space-3)}.page-compact p{margin:6px 0}details.accordion{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-2);background:var(--color-surface)}details.accordion summary{padding:var(--space-4);font-weight:700;cursor:pointer;min-height:var(--tap-target)}details.accordion .accordion-body{padding:0 var(--space-4) var(--space-4)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.book-grid .book-btn{font-size:.8rem;padding:0 4px}.chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.book-btn{min-height:var(--tap-target);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);font-weight:600;cursor:pointer}.book-btn:active{background:var(--color-surface-2)}.book-btn.ot{border-color:#f2a93b73}.book-btn.nt{border-color:#5b9bfa80}.plan-book{margin-bottom:var(--space-3)}.plan-book-name{font-weight:700;margin-bottom:4px}.plan-dots{display:flex;flex-wrap:wrap;gap:5px}.plan-dot{width:13px;height:13px;border-radius:50%;padding:0;cursor:pointer;background:var(--color-surface-2);border:1px solid var(--color-border)}.plan-dot.ot.read{background:var(--color-secondary);border-color:var(--color-secondary)}.plan-dot.nt.read{background:var(--color-primary);border-color:var(--color-primary)}.dot-pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center}.dot-pop{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5);text-align:center;min-width:240px}.dot-pop-label{font-weight:800;font-size:var(--text-lg);margin-bottom:var(--space-3)}.dot-pop-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.dot-pop-arrow{width:var(--tap-target);height:var(--tap-target);border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:1.6rem;cursor:pointer;line-height:1}.dot-pop-dot{width:84px;height:84px;border-radius:50%;cursor:pointer;font-size:1.8rem;font-weight:800;color:var(--color-text);background:var(--color-surface-2);border:2px solid var(--color-border)}.dot-pop-dot.ot{border-color:var(--color-secondary)}.dot-pop-dot.nt{border-color:var(--color-primary)}.dot-pop-dot.ot.read{background:var(--color-secondary);color:#1d1204}.dot-pop-dot.nt.read{background:var(--color-primary);color:var(--color-primary-contrast)}.dot-pop-hint{color:var(--color-text-dim);font-size:var(--text-sm);margin-top:var(--space-3)}.seg-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.seg-toggle button{flex:1 1 0;text-align:center}.settings-row .seg-toggle{display:flex;width:100%}.seg-toggle button{min-height:40px;padding:0 var(--space-4);border:none;cursor:pointer;background:var(--color-surface);color:var(--color-text-dim);font-weight:700}.seg-toggle button.active{background:var(--color-primary);color:var(--color-primary-contrast)}.bible-book-title{text-align:center;margin-bottom:0!important}.bible-chapter-num{text-align:center;font-size:3rem;font-weight:800;color:var(--color-text-dim);line-height:1.1;margin-bottom:var(--space-3)}.bible-text .verse{margin:0 0 var(--space-3);font-size:var(--text-lg);line-height:1.7}.bible-text .verse-num{color:var(--color-text-dim);font-size:.7em;font-weight:700;margin-right:6px}.bible-text .verse.highlight{background:var(--color-highlight);border-radius:6px;padding:4px 6px}.dev-set-card{border-left:4px solid var(--color-secondary)}.dev-set-kicker{color:var(--color-text-dim);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase}.dev-set-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-top:4px}.dev-set-author{color:var(--color-text-dim);font-style:italic}.dev-strip-row{display:flex;align-items:stretch;gap:6px;margin-bottom:var(--space-3)}.dev-strip-arrow{flex:0 0 26px;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-dim);font-size:1.2rem;padding:0}.dev-strip-arrow:active{background:var(--color-surface-2)}.dev-week-strip{flex:1;display:flex;gap:6px;justify-content:space-between;min-width:0}.dev-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:var(--radius);cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border)}.dev-day.current{border-color:var(--color-primary)}.dev-day-name{color:var(--color-text-dim);font-size:.7rem;font-weight:700}.dev-day-num{font-weight:800}.dev-day-marks{display:flex;gap:3px}.dev-mark{width:7px;height:7px;border-radius:50%;background:var(--color-surface-2);border:1px solid var(--color-border)}.dev-mark.done{background:var(--color-success);border-color:var(--color-success)}.dev-mark.missed{border-color:var(--color-danger)}.dev-stats{display:flex;gap:var(--space-5);color:var(--color-text-dim);margin-bottom:var(--space-3)}.dev-stats strong{color:var(--color-text)}.dev-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.dev-article{max-width:620px;margin:0 auto}.dev-kicker{color:var(--color-text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-3)}.dev-quote{font-family:var(--font-display);font-size:1.45rem;line-height:1.5;margin:0 0 var(--space-4);padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-secondary);background:var(--color-surface);border-radius:0 var(--radius) var(--radius) 0}.dev-ref{display:block;margin-top:var(--space-2);background:none;border:none;padding:0;color:var(--color-primary);font-family:inherit;font-size:1.05rem;font-style:italic;cursor:pointer;text-decoration:underline}.dev-para{font-family:var(--font-display);font-size:1.15rem;line-height:1.85;margin:0 0 var(--space-4)}.dev-first:first-letter{font-size:3.2em;float:left;line-height:.85;padding-right:10px;padding-top:4px;color:var(--color-secondary);font-weight:700}.dev-byline{color:var(--color-text-dim);font-style:italic;text-align:right;margin-bottom:var(--space-4);font-family:var(--font-display)}.progress-track{height:10px;border-radius:999px;background:var(--color-surface-2);overflow:hidden}.progress-fill{height:100%;background:var(--color-success);border-radius:999px;transition:width .4s}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;margin-bottom:var(--space-4);border-radius:var(--radius);overflow:hidden;background:#000}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.flip-card{display:block;width:100%;max-width:420px;margin:0 auto;background:none;border:none;padding:0;cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent}.flip-card-inner{display:grid;width:100%;transform-style:preserve-3d;transition:transform .6s}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-face{grid-area:1 / 1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.ref-card{height:100%;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;background:#cde3dd;color:#2e5f5c;border-radius:var(--radius-lg);padding:28px 26px;text-align:left;box-shadow:var(--shadow)}.ref-card-kicker{font-size:1.25rem;font-weight:600;text-align:center;color:#4a7d78}.ref-card-title{font-size:3rem;font-weight:800;letter-spacing:.02em;text-align:center;color:#2e5f5c;line-height:1.2}.ref-card-rule{border:none;border-top:2px solid #23423f;margin:14px 6px}.ref-card-list{list-style:none;margin:0;padding:0}.ref-card-list li{display:flex;gap:14px;align-items:flex-start;margin:16px 0;font-size:1.05rem;line-height:1.35;color:#1d3a38}.ref-card-list strong{color:#1d3a38}.ref-card-chip{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#4fb89f;color:#fff;font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.ref-card-footer{text-align:center;font-size:1.05rem;color:#1d3a38}.ext-icon{font-size:.75em;vertical-align:super;opacity:.8}.badge{display:inline-block;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-dim);border-radius:999px;padding:2px 10px;font-size:var(--text-sm)}.back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-primary);font-size:var(--text-lg);font-weight:600;cursor:pointer;padding:var(--space-3) 0;min-height:44px}
