/* Resource reading system shared with the product and developer pages. */
.resource-page{padding-top:48px;background:#f4f7fd;color:#11203a}
.resource-page .container{width:100%;max-width:1440px;padding-left:4.88vw;padding-right:4.88vw}
.resource-hero{padding:26px 0;background:linear-gradient(120deg,#091429,#13284d 65%,#284e8e);color:white}
.resource-hero>.container{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:48px}
.resource-page .resource-hero h1{color:white;font-size:clamp(30px,3vw,42px);letter-spacing:-1.3px;line-height:1.13;margin:10px 0 14px}
.resource-hero p{font-size:14px;line-height:1.7;color:#c6d4e9;max-width:610px;margin:0 0 14px}
.resource-hero .resource-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:8px;color:#b9cfee}
.resource-back{display:inline-block;font-size:11px;color:#abc2e2;margin-bottom:14px}
.resource-preview{font-size:10px;color:#9eb7d8}.resource-hero img{width:100%;height:190px;object-fit:contain}
.resource-tabs{display:flex;justify-content:center;gap:8px;padding:14px 24px;background:white;border-bottom:1px solid #e4ecf7;flex-wrap:wrap}
.resource-tabs a{font-size:11px;color:#64748d;padding:8px 12px;border-radius:6px;white-space:nowrap}.resource-tabs a[aria-current],.resource-tabs a:hover{background:#edf3ff;color:#155bff}
.resource-page :is(.guide-container,.practices-container,.troubleshooting-container,.faq-container){max-width:980px;padding:32px 24px;margin:auto}
.resource-page :is(.guide-intro,.practices-intro,.troubleshooting-intro,.faq-intro){background:none;padding:0;margin:0 0 24px;border:0;text-align:left}
.resource-page :is(.step-section,.practice-section,.issue-section,.faq-category){background:white;border:1px solid #e4ebf7;border-radius:12px;padding:26px 30px;margin:0 0 18px;box-shadow:none;scroll-margin-top:80px}
.resource-page h2{color:#12203a;font-size:23px;letter-spacing:-.6px;line-height:1.3;margin-bottom:16px}.resource-page h3{font-size:16px;color:#2d4364;margin:20px 0 10px}.resource-page p,.resource-page li{font-size:13px;line-height:1.85;color:#61728c}
.resource-page h2 i{font-size:18px;color:#155bff;margin-right:10px}
.resource-page .step-number{background:#edf3ff;color:#155bff;font-size:14px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;margin-right:10px}
.resource-page :is(.practice-list,.solution-box,.tip-box,.info-box){background:#f5f8fe;border-radius:8px;border-color:#dce8fc;padding:18px 22px}
.resource-page pre{background:#0d1b32;color:#dce8ff;border:1px solid #213957;border-radius:9px;padding:20px;overflow:auto;font:12px/1.8 monospace}
.resource-page pre code{background:none;color:inherit;white-space:pre}
.resource-page table{display:block;max-width:100%;overflow:auto;font-size:12px;border:1px solid #e5ebf5;border-radius:8px}.resource-page td,.resource-page th{padding:12px 16px}.resource-page th{background:#edf3ff;color:#34496b}
.resource-page .btn{font-size:12px;padding:11px 17px;border-radius:6px}.resource-page .btn-primary{background:#155bff;color:white}
.resource-page .section-title{font-size:25px;text-align:left;margin:0 0 22px}
.resource-page :is(.quick-help,.faq-section,.contact-support){padding:30px 0;background:transparent}
.resource-page .help-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.resource-page .help-category{background:white;border:1px solid #e4ebf7;padding:24px;border-radius:12px;box-shadow:none;text-align:left}
.resource-page .category-icon{width:40px;height:40px;border-radius:12px;background:#edf3ff;color:#155bff;font-size:18px;margin:0 0 15px}
.resource-page .category-links a{font-size:12px;color:#155bff}.resource-page .faq-item{border:1px solid #e5ebf5;border-radius:8px;margin:10px 0;overflow:hidden;background:white}
.resource-page .faq-question{width:100%;font:600 13px/1.6 Inter,sans-serif;color:#243853;padding:16px 18px;background:white;border:0;text-align:left;display:flex;justify-content:space-between;gap:15px}
.resource-page .faq-answer{background:#f8faff;font-size:13px}.resource-page .faq-answer p{font-size:13px;line-height:1.85}
.resource-page .faq-category-btn{font-size:12px;border-radius:6px}.resource-page .faq-category-btn.active{background:#155bff;color:#fff}
.resource-search-label{display:block;font-size:11px;font-weight:600;margin-bottom:8px;color:#526987}
#help-search{width:100%;max-width:600px;border:1px solid #dce5f3;border-radius:8px;background:white;padding:14px 16px;font:13px Inter,sans-serif;margin-bottom:28px}
.resource-reading-nav{background:white;border:1px solid #e4ebf7;padding:18px;border-radius:10px;margin:0 0 24px}
.resource-reading-nav p{font-size:10px;letter-spacing:1.3px;font-weight:700;margin:0 0 10px}.resource-reading-nav div{display:flex;flex-wrap:wrap;gap:6px 18px}.resource-reading-nav a{font-size:11px;color:#516a90;padding:4px 0}.resource-reading-nav a:hover{color:#155bff}
.resource-library{padding-top:32px;padding-bottom:48px}.resource-section-heading{margin-bottom:24px}.resource-section-heading h2{margin-bottom:8px}
.resource-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-article-card{border:1px solid #e4ebf7;border-radius:12px;background:white;overflow:hidden;transition:transform .18s,box-shadow .18s}.resource-article-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #10264b12}.resource-article-card>img{width:100%;height:160px;object-fit:contain;background:linear-gradient(120deg,#132440,#244b86)}.resource-article-card>div{padding:24px}.resource-article-card span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#155bff}.resource-article-card h2{font-size:21px;margin:12px 0}.resource-article-card strong{display:block;margin-top:18px;font-size:12px;color:#155bff}
.resource-status-main{padding-top:28px;padding-bottom:40px}.resource-launch-note{border:1px solid #e1eafa;background:white;border-radius:12px;padding:24px 28px;margin-bottom:20px}.resource-launch-note>span{font-size:10px;letter-spacing:1.5px;color:#155bff}.resource-launch-note h2{margin:12px 0}.resource-launch-note p{max-width:800px;margin:0}.resource-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resource-status-card{background:white;border:1px solid #e4ebf7;border-radius:12px;padding:22px}.resource-status-card>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.resource-status-card h2{font-size:16px;margin:0}.resource-status-card p{margin:12px 0 0}.resource-status-label{font-size:10px;color:#8a6517;background:#fff6dd;padding:6px 9px;border-radius:5px;margin-left:auto}.resource-status-dot{width:8px;height:8px;border-radius:50%;background:#dca537}.resource-status-footnote{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px}.resource-status-footnote a{font-size:12px;color:#155bff}
.resource-page a:focus-visible,.resource-page button:focus-visible,.resource-page input:focus-visible{outline:2px solid #155bff;outline-offset:3px}
@media(max-width:900px){.resource-page{padding-top:64px}.resource-page .container{padding-left:24px;padding-right:24px}.resource-hero>.container{grid-template-columns:1fr;gap:10px}.resource-hero img{display:none}.resource-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow:auto}.resource-page :is(.step-section,.practice-section,.issue-section,.faq-category){padding:22px}.resource-page .help-categories,.resource-articles,.resource-status-grid{grid-template-columns:1fr}.resource-status-footnote{flex-direction:column;align-items:flex-start}.resource-page h2{font-size:21px}}
.resource-footer{background:#0b172b;padding:14px 0;margin-top:20px}.resource-footer>.container{display:flex;justify-content:space-between;gap:20px;color:#8ca0ba;font-size:10px}.resource-footer a{color:#8ca0ba;font-size:10px}.resource-footer>.container>div{display:flex;gap:22px}
.resource-blog,.resource-status{min-height:100dvh;display:flex;flex-direction:column}.resource-blog .resource-library,.resource-status .resource-status-main{flex:1}.resource-blog #footer-placeholder,.resource-status #footer-placeholder{margin-top:auto}
@media(max-width:600px){.resource-footer>.container{flex-direction:column;gap:12px}}
.blog-published-section{margin-bottom:32px;padding-bottom:30px;border-bottom:1px solid #dfe7f4}.blog-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.blog-controls label{font-size:11px;color:#5b7090}.blog-controls input,.blog-controls select{font:12px Inter,sans-serif;border:1px solid #dce5f3;border-radius:6px;background:white;padding:10px 14px}.blog-controls input{min-width:230px}.resource-page #blog-load-more{margin-top:20px;background:#155bff;color:white;border:0;border-radius:6px;padding:12px 18px;font:12px Inter,sans-serif}.resource-page [hidden]{display:none!important}
.blog-reader{padding-top:30px;padding-bottom:48px;max-width:1050px!important}.blog-reader-back{display:inline-block;color:#5b7090;font-size:12px;margin-bottom:22px}#blog-article{background:white;border:1px solid #e4ebf7;border-radius:12px;padding:40px}.resource-page #blog-article h1{font-size:clamp(28px,3vw,42px);color:#11203a;letter-spacing:-1px;line-height:1.2;margin:12px 0 20px}#blog-article .resource-eyebrow{font-size:10px;letter-spacing:1.5px;color:#155bff}.blog-reader-content{margin-top:28px}.blog-reader-content h2{margin-top:30px}.blog-reader-content blockquote{border-left:3px solid #155bff;padding:12px 22px;background:#f5f8ff}.blog-reader-content a{color:#155bff}.blog-reader #blog-article>img{max-width:100%;height:auto;border-radius:10px;margin-top:20px}
@media(max-width:600px){#blog-article{padding:24px}.blog-controls input{min-width:0;max-width:100%;width:100%}}
.resource-page .resource-hero p{color:#c6d4e9;font-size:14px}.resource-page .resource-hero .resource-eyebrow{color:#b9cfee;font-size:10px}.resource-page .resource-hero .resource-back{color:#abc2e2}
.resource-page .resource-hero img[src*="editorial-"]{height:210px;object-fit:cover;border-radius:12px;border:1px solid #fff3}
.resource-article-card>img[src*="editorial-"]{height:200px;object-fit:cover;background:#f6eee5}
.blog-cover-collage{height:225px;position:relative;max-width:510px;width:100%;margin:auto}.resource-hero .blog-cover-collage img{position:absolute;width:65%;height:155px;object-fit:cover;border-radius:12px;border:3px solid #27466d;box-shadow:0 15px 40px #0003}.blog-cover-collage img:nth-child(1){left:0;top:0;transform:rotate(-7deg)}.blog-cover-collage img:nth-child(2){right:0;top:35px;transform:rotate(6deg)}.blog-cover-collage img:nth-child(3){left:12%;bottom:0;transform:rotate(-2deg)}
@media(max-width:900px){.blog-cover-collage{display:none}}
.resource-page .resource-hero img[src*="-product.svg"]{height:235px;object-fit:contain;border:0;border-radius:12px}.resource-article-card>img[src*="-product.svg"]{height:auto;aspect-ratio:900/520;object-fit:contain;background:#f4f8fd}
