/* WoodElf Premium Chroma — purposeful, accessible UI refinement */
:root{--chromablue:#3159e8;--chromaviolet:#8050d8;--chromacoral:#e9577c;--chromateal:#008d9b;--chromaamber:#db8d27;--ink:#18223a}
html{scroll-behavior:smooth} body{color:var(--ink)}
/* navigation */
.top.fantasy-header{background:#fff!important;border-bottom:1px solid #e5eafa!important;box-shadow:0 4px 25px rgba(27,48,91,.065)!important;position:sticky;top:0;z-index:150}
.top.fantasy-header .nav{min-height:74px;max-width:1370px!important;display:flex;align-items:center;justify-content:space-between;gap:28px}
.top.fantasy-header .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;color:#172241!important}
.top.fantasy-header .forest-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:white!important;font-size:28px!important;background:linear-gradient(140deg,#3859e8,#a347c9)!important;box-shadow:0 7px 17px rgba(60,77,204,.18)}
.top.fantasy-header .brand-words b{font-size:22px;letter-spacing:-.7px;color:#142043}
.top.fantasy-header .brand-words small{color:#706780;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.top.fantasy-header .links{display:flex;align-items:center;gap:6px!important}
.top.fantasy-header .links>a:not(.nav-cta){padding:10px 14px!important;border-radius:9px;color:#344260!important;font-size:13px;font-weight:700;text-decoration:none!important;transition:background .2s,color .2s}
.top.fantasy-header .links>a:not(.nav-cta):hover{background:#f0f3ff;color:#3159e8}
.top.fantasy-header .links .nav-cta{background:linear-gradient(100deg,#2858ef,#8051db)!important;color:#fff!important;border:0!important;box-shadow:0 6px 15px rgba(62,76,205,.16);border-radius:10px!important;padding:12px 19px!important;font-weight:800}
.top.fantasy-header .mobile-menu .mobile-dropdown{background:#fff;border:1px solid #e4e8fa;box-shadow:0 12px 30px #0a1f4230}
/* colorful home blocks */
body:has(.fantasy-hero) .section:not(.tool-directory){position:relative}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq){background:linear-gradient(130deg,#f2f6ff 0%,#f6f0ff 52%,#fff5f1 100%)!important;border:1px solid #eae7fd!important;border-radius:23px!important;padding:26px 24px!important;margin:35px auto!important;max-width:1210px;box-shadow:0 10px 30px rgba(68,65,145,.055)}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .sectiontop{margin-bottom:20px}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) h2{color:#222453!important;font-weight:800}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .eyebrow{color:#7e47cd!important}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .grid{gap:14px!important}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .tile{border:1px solid #e5e8fc!important;border-top:4px solid #3159e8!important;background:white!important;border-radius:13px!important;padding:20px!important;box-shadow:0 5px 16px #1d31500b;transition:transform .2s,box-shadow .2s}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .tile:nth-child(5n+2){border-top-color:#a04fdb!important}body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .tile:nth-child(5n+3){border-top-color:#e9577c!important}body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .tile:nth-child(5n+4){border-top-color:#008d9b!important}body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .tile:nth-child(5n){border-top-color:#e29a29!important}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px #23345a1a}
body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq) .tile .small-link{color:#3159e8!important;font-weight:800}
body:has(.fantasy-hero) .section.faq{background:linear-gradient(125deg,#eef5ff 0%,#f4efff 45%,#fff3f6 100%)!important;border-radius:22px!important;padding:33px 24px!important;max-width:1210px;margin:35px auto!important;border:1px solid #e2e5fc!important}
body:has(.fantasy-hero) .section.faq h2{color:#242452!important;margin-bottom:19px!important}
body:has(.fantasy-hero) .section.faq details{border:1px solid #e1e6fa!important;border-left:4px solid #3c65e8!important;border-radius:11px!important;background:#fff!important;margin-bottom:10px!important;padding:4px 12px!important;box-shadow:0 3px 8px #172d5008}
body:has(.fantasy-hero) .section.faq details:nth-of-type(3n+2){border-left-color:#a04fdb!important}body:has(.fantasy-hero) .section.faq details:nth-of-type(3n){border-left-color:#e95880!important}
body:has(.fantasy-hero) .section.faq summary{font-weight:750!important;color:#273354!important;padding:12px 8px!important;cursor:pointer}
body:has(.fantasy-hero) .section.faq details[open]{box-shadow:0 8px 20px #4556a019}
/* premium footer across all pages */
.footer{background:#141f3d!important;color:#e2e8fc!important;border-top:5px solid transparent!important;border-image:linear-gradient(90deg,#3b62ee,#9951dd,#e85c85,#00a0b0,#e2a43d) 1!important;margin-top:70px!important;padding:55px 0 22px!important}
.footer .wrap{max-width:1210px!important}
.footer .footgrid{display:grid!important;grid-template-columns:minmax(270px,1.7fr) repeat(2,minmax(150px,1fr))!important;gap:50px!important;padding-bottom:40px!important}
.footer .brand{display:inline-flex!important;align-items:center!important;gap:10px;color:#fff!important;font-weight:850;font-size:23px;text-decoration:none!important}
.footer .brand-mark{background:linear-gradient(130deg,#3e6bee,#9a58dc)!important;color:white!important;border-radius:12px!important;display:inline-grid!important;place-items:center!important;width:41px;height:41px}
.footer p{color:#c4d0ed!important;line-height:1.85!important;max-width:410px!important;margin-top:15px!important}
.footer strong{display:block!important;color:#fff!important;font-size:14px!important;margin-bottom:18px!important;letter-spacing:.04em}
.footer .footgrid a:not(.brand){color:#c5d0eb!important;text-decoration:none!important;padding:4px 0!important;display:block!important;transition:color .2s}
.footer .footgrid a:not(.brand):hover{color:#c4a5ff!important}
.footer .footbottom{padding-top:22px!important;border-top:1px solid #394663!important;color:#b3bfd9!important;font-size:12px!important;line-height:1.8!important}
@media(max-width:800px){.top.fantasy-header .nav{min-height:68px;padding:9px 15px}.top.fantasy-header .links{display:none!important}.top.fantasy-header .mobile-menu{display:block!important}.footer .footgrid{grid-template-columns:1fr 1fr!important;gap:26px!important}.footer .footgrid>div:first-child{grid-column:1/-1}.footer{padding:36px 0 20px!important}body:has(.fantasy-hero) .section:not(.tool-directory):not(.faq),body:has(.fantasy-hero) .section.faq{padding:22px 15px!important;border-radius:16px!important;margin:20px 12px!important}}
@media(max-width:470px){.footer .footgrid{grid-template-columns:1fr!important}.footer .footgrid>div:first-child{grid-column:auto}.top.fantasy-header .brand-words b{font-size:19px}}