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