/* Editorial pages and the content editor */
.cms-guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin:24px 0}.cms-guide-tile{display:block;text-decoration:none;background:#fff;border:1px solid #cbd8e4;border-radius:16px;padding:20px;color:#173b61;box-shadow:0 6px 20px #1436590d}.cms-guide-tile:hover{border-color:#3d86c3;transform:translateY(-2px)}.cms-guide-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.cms-guide-tile h2,.cms-guide-tile h3{font-size:20px;margin:14px 0 8px}.cms-guide-tile p{color:#547083}.cms-guide-tile span{font-weight:700;color:#1167a5}
.cms-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px;align-items:start}.cms-article-layout .seo-guide-card{min-width:0;margin:0}.cms-article-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:25px 0 0}.cms-article-layout section{scroll-margin-top:100px}.cms-article-layout section p{white-space:normal}.cms-toc{position:sticky;top:24px;background:#fff;border:1px solid #cbd8e4;border-radius:14px;padding:19px;color:#203d59}.cms-toc strong{display:block;margin-bottom:12px}.cms-toc nav{display:grid;gap:7px}.cms-toc a{color:#285b82;text-decoration:none;line-height:1.45}.cms-toc nav a{padding:8px 0;border-bottom:1px solid #e5edf2}.cms-toc>a{display:block;margin-top:20px;font-weight:700}.cms-pagination{display:flex;justify-content:space-between;margin:25px 0}.cms-pagination a{color:#176eae}
/* Panel editor: reuse panel cards, form grids, fields, badges, and buttons. */
.panel-body .cms-editor{width:100%;max-width:1180px;min-width:0}
.panel-body .cms-editor form{max-width:none}
.panel-body .cms-panel{min-width:0}
.panel-body .cms-panel .card-head h2{font-size:18px;line-height:1.3}
.panel-body .cms-panel .card-head p{line-height:1.55;max-width:900px}
.panel-body .cms-panel .card-head .button{flex:0 0 auto}
.panel-body .cms-panel .form-grid{min-width:0}
.panel-body .cms-panel .field{min-width:0}
.panel-body .cms-panel .field textarea{min-height:80px;resize:vertical}
.panel-body .cms-visibility{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;padding:19px}
.panel-body .cms-visibility .check-row{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.panel-body .cms-preview{display:flex;align-items:center;gap:18px;padding:19px;border-bottom:1px solid var(--line)}
.panel-body .cms-preview img{width:min(280px,42%);height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid var(--line);background:var(--panel2)}
.panel-body .cms-preview strong{display:block;font-size:15px}
.panel-body .cms-preview p{margin:5px 0 0;color:var(--muted);line-height:1.55;font-size:14px}
.panel-body .cms-list .cms-rows{padding:4px 19px 10px}
.panel-body .cms-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:14px;align-items:end;padding:15px 0;border-bottom:1px solid var(--line)}
.panel-body .cms-row:last-child{border-bottom:0}
.panel-body .cms-row--simple{grid-template-columns:minmax(0,1fr) auto}
.panel-body .cms-row>.button{align-self:end;min-height:42px}
.panel-body .cms-empty{padding:0 19px 16px;color:var(--muted);font-size:14px}
.panel-body .cms-section{margin:16px 19px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.panel-body .cms-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}
.panel-body .cms-section-head strong{font-size:15px}
.panel-body .cms-section .form-grid{padding:4px 16px 16px}
.panel-body .cms-article-table td:first-child{min-width:280px;white-space:normal}
.panel-body .cms-article-table td:first-child small{display:block;margin-top:5px;overflow-wrap:anywhere}
.panel-body .cms-actions{display:flex;align-items:center;gap:7px}
.panel-body .cms-actions form{margin:0}
.panel-body .cms-empty-state{padding:26px 19px;color:var(--muted)}
.panel-body .cms-empty-state strong{color:var(--text)}
.panel-body .cms-empty-state p{margin:6px 0 0}
.panel-body .cms-panel-pagination{padding:10px 19px}
@media(max-width:780px){.cms-article-layout{grid-template-columns:1fr}.cms-toc{position:static;grid-row:1}.cms-toc nav{max-height:200px;overflow:auto}.hero-demo{min-height:220px}.panel-body .cms-row{grid-template-columns:minmax(0,1fr) auto}.panel-body .cms-row .field:nth-child(2){grid-column:1/-1;grid-row:2}.panel-body .cms-row .cms-remove{grid-column:2;grid-row:1}.panel-body .cms-preview{align-items:flex-start;flex-direction:column}.panel-body .cms-preview img{width:min(100%,380px)}.panel-body .cms-actions{flex-wrap:wrap}}
@media(max-width:560px){.panel-body .cms-panel .card-head{align-items:flex-start;flex-wrap:wrap}.panel-body .cms-panel .form-grid{grid-template-columns:1fr}.panel-body .cms-panel .form-grid .span-2{grid-column:1}.panel-body .cms-visibility{grid-template-columns:1fr 1fr}.panel-body .cms-section{margin:12px}.panel-body .cms-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}.panel-body .cms-list .cms-rows{padding:4px 15px 8px}}
/* Tighter footer and a stronger blue slate accent for mobile */
.landing-footer{background:#24445f;border-color:#346486}.landing-footer .landing-brand strong{color:#fff}.landing-footer .footer-grid p,.landing-footer .footer-links a,.landing-footer .footer-actions a,.landing-footer .footer-bottom{color:#dbe8f2}.landing-footer .footer-bottom{border-color:#41637e}.landing-footer .footer-links a:hover,.landing-footer .footer-actions a:hover{color:#fff}
@media(max-width:640px){.landing-footer{padding:22px 0 14px}.landing-footer .footer-grid{display:block}.landing-footer .footer-grid>div:first-child{margin-bottom:12px}.landing-footer .footer-grid p{display:none}.landing-footer .footer-links,.landing-footer .footer-actions{display:flex;flex-wrap:wrap;gap:7px 14px;margin:7px 0}.landing-footer .footer-links a,.landing-footer .footer-actions a{font-size:13px}.landing-footer .footer-bottom{margin-top:13px;padding-top:11px;font-size:12px}.landing-footer .footer-bottom span:last-child{display:none}}

/* Original demo CCTV and optional same-site live camera preview. */
.landing-body .hero-demo.cctv-demo{padding:12px;min-height:0;background:linear-gradient(145deg,#183d5b,#0d253b);border:1px solid rgba(204,230,248,.28);border-radius:20px;box-shadow:0 28px 60px rgba(11,28,45,.26)}
.cctv-screen{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0b1824;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.cctv-media{display:block;width:100%;height:100%;object-fit:cover}.cctv-live-frame{position:absolute;inset:0;border:0}
.landing-nav-actions .landing-guide-link{display:none}
@media(max-width:980px){.landing-nav-actions .landing-guide-link{display:inline-flex}}
@media(max-width:640px){.landing-nav-actions .button.ghost.landing-guide-link{display:inline-flex}.landing-nav-actions>.button.primary{display:none}.landing-nav{justify-content:space-between;gap:10px}.landing-nav-actions .landing-guide-link{padding:8px 10px}}
.cctv-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,16,28,.5),transparent 24%,transparent 65%,rgba(2,16,28,.66))}
.cctv-screen:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(7,25,39,.45) 4px)}
.cctv-topline,.cctv-bottomline{position:absolute;z-index:2;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;text-shadow:0 1px 4px #071a2c;font-weight:800;font-size:11px;letter-spacing:.06em}
.cctv-topline{top:14px}.cctv-bottomline{bottom:14px}.cctv-demo-label{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:rgba(8,34,53,.65)}
.cctv-demo-label i{width:7px;height:7px;border-radius:50%;background:#ef6e68;box-shadow:0 0 0 4px rgba(239,110,104,.17);animation:cctvBlink 1.6s ease-in-out infinite}
.cctv-channel{padding:6px 8px;background:rgba(8,34,53,.56);border-radius:5px}.cctv-clock{font-variant-numeric:tabular-nums}
.cctv-underbar{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:12px;color:#e9f4fc;font-size:12px;font-weight:700;letter-spacing:.01em;padding:7px 5px 0}.cctv-underbar>span{display:inline-flex;align-items:center;gap:7px}.cctv-underbar .ui-icon{width:16px;height:16px;color:#8edacb}
.cctv-motion{border:1px solid rgba(231,245,255,.38);border-radius:7px;background:rgba(255,255,255,.1);color:#fff;min-width:32px;min-height:29px;cursor:pointer;font:inherit}.cctv-motion:focus-visible{outline:3px solid #a3dfec;outline-offset:2px}
@keyframes cctvBlink{50%{opacity:.35}}
.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.feature-grid .feature-card:not(.feature-wide){grid-column:span 2}
.feature-grid .feature-card:last-child:nth-child(3n + 2):not(.feature-wide){grid-column:span 6}
.feature-grid .feature-card:nth-last-child(2):nth-child(3n + 2):not(.feature-wide),.feature-grid .feature-card:last-child:nth-child(3n):not(.feature-wide){grid-column:span 3}
.feature-grid .feature-card.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:18px;min-height:124px;padding:22px 28px}
.feature-grid .feature-card.feature-wide .feature-icon{grid-row:1/3;width:52px;height:52px}.feature-grid .feature-card.feature-wide h3{margin:0 0 5px;font-size:19px}.feature-grid .feature-card.feature-wide p{max-width:740px;line-height:1.55}
.feature-grid .feature-card:not(.feature-wide){min-height:190px}
@media(max-width:980px){.feature-grid .feature-card:not(.feature-wide),.feature-grid .feature-card:last-child:nth-child(3n + 2):not(.feature-wide),.feature-grid .feature-card:nth-last-child(2):nth-child(3n + 2):not(.feature-wide),.feature-grid .feature-card:last-child:nth-child(3n):not(.feature-wide){grid-column:span 3}.feature-grid .feature-card:last-child:nth-child(2n):not(.feature-wide){grid-column:span 6}}
@media(max-width:640px){.landing-body .hero-demo.cctv-demo{padding:8px;border-radius:15px}.cctv-topline,.cctv-bottomline{left:10px;right:10px;font-size:9px}.cctv-topline{top:9px}.cctv-bottomline{bottom:10px}.cctv-demo-label{padding:5px 6px}.cctv-underbar{font-size:11px;line-height:1.35}.feature-grid{grid-template-columns:1fr}.feature-grid .feature-card,.feature-grid .feature-card:not(.feature-wide),.feature-grid .feature-card.feature-wide,.feature-grid .feature-card:last-child:not(.feature-wide){grid-column:1!important}.feature-grid .feature-card.feature-wide{grid-template-columns:1fr;grid-template-rows:auto;gap:10px;padding:20px}.feature-grid .feature-card.feature-wide .feature-icon{grid-row:auto}.feature-grid .feature-card.feature-wide h3{font-size:17px}.feature-grid .feature-card:not(.feature-wide){min-height:0}}
@media(prefers-reduced-motion:reduce){.cctv-demo-label i{animation:none}}

/* Private, single-frame camera previews in the converter list. */
.panel-body .stream-preview{overflow:hidden;isolation:isolate}
.panel-body .stream-snapshot{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:0}
.panel-body .stream-preview.has-snapshot .camera-icon{display:none}
.panel-body .stream-preview .camera-icon{z-index:1}
.panel-body .stream-preview .live-chip{z-index:2;box-shadow:0 2px 12px rgba(10,30,48,.13)}
.panel-body .stream-preview-caption{position:absolute;z-index:2;bottom:10px;left:10px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border-radius:7px;background:rgba(16,39,58,.85);color:#fff;font-size:12px;font-weight:750;line-height:1.2}

/* Rich guide editing uses the same card, field and button styles as the panel. */
.cms-editor [hidden]{display:none!important}
.panel-body .cms-rich-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;padding:20px}
.panel-body .cms-rich-main{min-width:0}
.panel-body .cms-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px 10px 0 0;background:var(--panel2)}
.panel-body .cms-editor-toolbar label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.panel-body .cms-editor-toolbar select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px}
.panel-body .cms-editor-toolbar .button{min-height:34px;padding:7px 10px}
.panel-body .cms-visual-editor{min-height:390px;max-height:72vh;overflow:auto;outline:0;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:22px;background:var(--panel);color:var(--text);font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.panel-body .cms-visual-editor:focus{border-color:#317caf;box-shadow:0 0 0 3px rgba(0,103,184,.13)}
.panel-body .cms-visual-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}
.panel-body .cms-visual-editor h1,.panel-body .cms-visual-editor h2{font-size:24px;line-height:1.35;margin:25px 0 10px}
.panel-body .cms-visual-editor h3{font-size:19px;margin:22px 0 9px}.panel-body .cms-visual-editor h4{font-size:16px;margin:18px 0 8px}
.panel-body .cms-visual-editor h5{font-size:15px;margin:16px 0 8px}.panel-body .cms-visual-editor h6{font-size:14px;margin:14px 0 8px}
.panel-body .cms-visual-editor p{margin:0 0 15px}.panel-body .cms-visual-editor a{color:#155e98;text-decoration:underline}
.panel-body .cms-editor-help{font-size:13px;color:var(--muted);margin:11px 0 0;line-height:1.6}
.panel-body .cms-editor-outline{align-self:start;position:sticky;top:106px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:17px;min-width:0}
.panel-body .cms-editor-outline strong{display:block;margin-bottom:12px}.panel-body .cms-editor-outline nav{display:grid;gap:9px;overflow-wrap:anywhere;color:var(--text)}
.panel-body .cms-editor-outline nav span{font-size:13px;line-height:1.45}.panel-body .cms-outline-h3{padding-left:13px}.panel-body .cms-outline-h4{padding-left:26px}
.panel-body .cms-outline-h5{padding-left:39px}.panel-body .cms-outline-h6{padding-left:52px}
.panel-body .cms-editor-outline small{display:block;margin-top:15px;color:var(--muted);line-height:1.5}
.cms-article-content{overflow-wrap:anywhere;font-size:16px;line-height:1.78;color:#263c50}
.cms-article-content h2,.cms-article-content h3,.cms-article-content h4,.cms-article-content h5,.cms-article-content h6{scroll-margin-top:105px;color:#193a58;line-height:1.3}
.cms-article-content h2{font-size:27px;margin:34px 0 13px}.cms-article-content h3{font-size:22px;margin:27px 0 11px}.cms-article-content h4{font-size:19px;margin:23px 0 9px}
.cms-article-content h5{font-size:17px;margin:20px 0 8px}.cms-article-content h6{font-size:16px;margin:18px 0 8px}
.cms-article-content p{font-size:15px;margin:0 0 17px}.cms-article-content ul,.cms-article-content ol{padding-left:26px;margin:0 0 19px}.cms-article-content li{font-size:15px;margin:6px 0}
.cms-article-content blockquote{border-left:3px solid #21776c;background:#eef5f4;border-radius:0 8px 8px 0;margin:22px 0;padding:12px 18px}
.cms-article-content a{color:#0067b8;text-decoration:underline}.cms-article-content code{background:#eaf0f5;padding:2px 5px;border-radius:4px}
.cms-toc .cms-toc-level-3{padding-left:14px}.cms-toc .cms-toc-level-4{padding-left:27px}
.cms-toc .cms-toc-level-5{padding-left:40px}.cms-toc .cms-toc-level-6{padding-left:53px}
.cms-related{margin:38px 0 54px}.cms-related-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 18px}.cms-related-heading h2{margin:4px 0 0;color:#183c5c;font-size:27px}.cms-related-heading>a{color:#0a66a3;font-weight:700}
.cms-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cms-related-card{display:block;min-width:0;overflow:hidden;border:1px solid #cbd8e4;border-radius:14px;background:#fff;color:#193c5b;box-shadow:0 6px 20px #1436590d;text-decoration:none}
.cms-related-card:hover{border-color:#3d86c3;transform:translateY(-2px)}.cms-related-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.cms-related-card>div{padding:17px}.cms-related-card h3{font-size:17px;line-height:1.35;margin:0 0 8px}.cms-related-card p{font-size:13px;color:#547083;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cms-related-card span{font-weight:700;color:#1167a5;font-size:13px}

/* Four equal columns at wide desktop widths, then three/two/one as space narrows. */
.panel-body .stream-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px}
.panel-body .stream-card{max-width:none;min-width:0}
.panel-body .stream-preview{max-height:none}
.panel-body .stream-card-body{min-width:0;padding:13px}
.panel-body .stream-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.panel-body .stream-meta{gap:6px;flex-wrap:wrap;font-size:12px;margin:9px 0 12px}
.panel-body .stream-card .card-actions{gap:7px}.panel-body .stream-card .card-actions .button{min-width:0;flex:1;padding:8px 6px;font-size:13px}
.panel-body .snapshot-status{padding:8px 15px;margin:0;background:var(--panel2);border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.panel-body .payment-readiness{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1499px){.panel-body .stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1120px){.panel-body .stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-body .cms-rich-layout{grid-template-columns:1fr}.panel-body .cms-editor-outline{position:static}}
@media(max-width:780px){.cms-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.panel-body .stream-grid{grid-template-columns:1fr}.panel-body .payment-readiness{grid-template-columns:1fr}.cms-related-grid{grid-template-columns:1fr}.cms-related-heading{align-items:start;flex-direction:column}.panel-body .cms-rich-layout{padding:14px}.panel-body .cms-visual-editor{padding:15px;min-height:310px}}

/* v2.1.21 Guide Library */
.guide-heading{max-width:880px}.guide-finder{background:#fff;border:1px solid #cbd8e4;border-radius:16px;padding:18px;margin:20px 0 26px;box-shadow:0 6px 20px #1436590d}.guide-search-form{display:flex;gap:10px;align-items:center}.guide-search-form label{flex:1}.guide-search-form input{width:100%;min-height:44px;border:1px solid #b9c9d8;border-radius:10px;padding:0 14px;font:inherit;color:#213b52;background:#fff}.guide-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.guide-chip{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border:1px solid #c7d5e1;border-radius:999px;padding:8px 12px;color:#31566f;background:#f8fbfd;font-size:13px;font-weight:700}.guide-chip span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#e6eef5;font-size:11px}.guide-chip.active{border-color:#1670b7;background:#e9f4fc;color:#07588f}.guide-result-count{margin:12px 0 0;color:#61788a;font-size:13px}.cms-guide-tile{position:relative}.cms-guide-tile .guide-tile-category{display:inline-flex;margin-top:13px!important;background:#e9f4fc;color:#07588f!important;border-radius:999px;padding:6px 10px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.cms-guide-tile>strong{display:block;margin-top:14px;color:#1167a5}.guide-empty{background:#fff;border:1px dashed #b9c9d8;border-radius:14px;padding:28px;text-align:center;color:#426078}.guide-empty p{margin:8px 0 0}.cms-article-content pre{white-space:pre;overflow:auto;background:#122331;color:#eaf4fb;border-radius:12px;padding:18px 18px 20px;margin:20px 0;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;tab-size:2}.cms-article-content pre code{background:none;color:inherit;padding:0;border-radius:0}.guide-code-wrap{position:relative;margin:20px 0}.guide-code-wrap pre{margin:0}.guide-copy-code{position:absolute;top:9px;right:9px;border:1px solid #49677d;background:#20394c;color:#fff;border-radius:7px;padding:6px 9px;font-size:11px;cursor:pointer}.guide-copy-code:hover{background:#2c4d65}.cms-article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;background:#fff}.cms-article-content th,.cms-article-content td{border:1px solid #cfdae4;padding:10px 12px;text-align:left;vertical-align:top}.cms-article-content th{background:#edf4f8;color:#1f425d}.cms-article-content kbd{background:#263b4b;color:#fff;border-radius:4px;padding:2px 6px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.cms-article-content hr{border:0;border-top:1px solid #dbe4eb;margin:28px 0}.cms-article-content blockquote strong:first-child{color:#155c55}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.guide-search-form{align-items:stretch;flex-direction:column}.guide-search-form .button{text-align:center;justify-content:center}.guide-category-chips{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.guide-chip{white-space:nowrap}.cms-article-content table{display:block;overflow-x:auto;white-space:nowrap}}

/* v2.1.23 Guide Library layout refresh */
.guide-library-shell{margin:18px 0 28px;border:1px solid #cbd8e4;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);box-shadow:0 10px 30px #1436590d;overflow:hidden}
.guide-library-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:27px 28px 23px}
.guide-library-copy{min-width:0}.guide-library-copy .section-kicker{display:block;margin:0 0 8px;color:#126ca8;font-size:12px;font-weight:900;letter-spacing:.14em}.guide-library-copy h1{margin:0;color:#20384c;font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.035em}.guide-library-copy p{max-width:760px;margin:9px 0 0;color:#607589;font-size:14px;line-height:1.65}
.guide-library-total{min-width:138px;border:1px solid #c9d9e6;border-radius:14px;background:#eef6fb;padding:14px 16px;text-align:right}.guide-library-total strong,.guide-library-total span{display:block}.guide-library-total strong{color:#0868a5;font-size:24px;line-height:1}.guide-library-total span{margin-top:5px;color:#62798c;font-size:12px;font-weight:700}
.guide-library-shell .guide-finder{margin:0;border:0;border-top:1px solid #d7e2ea;border-radius:0;background:#f7fafc;padding:20px 28px 22px;box-shadow:none}
.guide-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.guide-search-field{position:relative;display:block;min-width:0}.guide-search-field .guide-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-52%);color:#6a8295;font-size:18px;pointer-events:none}.guide-search-form .guide-search-field input{width:100%;min-height:46px;border:1px solid #b9c9d8;border-radius:11px;padding:0 14px 0 42px;background:#fff;color:#213b52;font:inherit;outline:none}.guide-search-form .guide-search-field input:focus{border-color:#2782c1;box-shadow:0 0 0 3px #2782c11a}.guide-search-button,.guide-reset-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.guide-filter-head{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid #dce5ec}.guide-filter-head strong{color:#27465f;font-size:13px}.guide-filter-head span{color:#718699;font-size:12px}
.guide-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.guide-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:36px;border:1px solid #c7d5e1;border-radius:999px;background:#fff;padding:6px 8px 6px 12px;color:#31566f;text-decoration:none;font-size:12px;font-weight:750;line-height:1.2;transition:border-color .15s ease,background .15s ease,transform .15s ease}.guide-chip:hover{border-color:#5f9ecb;background:#f3f9fd;transform:translateY(-1px)}.guide-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-chip b{display:inline-grid;place-items:center;flex:0 0 auto;min-width:24px;height:24px;border-radius:999px;background:#e7eff5;color:#49677d;padding:0 6px;font-size:10px;font-weight:800}.guide-chip.active{border-color:#1670b7;background:#e9f4fc;color:#07588f}.guide-chip.active b{background:#1670b7;color:#fff}.guide-result-count{margin:13px 0 0;color:#61788a;font-size:12px}
@media(max-width:760px){.guide-library-top{grid-template-columns:1fr;padding:22px 20px 18px;gap:15px}.guide-library-total{min-width:0;text-align:left;display:flex;align-items:center;gap:8px;width:max-content;max-width:100%}.guide-library-total strong{font-size:20px}.guide-library-total span{margin:0}.guide-library-shell .guide-finder{padding:17px 20px 19px}.guide-search-form{grid-template-columns:1fr 1fr}.guide-search-field{grid-column:1/-1}.guide-search-button,.guide-reset-button{width:100%}.guide-filter-head{align-items:flex-start;flex-direction:column;gap:3px}.guide-category-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;padding:1px 0 5px;scrollbar-width:thin}.guide-chip{white-space:nowrap;flex:0 0 auto}.guide-library-copy h1{font-size:30px}}
@media(max-width:420px){.guide-search-form{grid-template-columns:1fr}.guide-search-field{grid-column:auto}.guide-library-copy h1{font-size:27px}}

/* v2.1.26 stable viewport mobile navigation */
.public-menu-toggle{display:none;width:44px;height:42px;padding:0;border:1px solid rgba(80,112,139,.30);border-radius:10px;background:rgba(249,251,252,.98);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;color:#25465f;box-shadow:0 8px 24px rgba(20,54,89,.18);touch-action:manipulation}.public-menu-toggle span{display:block;width:19px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.public-menu-toggle[aria-expanded="true"]{background:#0d1d29;color:#f3fbff;border-color:#35536a;box-shadow:0 10px 28px rgba(0,0,0,.28)}.public-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.public-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.public-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.public-mobile-menu{display:none;background:rgba(7,16,24,.985);border:1px solid rgba(111,141,166,.24);border-radius:14px;box-shadow:0 22px 54px rgba(0,0,0,.32)}.public-mobile-menu[hidden]{display:none!important}.public-mobile-menu-inner{padding-top:12px;padding-bottom:16px}.public-mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.public-mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid rgba(111,141,166,.16);border-radius:10px;background:rgba(255,255,255,.025);color:#a9bbca;font-size:14px;font-weight:800}.public-mobile-nav a b{font-size:18px;font-weight:500;color:#5d7b91}.public-mobile-nav a:hover,.public-mobile-nav a.active{border-color:rgba(66,200,169,.38);background:rgba(36,211,162,.075);color:#eefdfa}.public-mobile-nav a.active b{color:#72e7c8}.public-mobile-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.public-mobile-auth .button{width:100%;min-height:42px}.public-desktop-nav a.active{color:#fff}.public-brand-copy{min-width:0}.public-brand-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
@media(max-width:980px){.public-site-nav{gap:12px;padding-right:56px;box-sizing:border-box}.public-desktop-nav,.public-nav-desktop-action{display:none!important}.public-nav-actions{margin-left:auto}.public-menu-toggle{position:fixed;top:calc(env(safe-area-inset-top,0px) + 11px);right:calc(env(safe-area-inset-right,0px) + 14px);z-index:120;display:inline-flex}.public-mobile-menu{position:fixed;top:calc(env(safe-area-inset-top,0px) + 66px);left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);z-index:119;display:block;max-height:calc(100vh - 82px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 82px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.public-mobile-menu-inner{width:100%;max-width:none;padding-left:12px;padding-right:12px}.public-menu-open{scrollbar-gutter:auto}}
@media(max-width:640px){.public-site-nav{height:64px}.public-site-header .landing-brand{min-width:0;max-width:calc(100% - 58px)}.public-site-header .landing-brand .brand-logo-img{max-width:116px;height:32px}.public-brand-copy strong{max-width:145px;font-size:13px}.public-brand-copy small{font-size:11px;letter-spacing:.12em}.public-menu-toggle{top:calc(env(safe-area-inset-top,0px) + 11px);right:calc(env(safe-area-inset-right,0px) + 12px)}.public-mobile-menu{top:calc(env(safe-area-inset-top,0px) + 64px);left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);max-height:calc(100vh - 76px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 76px)}.public-mobile-menu-inner{padding-top:10px;padding-bottom:13px}.public-mobile-nav{grid-template-columns:1fr}.public-mobile-nav a{min-height:42px}.public-mobile-auth{grid-template-columns:1fr}.public-mobile-auth .button.ghost{display:inline-flex!important}.public-mobile-auth .button{justify-content:center}.public-site-header .landing-nav-actions .button{display:none!important}}
@media(min-width:641px) and (max-width:980px){.public-menu-toggle{top:calc(env(safe-area-inset-top,0px) + 15px)}.public-mobile-menu{top:calc(env(safe-area-inset-top,0px) + 76px);max-height:calc(100vh - 92px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 92px)}}