/* Support only: reference-inspired service panels in the shared blue/green brand. */
.nany-support-page{font-family:var(--nany-font,Arial,Helvetica,sans-serif);background:var(--nany-paper,#f7f8fa);color:var(--nany-ink);padding-bottom:84px}
.nsp-eyebrow{display:block;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1.7px;color:var(--nany-green-accessible,#197d2b);margin-bottom:12px}
.nsp-lead{font-size:17px;line-height:1.8;color:var(--nany-muted);max-width:840px;margin:0 0 28px}
/* Page navigation, not action buttons: match the News underline tabs. */
.nsp-sections{display:flex;flex-wrap:wrap;gap:0 30px;align-items:stretch;background:#fff;border-bottom:1px solid var(--nany-line,#dfe5ed);margin-bottom:44px}
.nsp-sections a{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:60px;padding:14px 10px 16px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;color:var(--nany-muted,#637084);font-family:var(--nany-font);font-size:16px;line-height:1.4;font-weight:600;text-align:center;text-decoration:none;white-space:nowrap;transition:color .18s,border-color .18s}
.nsp-sections a[aria-current="page"],.nsp-sections a:hover{color:var(--nany-green-accessible,#197d2b);border-bottom-color:var(--nany-green-accessible,#197d2b)}
.nsp-sections a:focus-visible{outline:2px solid var(--nany-blue,#122a88);outline-offset:-4px;position:relative;z-index:1}
.nsp-editor-content{margin:0}
.nsp-intro{max-width:880px;margin:0 0 32px}
#main .nsp-intro h2.nany-section-title{--nany-heading-size:30px;margin:0 0 14px}
.nsp-intro p{color:var(--nany-muted);font-size:16px;line-height:1.8;margin:0}
.nsp-panel{margin:0 0 28px;background:#fff;border:1px solid var(--nany-green,#23ac38);border-top:0;border-radius:0 0 16px 16px;overflow:hidden}
.nsp-panel-head{display:flex;align-items:stretch;background:#eceeef;min-height:72px}
.nsp-panel-arrow{flex:0 0 72px;display:flex;align-items:center;justify-content:center;background:var(--nany-green-accessible,#197d2b);color:#fff;font-size:32px;font-weight:400;line-height:1}
#main .nsp-panel-head h2.nany-section-title{--nany-heading-size:24px;align-self:center;flex:1;margin:0;padding:20px 30px;line-height:1.4}
.nsp-panel-body{padding:30px 34px}
.nsp-stage-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center}
.nsp-stage-body ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.nsp-stage-body li{position:relative;padding-left:23px;font-size:17px;line-height:1.7;margin:0}
.nsp-stage-body li::before{content:"";width:7px;height:7px;background:var(--nany-green-accessible,#197d2b);position:absolute;left:0;top:.65em;border-radius:50%}
.nsp-stage-body figure{margin:0;min-width:0}
.nsp-stage-image{display:block;width:100%;height:auto;aspect-ratio:768/463;object-fit:cover;border-radius:6px}
.nsp-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.nsp-value{position:relative;padding:26px 0 28px 76px;min-width:0;border-bottom:1px solid var(--nany-line,#e4e8ee)}
.nsp-value:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}
.nsp-value>img{position:absolute;left:0;top:26px;width:52px;height:52px;object-fit:contain}
.nsp-value h3{font-size:19px;line-height:1.5;color:var(--nany-blue,#122a88);font-weight:700;margin:0 0 12px}
.nsp-value p{font-size:15px;line-height:1.85;color:var(--nany-muted);margin:0 0 12px}
.nsp-value p:last-child{margin-bottom:0}
.nsp-principles{margin-bottom:0}
.nsp-principles .nsp-panel-body>.nsp-eyebrow{margin:0}
@media(max-width:1024px){.nsp-stage-body{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.nsp-panel-body{padding:28px}.nsp-values{gap:0 30px}.nsp-value{padding-left:64px}.nsp-value>img{width:44px;height:44px}}
@media(max-width:768px){.nany-support-page{padding-bottom:56px}.nsp-sections{gap:0 22px;margin-bottom:32px}.nsp-sections a{font-size:15px}.nsp-stage-body{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.nsp-stage-body li{font-size:16px}.nsp-panel-arrow{flex-basis:60px}.nsp-panel-head{min-height:64px}#main .nsp-panel-head h2.nany-section-title{--nany-heading-size:22px;padding:16px 24px}.nsp-values{grid-template-columns:1fr}.nsp-value:nth-last-child(-n+2){border-bottom:1px solid var(--nany-line,#e4e8ee);padding-bottom:28px}.nsp-value:last-child{border-bottom:0;padding-bottom:0}#main .nsp-intro h2.nany-section-title{--nany-heading-size:26px}}
@media(max-width:600px){.nsp-lead{font-size:16px}.nsp-sections{flex-wrap:nowrap;gap:0 16px;overflow-x:auto;scrollbar-width:thin}.nsp-sections a{min-height:46px;padding:10px 6px 12px;font-size:13px}.nsp-panel{margin-bottom:22px;border-radius:0 0 12px 12px}.nsp-panel-arrow{flex-basis:48px;font-size:26px}.nsp-panel-head{min-height:62px}#main .nsp-panel-head h2.nany-section-title{--nany-heading-size:20px;padding:16px 18px}.nsp-panel-body{padding:24px 20px}.nsp-stage-body{grid-template-columns:1fr;gap:24px}.nsp-stage-body ul{gap:12px}.nsp-stage-body figure{max-width:360px;width:100%}.nsp-intro{margin-bottom:26px}.nsp-value{padding-left:0;padding-top:24px}.nsp-value>img{position:static;display:block;width:44px;height:44px;margin-bottom:12px}.nsp-value h3{font-size:18px}.nsp-principles{margin-bottom:0}}

/* Native FAQ and download content share the same Support shell and tab positions. */
.nsp-resource-content .nany-faq-list{max-width:none;margin:0}
.nsp-resource-content .nany-faq-list details{padding:0;margin:0 0 20px;border:1px solid var(--nany-green,#23ac38);border-radius:0 0 12px 12px;background:#fff;overflow:hidden}
.nsp-resource-content .nany-faq-list summary{position:relative;display:flex;align-items:center;min-height:72px;list-style:none;padding:20px 64px 20px 102px;background:#eceeef;color:var(--nany-blue,#122a88);font-size:18px;font-weight:600;line-height:1.6;cursor:pointer;margin:0}
.nsp-resource-content .nany-faq-list summary::-webkit-details-marker{display:none}
.nsp-resource-content .nany-faq-list summary::before{content:"\2192";position:absolute;inset:0 auto 0 0;width:72px;display:flex;align-items:center;justify-content:center;background:var(--nany-green-accessible,#197d2b);color:#fff;font-size:30px;font-weight:400}
.nsp-resource-content .nany-faq-list summary::after{content:"+";position:absolute;right:28px;font-size:25px;color:var(--nany-green-accessible,#197d2b);font-weight:400}
.nsp-resource-content .nany-faq-list details[open]>summary::after{content:"\2212"}
.nsp-resource-content .nany-faq-list summary:hover{background:#e4e8ec}
.nsp-resource-content .nany-faq-list summary:focus-visible{outline:3px solid var(--nany-blue,#122a88);outline-offset:-3px}
.nsp-resource-content .nany-faq-list details>div{padding:26px 34px;border-top:1px solid var(--nany-line,#e4e8ee);color:var(--nany-muted)}
.nsp-resource-content .nany-faq-list details p{font-size:16px;line-height:1.85;margin:0 0 14px}
.nsp-resource-content .nany-faq-list details p:last-child{margin-bottom:0}
.nsp-resource-content .nany-download-card{background:#fff;border-color:var(--nany-green,#23ac38);border-radius:0 0 14px 14px}
#main .nsp-resource-content .nany-download-card h2.nany-section-title{--nany-heading-size:26px}
@media(max-width:600px){
 .nsp-resource-content .nany-faq-list summary{min-height:62px;padding:16px 42px 16px 66px;font-size:16px}
 .nsp-resource-content .nany-faq-list summary::before{width:48px;font-size:26px}
 .nsp-resource-content .nany-faq-list summary::after{right:15px;font-size:22px}
 .nsp-resource-content .nany-faq-list details>div{padding:22px 20px}
 .nsp-resource-content .nany-faq-list details p{font-size:15px}
 #main .nsp-resource-content .nany-download-card h2.nany-section-title{--nany-heading-size:22px}
}

/* Reuse the same 60/40 image-and-brand-title banner as About / Contact. */
.nany-support-page .nany-page-banner-shell{padding-bottom:0}
.nany-support-page .nany-page-breadcrumb a:last-child{color:var(--nany-green-accessible,#197d2b);font-weight:600}
.nsp-body{padding-top:38px}
@media(max-width:600px){.nsp-body{padding-top:28px}.nsp-lead{margin-bottom:24px}}

/* Paginated FAQ: a compact screen-sized list, without constraining expanded answers. */
.nsp-resource-content .nany-faq-list.nany-faq-paged{scroll-margin-top:120px}
.nsp-resource-content .nany-faq-paged details{margin-bottom:12px}
.nsp-resource-content .nany-faq-paged summary{min-height:60px;padding:14px 60px 14px 86px;font-size:17px;line-height:1.5}
.nsp-resource-content .nany-faq-paged summary::before{width:60px;font-size:26px}
.nany-faq-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.nany-faq-pagination>a,.nany-faq-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid var(--nany-line,#dfe5ed);border-radius:3px;background:#fff;color:var(--nany-blue,#122a88);font-size:14px;line-height:1.4;text-decoration:none}
.nany-faq-pagination .current,.nany-faq-pagination>a:hover{background:var(--nany-green-accessible,#197d2b);border-color:var(--nany-green-accessible,#197d2b);color:#fff}
.nany-faq-pagination>a:focus-visible{outline:3px solid var(--nany-blue,#122a88);outline-offset:3px}
@media(max-width:600px){
 .nsp-resource-content .nany-faq-list.nany-faq-paged summary{padding:14px 44px 14px 20px;min-height:60px;font-size:16px;line-height:1.5}
 .nsp-resource-content .nany-faq-list.nany-faq-paged summary::before{display:none}
 .nany-faq-pagination{margin-top:20px;gap:6px}
}

/* Short notebook screens keep the collapsed FAQ section within one viewport. */
@media(min-width:1025px) and (max-height:800px){
 .nsp-resource-content .nany-faq-paged details{margin-bottom:10px}
 .nsp-resource-content .nany-faq-paged summary{min-height:52px;padding-top:10px;padding-bottom:10px}
}


/* FAQ editorial list: shared page background, light separators and native details. */
#main .nsp-intro.nany-faq-intro{margin-bottom:24px}
#main .nsp-intro.nany-faq-intro h2.nany-section-title{font-size:32px;line-height:1.25;text-transform:none;margin:0 0 14px;text-wrap:wrap;color:var(--nany-blue,#122a88)}
#main .nsp-intro.nany-faq-intro h2 .nany-title-accent{color:var(--nany-blue,#122a88)}
#main .nsp-intro.nany-faq-intro p{font-size:16px;line-height:1.7;margin:0;max-width:760px}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged details{padding:0;margin:0;border:0;border-bottom:1px solid var(--nany-line,#dfe5ed);border-radius:0;background:transparent;box-shadow:none;overflow:visible}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged details:first-child{border-top:1px solid var(--nany-line,#dfe5ed)}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:16px;align-items:center;min-height:0;height:auto;margin:0;padding:18px 0;list-style:none;background:transparent;border:0;border-radius:0;color:#000;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged summary::before,
#main .nsp-resource-content .nany-faq-list.nany-faq-paged summary::after{content:none;display:none}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged summary:hover{background:transparent;color:var(--nany-green-accessible,#197d2b)}
/* Expanded FAQ titles retain the selected brand blue, including while hovered. */
#main .nsp-resource-content .nany-faq-list.nany-faq-paged details[open]>summary{color:var(--nany-blue,#122a88)}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged summary:focus-visible{outline:2px solid var(--nany-blue,#122a88);outline-offset:3px}
.nany-faq-question{min-width:0;overflow-wrap:break-word}
.nany-faq-icon{position:relative;display:block;width:20px;height:20px;color:inherit;justify-self:end}
.nany-faq-icon::before,.nany-faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%)}
.nany-faq-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.nany-faq-paged details[open] .nany-faq-icon::after{display:none}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged details>div.nany-faq-answer{padding:0 36px 20px 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--nany-muted,#637084)}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged .nany-faq-answer p{font-size:16px;line-height:1.75;margin:0 0 12px}
#main .nsp-resource-content .nany-faq-list.nany-faq-paged .nany-faq-answer p:last-child{margin-bottom:0}
@media(max-width:600px){
 #main .nsp-intro.nany-faq-intro h2.nany-section-title{font-size:28px}
}
