/* f7 add-on styles, supports existing themes.css */
.f7-label{display:inline-block;color:#edc785;background:#294252;border:1px solid #587380;padding:3px 10px;border-radius:100px;font-size:.75rem}.f7-bg{background:linear-gradient(130deg,#17313e,#192538 60%,#402e43);padding:66px 0 55px}.f7-lead{max-width:830px;color:#cbdcdd;font-size:1.12rem}.f7-bg h1{font-size:clamp(2.3rem,5vw,4rem)}.f7-metrics{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0}.f7-metrics span{border:1px solid #66818f;padding:8px 13px;border-radius:5px;font-size:.8rem}.f7-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.f7-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:6px;text-decoration:none;font-size:.86rem;font-weight:750;background:#edbf76;color:#152631}.f7-btn.ghost{background:#294353;color:#e9eff0;border:1px solid #718797}.f7-btn:hover{filter:brightness(1.1)}.f7-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:36px;padding-top:55px}.f7-main h2{margin:24px 0 14px}.f7-main p{color:#c7d7dc}.f7-sidebar{align-self:start;padding:24px;background:#192e3b;border:1px solid #4e6977;border-radius:12px;position:sticky;top:15px}.f7-sidebar h3{margin-top:0}.f7-sidebar p,.f7-sidebar li{font-size:.85rem;color:#cbd6db}.f7-sidebar ul{padding-left:18px}.f7-guide{background:#142934;border:1px solid #3e5968;border-radius:12px;padding:23px;margin:20px 0}.f7-guide h3{color:#fff;margin:8px 0}.f7-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.f7-model{padding:23px;border:1px solid #4b6572;border-radius:12px;background:#1a2b38;display:flex;flex-direction:column;gap:7px}.f7-model h3{font-size:1.28rem;line-height:1.15}.f7-model p{font-size:.9rem}.f7-model .f7-btn{margin-top:auto}.f7-tiny{font-size:.7rem;color:#e3bc84;letter-spacing:.05em;text-transform:uppercase}.f7-warning{background:#302832;border:1px solid #a07c74;padding:18px 23px;border-radius:9px;margin:28px 0}.f7-warning strong{color:#ffdfba}.f7-warning p{margin:3px 0 0}.f7-checklist{padding-left:25px;color:#c5d6d9}.f7-checklist li{margin-bottom:9px}.f7-faq details{padding:17px 0;border-bottom:1px solid #395363}.f7-faq summary{cursor:pointer;font-weight:700;color:#f0eeee}.f7-sources li{margin:8px 0}.f7-sources a{color:#dabc8f}.f7-related{display:flex;flex-wrap:wrap;gap:9px;padding:25px 0 55px}.f7-related a{padding:8px 13px;border-radius:100px;border:1px solid #617987;color:#ecf2f2;font-size:.82rem;text-decoration:none}.f7-disclose{background:#1d323f;border-left:3px solid #ddad68;padding:15px 18px;margin:0 0 30px;color:#d5e0e2;font-size:.85rem}.f7-directory{padding:63px 0}.f7-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.f7-card{display:flex;flex-direction:column;padding:22px;border:1px solid #4b6170;background:#1b303e;border-radius:12px}.f7-card h3{font-size:1.35rem}.f7-card p{font-size:.86rem;color:#d0dbdd}.f7-card .f7-btn{margin-top:auto}.f7-directory-filter{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 27px}.f7-directory-filter a{border:1px solid #6a8795;padding:7px 12px;border-radius:6px;text-decoration:none}.f7-cta{padding:30px;background:#233c49;border:1px solid #5b7481;border-radius:9px;margin:45px 0}.f7-footer{padding:35px 0;border-top:1px solid #365261;font-size:.8rem;color:#a8bfc5}.f7-footer a{color:#ecbe80}
@media(max-width:950px){.f7-layout{grid-template-columns:1fr}.f7-sidebar{position:static}.f7-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.f7-models,.f7-cards{grid-template-columns:1fr}.f7-bg{padding:35px 0}.f7-layout{padding-top:28px}.f7-btn{width:100%}}