/* Shared visual system for non-ranking pages */
.about{max-width:1040px;padding-top:42px}.about .listing-head{position:relative;overflow:hidden;margin-bottom:28px;padding:42px 44px;border:1px solid #dce4ef;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,244,255,.92));box-shadow:0 18px 50px rgba(32,43,78,.07)}.about .listing-head:after{content:"";position:absolute;right:-55px;top:-75px;width:220px;height:220px;border:1px solid rgba(101,88,245,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(34,181,169,.035)}.about .listing-head .eyebrow{color:#5d5bdd;font-weight:850;letter-spacing:2px}.about .listing-head h1{position:relative;z-index:1;margin:12px 0 10px;font-family:inherit;font-size:43px;font-weight:880;letter-spacing:-1.6px}.about .listing-head p{position:relative;z-index:1;max-width:720px;margin:0;color:#667085;font-size:16px}
main:not(.ranking-page)>.listing-head{position:relative;overflow:hidden;margin:42px 0 28px;padding:42px 44px;border:1px solid #dce4ef;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,244,255,.92));box-shadow:0 18px 50px rgba(32,43,78,.07)}main:not(.ranking-page)>.listing-head:after{content:"";position:absolute;right:-55px;top:-75px;width:220px;height:220px;border:1px solid rgba(101,88,245,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(34,181,169,.035)}main:not(.ranking-page)>.listing-head .eyebrow{color:#5d5bdd;font-weight:850;letter-spacing:2px}main:not(.ranking-page)>.listing-head h1{position:relative;z-index:1;margin:12px 0 10px;font-family:inherit;font-size:43px;font-weight:880;letter-spacing:-1.6px}main:not(.ranking-page)>.listing-head p{position:relative;z-index:1;max-width:720px;margin:0;color:#667085;font-size:16px}
.source-directory{margin:28px 0 38px}.source-directory>h2{font-size:24px;margin:0 0 16px}.official-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.official-links a{position:relative;display:flex;flex-direction:column;gap:5px;min-height:96px;padding:20px 22px;border:1px solid #dce4ef;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(28,38,70,.05);transition:.2s ease}.official-links a:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#6558f5,#22b5a9)}.official-links a:hover{transform:translateY(-2px);border-color:#aeb9d0}.official-links span{font-size:12px;font-weight:800;color:#6964df}.official-links strong{font-size:17px;color:#17233c}
.about .prose{padding:28px 34px;border:1px solid #dce4ef;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 36px rgba(20,31,60,.05)}.prose table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dce4ef;border-radius:13px;background:#fff;font-size:14px;line-height:1.55}.prose th{padding:13px 14px;background:#eef2ff;color:#34415e;text-align:left;font-size:12px;letter-spacing:.03em}.prose td{padding:14px;border-top:1px solid #e7ebf2;vertical-align:top}.prose tr:hover td{background:#f8faff}.prose a{color:#4e50ce;text-decoration-color:#b9baf2}.prose ul li{margin:7px 0}
.library-section{margin:22px 0;padding:26px 30px;border:1px solid #dce4ef;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 10px 32px rgba(20,31,60,.05)}.library-section>h2{margin:0;font-size:23px}.library-section>p{margin:6px 0 18px;color:#6a7487}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.article-list>a{display:block;padding:17px 18px;border:1px solid #e0e6f0;background:#f9fbff}.article-list strong{display:block;color:#1c2942}.article-list span{display:block;margin-top:5px;color:#707b8f;font-size:13px;line-height:1.55}
.hero{align-items:stretch}.hero>div{padding:34px 0}.hero h1{font-family:inherit;font-weight:900;letter-spacing:-2.2px;line-height:1.22}.hero h1 em{color:transparent;background:linear-gradient(100deg,#6255e9,#159f98);-webkit-background-clip:text;background-clip:text}.hero-note{border-radius:22px;background:linear-gradient(145deg,#111a30,#172746 65%,#123d48);box-shadow:0 22px 60px rgba(17,26,48,.2)}.paths{gap:12px;border:0}.paths a{border:1px solid #dce4ef!important;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(21,33,66,.045)}.paths a:hover{background:#fff;transform:translateY(-2px)}
.article-heading h1{font-family:inherit;font-weight:880}.takeaway{border-radius:14px;box-shadow:0 10px 28px rgba(41,48,110,.06)}.toc{border:1px solid #dce4ef;border-radius:14px;padding:20px 22px;background:rgba(255,255,255,.86)}
.maple-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:4px 0 22px;padding:17px 19px;border:1px solid #f0b37a;border-radius:16px;background:linear-gradient(135deg,#fffaf1,#fff0e6 62%,#fff7ed);box-shadow:0 12px 32px rgba(159,55,45,.09)}.maple-offer-mark{display:grid;justify-items:center;gap:3px}.maple-offer-mark img{width:42px;height:42px;filter:drop-shadow(0 4px 7px rgba(172,31,61,.22))}.maple-offer-mark span{font-size:9px;font-weight:850;color:#b33d48;white-space:nowrap}.maple-offer strong{font-size:17px;color:#8d2439}.maple-offer p{margin:3px 0 0;color:#735c5e;font-size:12px;line-height:1.55}.maple-offer-actions{display:flex;gap:8px}.maple-offer-actions a{padding:9px 13px;border:1px solid #e8b78b;border-radius:9px;background:#fff;color:#894a3f;font-size:12px;font-weight:800;white-space:nowrap}.maple-offer-actions .maple-offer-primary{border-color:#c62f4d;background:linear-gradient(135deg,#e84659,#b91d45);color:#fff;box-shadow:0 7px 16px rgba(185,29,69,.2)}
.maple-offer{align-items:start;padding:21px}.maple-offer-mark img{width:50px;height:50px}.maple-offer-copy strong{font-size:19px}.maple-offer-copy p{font-size:13px}.maple-offer-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;margin:12px 0 8px;padding:0;list-style:none}.maple-offer-copy li{position:relative;padding-left:15px;color:#583f45;font-size:12px;line-height:1.5}.maple-offer-copy li:before{content:"✓";position:absolute;left:0;color:#c32949;font-weight:900}.maple-offer-copy small{color:#896e72;font-size:10px}.maple-offer-actions{align-self:center}
.maple-proof{grid-column:1/4;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:center;margin:2px 0 0;padding-top:17px;border-top:1px solid rgba(190,96,83,.2)}.maple-proof img{display:block;width:100%;max-height:440px;object-fit:cover;object-position:top;border:1px solid #ddb9b0;border-radius:12px;box-shadow:0 12px 28px rgba(63,24,38,.13)}.maple-proof figcaption{display:grid;gap:7px}.maple-proof figcaption b{color:#9e2940;font-size:15px}.maple-proof figcaption span{color:#735d62;font-size:11px;line-height:1.65}
.maple-review-heading{background:linear-gradient(135deg,#fffaf2,#fff2e8 58%,#fff8f0);border-bottom:1px solid #f0d4c2}.maple-review .takeaway{border-color:#ecc5a7;background:linear-gradient(135deg,#fffaf5,#fff3e9)}.review-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.advantage-grid>div{padding:18px;border:1px solid #e5e9f1;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 7px 20px rgba(31,55,90,.05)}.advantage-grid b{display:block;margin-bottom:6px;color:#173753;font-size:16px}.advantage-grid p{margin:0;color:#53657a;font-size:14px;line-height:1.7}.maple-review-proof{max-width:620px;margin:16px auto 0;padding:10px;border:1px solid #e6d0c4;border-radius:15px;background:#fff9f4;box-shadow:0 9px 24px rgba(62,35,44,.08)}.maple-review-proof a{display:block;border-radius:10px;overflow:hidden;background:#11192a}.maple-review-proof img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:10px}.maple-review-proof figcaption{padding:10px 5px 3px;color:#6f5a59;font-size:12px;line-height:1.65}.maple-review-proof figcaption b{color:#9e3446}.selector-candidates-five{grid-template-columns:repeat(5,minmax(0,1fr))}.selector-candidates-five article{grid-template-columns:auto 1fr}.selector-candidates-five article>div small{display:block;margin-bottom:3px;color:#829096;font-size:9px}.selector-candidates-five .maple-candidate{border-color:#efbc8d;background:linear-gradient(145deg,#fffaf2,#fff0e6)}.selector-candidates-five .maple-candidate h3{color:#922b40}.selector-candidates-five .maple-candidate>div small{color:#b4514e}
.compass-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:16px 20px;border:1px solid #bcded9;border-radius:14px;background:linear-gradient(110deg,#eefaf6,#f6fbff)}.compass-entry div{display:grid;gap:3px}.compass-entry span{color:#55736f;font-size:11px}.compass-entry b{color:#173f3b;font-size:15px}.compass-entry>a{padding:10px 16px;border-radius:9px;background:#153f3b;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.selector-page{max-width:1180px;margin:auto;padding:30px 22px 70px}.compass-hero{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:38px 46px;border-radius:24px;background:radial-gradient(circle at 80% 20%,rgba(82,116,255,.18),transparent 35%),linear-gradient(135deg,#102d2b,#162741);color:#fff;overflow:hidden}.compass-hero span{font-size:11px;letter-spacing:.14em;color:#8ee0cc}.compass-hero h1{margin:8px 0 5px;font-size:48px}.compass-hero p{margin:0;color:#d4dfdf}.compass-hero img{width:92px;height:92px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.25))}.selector-shell{margin-top:22px;padding:28px;border:1px solid #dce5eb;border-radius:22px;background:#fff;box-shadow:0 15px 38px rgba(27,51,67,.07)}.selector-intro{display:flex;align-items:end;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e7edf1}.selector-intro b{font-size:22px;color:#183c3a}.selector-intro p{max-width:650px;margin:0;color:#64737e;font-size:13px}.selector-form{display:grid;gap:24px;margin-top:24px}.selector-form fieldset{margin:0;padding:0;border:0}.selector-form legend{margin-bottom:12px;color:#203a43;font-size:16px;font-weight:850}.selector-form legend span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:50%;background:#e5f5f0;color:#16836e;font-size:11px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.purpose-grid{grid-template-columns:repeat(5,1fr)}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0}.choice-grid label>span{display:grid;gap:4px;min-height:65px;padding:14px;border:1px solid #dbe4e9;border-radius:13px;background:#fbfcfd;transition:.18s}.choice-grid b{color:#203b43;font-size:14px}.choice-grid small{color:#78858c;font-size:11px}.choice-grid input:checked+span{border-color:#1cac8d;background:#effbf7;box-shadow:inset 0 0 0 1px #1cac8d,0 7px 18px rgba(28,172,141,.1)}.compact-field select{width:100%;padding:13px;border:1px solid #d8e2e7;border-radius:11px;background:#fff;color:#213c44;font:inherit}.selector-submit{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border:0;border-radius:12px;background:linear-gradient(135deg,#1d9f84,#176e71);color:#fff;font-size:15px;font-weight:850;cursor:pointer}.selector-submit span{font-size:21px}.selector-results{scroll-margin-top:20px;margin-top:22px;padding:28px;border:1px solid #cbdde1;border-radius:22px;background:#f7fbfc}.selector-result-head{display:flex;align-items:center;justify-content:space-between}.selector-result-head span{color:#17846f;font-size:11px;font-weight:800;letter-spacing:.08em}.selector-result-head h2{margin:5px 0 0;color:#183a40;font-size:22px}.selector-result-head button{border:0;background:transparent;color:#197b72;font-weight:750;cursor:pointer}.selector-candidates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.selector-candidates article{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:18px;border:1px solid #dce5e8;border-radius:14px;background:#fff}.selector-candidates article>span{grid-row:1/3;color:#a4b1b8;font-size:12px;font-weight:800}.selector-candidates h3{margin:0;color:#183941;font-size:17px}.selector-candidates p{margin:4px 0 0;color:#687981;font-size:11px}.selector-candidates a{grid-column:2;color:#147f70;font-size:12px;font-weight:800}.selector-maple{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:21px;border:1px solid #efbd91;border-radius:16px;background:linear-gradient(120deg,#fff8ef,#fff0e5)}.selector-maple-icon img{width:54px;height:54px}.selector-maple small{color:#b3544e;font-weight:800}.selector-maple h3{margin:3px 0;color:#8f283c}.selector-maple p{margin:0;color:#72575b;font-size:12px}.selector-maple>div:last-child{display:flex;gap:9px;align-items:center}.selector-maple a{font-size:12px;font-weight:800}.selector-maple .button{padding:10px 14px}.selector-disclaimer{margin:14px 0 0;color:#77868c;font-size:11px}.selector-how{margin-top:30px}.selector-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.selector-how article{padding:20px;border:1px solid #dfe7eb;border-radius:15px;background:#fff}.selector-how span{color:#18a188;font-size:11px;font-weight:900}.selector-how b{display:block;margin:8px 0;color:#1d3d44}.selector-how p{margin:0;color:#6b7b82;font-size:12px;line-height:1.65}
.ip-hero{margin-top:12px;padding:40px 44px;border-radius:24px;background:radial-gradient(circle at 85% 30%,rgba(83,93,255,.22),transparent 30%),linear-gradient(135deg,#101c35,#173b48);color:#fff}.ip-hero span{color:#78d9c5;font-size:11px;letter-spacing:.13em}.ip-hero h1{margin:9px 0 6px;font-size:44px}.ip-hero p{max-width:700px;margin:0;color:#d4dfe6}.ip-check-shell{margin-top:22px;padding:27px;border:1px solid #d7e4e8;border-radius:21px;background:#fff;box-shadow:0 14px 36px rgba(25,47,65,.07)}.ip-check-start{display:flex;align-items:center;justify-content:space-between;gap:24px}.ip-check-start b{font-size:20px;color:#183b42}.ip-check-start p{max-width:700px;margin:5px 0 0;color:#6d7c83;font-size:12px}.ip-check-start button{min-width:165px;padding:14px 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#1aa486,#137078);color:#fff;font-weight:850;cursor:pointer}.ip-check-start button:disabled{opacity:.55}.ip-status{margin:18px 0 0;padding-top:15px;border-top:1px solid #e6edef;color:#718087;font-size:12px}.ip-result{margin-top:18px;padding:22px;border-radius:16px;background:#101d31;color:#fff}.ip-primary{display:grid;grid-template-columns:1fr auto;gap:5px}.ip-primary small{grid-column:1/3;color:#7edbc7}.ip-primary strong{overflow-wrap:anywhere;font-size:28px}.ip-primary span{align-self:center;padding:5px 9px;border-radius:999px;background:#273957;color:#a9c5d8;font-size:10px}.ip-details{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.ip-details>div{padding:12px;border:1px solid #2d4058;border-radius:10px;background:#172840}.ip-details small{display:block;color:#859bae;font-size:9px}.ip-details b{display:block;margin-top:5px;color:#eef7f7;font-size:12px;overflow-wrap:anywhere}.ip-actions{display:flex;gap:9px;margin-top:15px}.ip-actions button{padding:9px 12px;border:1px solid #3b536e;border-radius:8px;background:#1c3048;color:#dff6f0;cursor:pointer}.ip-baseline{margin-top:14px;padding:17px;border:1px solid #dbe6e8;border-radius:13px;background:#f7fbfb}.ip-baseline b{color:#214149}.ip-baseline p{margin:5px 0 0;color:#6a7c81;font-size:12px}.ip-baseline>div{display:grid;gap:4px}.ip-baseline strong{color:#173940;overflow-wrap:anywhere}.ip-baseline span,.ip-baseline small{color:#6c7d83;font-size:11px}.ip-change{margin-top:12px;padding-top:12px;border-top:1px solid #dde7e9}.ip-change.changed b{color:#14866f}.ip-change.same b{color:#b5652a}.ip-guide{margin-top:30px}.ip-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0;list-style:none}.ip-guide li{padding:18px;border:1px solid #dce6e9;border-radius:14px;background:#fff}.ip-guide li b,.ip-guide li span{display:block}.ip-guide li span{margin-top:7px;color:#6b7b81;font-size:12px;line-height:1.6}.ip-notice{margin-top:16px;padding:20px;border-left:3px solid #21a68d;border-radius:0 12px 12px 0;background:#eef8f6}.ip-notice p{margin:7px 0 0;color:#5c7271;font-size:12px;line-height:1.7}
@media(max-width:700px){.about{padding-top:24px}.about .listing-head{padding:28px 24px}.about .listing-head h1{font-size:32px}.official-links,.article-list{grid-template-columns:1fr}.about .prose,.library-section{padding:22px 20px}.prose{overflow-wrap:anywhere}.prose table{display:block;overflow-x:auto}.hero>div{padding-top:0}.maple-offer{grid-template-columns:auto 1fr}.maple-offer-actions{grid-column:1/3}.maple-offer-actions a{flex:1;text-align:center}.advantage-grid{grid-template-columns:1fr}.compass-entry,.selector-intro,.selector-result-head,.ip-check-start{align-items:flex-start;flex-direction:column}.selector-page{padding:18px 13px 50px}.compass-hero,.ip-hero{padding:28px 24px}.compass-hero h1,.ip-hero h1{font-size:38px}.compass-hero img{width:62px;height:62px}.selector-shell,.selector-results,.ip-check-shell{padding:19px}.choice-grid,.purpose-grid,.selector-candidates,.selector-how>div,.ip-details,.ip-guide ol{grid-template-columns:1fr}.selector-maple{grid-template-columns:auto 1fr}.selector-maple>div:last-child{grid-column:1/3}.ip-check-start button{width:100%}}