/* --------------------------------------------------------------------- Tokens --------------------------------------------------------------------- */ :root{ --n:#0b1630; /* ink / darkest navy */ --b:#2563eb; /* primary accent (routes, CTAs) */ --t:#0d9488; /* secondary accent (teal, echoes hero packets) */ --i:#14213d; /* body / heading text */ --m:#667085; /* muted text */ --l:#e5e9f0; /* hairline border */ --s:#f6f8fc; /* soft surface */ --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; --shadow-sm:0 1px 2px #0b163014; --shadow-md:0 12px 28px #0b16301f; } *{box-sizing:border-box} body{margin:0;font-family:var(--sans);color:var(--i);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} a{text-decoration:none;color:inherit} :focus-visible{outline:2px solid var(--b);outline-offset:2px;border-radius:4px} .wrap{width:min(1160px,92%);margin:auto} h1,h2,h3{font-family:var(--sans);color:var(--n);font-weight:800;letter-spacing:-.02em;margin:0} p{margin:0} /* --------------------------------------------------------------------- Header --------------------------------------------------------------------- */ header{height:78px;border-bottom:1px solid var(--l);background:#fffffffa;backdrop-filter:blur(6px);position:sticky;top:0;z-index:50} .nav{height:100%;display:flex;align-items:center;gap:32px} .brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--n)} .brand b{background:var(--b);color:#fff;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-size:14px} .logo-img{height:32px;width:auto;display:block;border-radius:6px} .nav nav{display:flex;align-items:center;gap:26px;font-size:13.5px;font-weight:600;color:#4b5872} .nav nav>a{padding:6px 0;line-height:1;transition:color .15s ease} .nav nav>a:hover{color:var(--i)} .actions{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:13.5px;font-weight:600;color:#4b5872} .actions a:not(.btn):hover{color:var(--i)} /* --------------------------------------------------------------------- Buttons --------------------------------------------------------------------- */ .btn{display:inline-block;border:0;border-radius:8px;background:var(--b);color:#fff;padding:11px 18px;font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:var(--shadow-sm)} .btn:hover{background:#1d4ed8;box-shadow:var(--shadow-md);transform:translateY(-1px)} .btn:active{transform:translateY(0)} .btn.outline,.btn.light{background:#fff;color:var(--i);border:1px solid var(--l);box-shadow:none} .btn.outline:hover,.btn.light:hover{background:var(--s);border-color:#c9d3e3;box-shadow:none;color:var(--i)} .big{padding:15px 22px;font-size:14.5px} /* --------------------------------------------------------------------- Hero --------------------------------------------------------------------- */ .hero{padding:96px 0;background:radial-gradient(circle at 82% 25%,#eaf6ff,#fff 46%)} .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center} .hero h1{font-size:58px;line-height:1.07;letter-spacing:-.035em;margin:14px 0 22px} .hero em{color:var(--b);font-style:normal} .hero p,.lead{color:var(--m);line-height:1.75;font-size:16px} .hero small,.pagehead small,small{color:var(--b);font-weight:700;letter-spacing:.08em;font-size:12.5px;font-family:var(--mono)} .hero .btn+.btn{margin-left:12px} /* terminal panel (hero + about page) */ .terminal{background:var(--n);color:#d8e2f0;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #0b163033} .terminal>div{background:#101e3a;padding:14px 18px;color:#7890b3;font-size:11.5px;font-family:var(--mono);border-bottom:1px solid #1c2c4d} .terminal pre{padding:25px;line-height:1.95;margin:0;font:12.5px/1.95 var(--mono);white-space:pre-wrap} .network-topology-wrap{padding:22px 18px} .network-topology{width:100%;height:auto;display:block} .network-topology .link{fill:none;stroke:#2f4d80;stroke-width:1.4} .network-topology .link.ibgp{stroke-dasharray:4 4;stroke:#8a6a1e} .network-topology .as-boundary{fill:none;stroke:#25406b;stroke-width:1;stroke-dasharray:3 5} .network-topology .as-label{fill:#5a7099;font:9px/1 var(--mono);letter-spacing:.6px} .network-topology .session-label{fill:#48607f;font:8.5px/1 var(--mono);letter-spacing:.8px} .network-topology .node-core{fill:#132848;stroke:#3b82f6;stroke-width:1.6} .network-topology .node-core.hub{fill:#16305a;stroke:#5eead4;stroke-width:2} .network-topology .node-ring{fill:none;stroke:#5eead4} .network-topology .packet{fill:#5eead4} .network-topology .ibgp-packet{fill:#fbbf24} .network-topology text{fill:#7890b3;font:9.5px/1 var(--mono);letter-spacing:.6px} .network-topology .device-chassis{fill:#132848;stroke:#3b82f6;stroke-width:1.6} .network-topology .device-face{fill:#0d1d38;stroke:#5b77a0;stroke-width:1} .network-topology .device-detail{fill:none;stroke:#8fa3c0;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round} .network-topology .device-port{fill:#091429;stroke:#5b77a0;stroke-width:.7} .network-topology .device-led{fill:#5eead4;filter:drop-shadow(0 0 2px rgba(94,234,212,.8))} .network-topology .device-led.warn{fill:#fbbf24} .network-topology .device-screen{fill:#102b50;stroke:#5eead4;stroke-width:1.2} .network-topology .device-label{fill:#d7f2ff;font-weight:700} /* --------------------------------------------------------------------- Sections & cards --------------------------------------------------------------------- */ .section{padding:84px 0} .soft,.pagehead{background:var(--s)} h2{font-size:31px;letter-spacing:-.025em;margin-bottom:6px} .section>.wrap>h2{margin-bottom:26px} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .grid article,.panel,.product aside,.auth{border:1px solid var(--l);border-radius:12px;padding:24px;background:#fff;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease} .grid article{position:relative;display:flex;flex-direction:column;gap:8px} .grid article:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#d7dfec} .grid article h3{font-size:18px;margin-top:2px} .grid article p{color:var(--m);font-size:13.5px;line-height:1.65;flex-grow:1} .grid article b{font-size:17px} .grid article .btn{align-self:flex-start;margin-top:4px} .row,.item{display:flex;justify-content:space-between;align-items:center;gap:15px} .pagehead{padding:58px 0} .pagehead h1{font-size:42px;margin:10px 0} .product{display:grid;grid-template-columns:1fr 330px;gap:70px} .product h1,.article h1,.auth h1,.feedback h1{font-size:42px;letter-spacing:-.03em} .price{font-size:30px;font-weight:800;margin:24px 0;color:var(--n)} .free-badge{color:var(--t)} /* --------------------------------------------------------------------- Auth / forms --------------------------------------------------------------------- */ .auth-page{background:var(--s);padding:90px 20px;min-height:620px} .auth{width:min(470px,100%);margin:auto} .auth form,.feedback form,.panel form{display:flex;flex-direction:column;gap:12px} .auth input,.feedback input,.feedback select,.feedback textarea,.panel input,.panel select,.panel textarea{padding:12px 13px;border:1px solid var(--l);border-radius:8px;font:inherit;transition:border-color .15s ease} .auth input:focus,.feedback input:focus,.feedback select:focus,.feedback textarea:focus,.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:var(--b);outline:none} .account{display:grid;grid-template-columns:1.5fr 1fr;gap:25px} .item{padding:15px;border-bottom:1px solid var(--l)} .item small{display:block;color:var(--m);letter-spacing:0;font-weight:400;margin-top:4px;font-family:var(--sans)} .feedback{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px} .notice{background:#fff8df;padding:15px;border-radius:8px;font-size:12.5px;line-height:1.6;margin:15px 0} .article{max-width:820px} .article-body{font-size:16px;line-height:1.9;margin:35px 0} /* --------------------------------------------------------------------- Stats / admin --------------------------------------------------------------------- */ .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:25px} .stats div{padding:22px;border:1px solid var(--l);border-radius:12px;background:#fff} .stats b{font-size:25px;display:block} .admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px} table{width:100%;border-collapse:collapse;font-size:12.5px} th,td{text-align:left;padding:11px;border-bottom:1px solid var(--l)} th{color:var(--m);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700} .mini{border:0;background:var(--b);color:#fff;border-radius:5px;padding:6px 9px;cursor:pointer} .flash{padding:13px;text-align:center;font-size:13px;font-weight:600} .flash.success{background:#eaf8ef;color:#176b35} .flash.error{background:#fff0f0;color:#b42318} /* --------------------------------------------------------------------- Footer --------------------------------------------------------------------- */ footer{background:var(--n);color:#fff;padding:58px 0 0} footer p{color:#8fa0bf;font-size:12.5px;line-height:1.6} /* --------------------------------------------------------------------- About page --------------------------------------------------------------------- */ .about-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center} .about-hero h1{font-size:40px;margin:12px 0 16px} .faq-list{display:flex;flex-direction:column;gap:10px;max-width:760px} .faq-item{background:#fff;border:1px solid var(--l);border-radius:12px;padding:16px 20px} .faq-item summary{cursor:pointer;font-weight:700;font-size:14.5px;list-style:none} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{content:'+';float:right;color:var(--m);font-weight:400} .faq-item[open] summary::after{content:'\2212'} .faq-item p{margin-top:10px;color:var(--m);font-size:13.5px;line-height:1.65} .about-stats{display:flex;flex-direction:column;gap:14px} .stat{background:#fff;border:1px solid var(--l);border-radius:12px;padding:20px 22px;display:flex;align-items:baseline;gap:12px;box-shadow:var(--shadow-sm)} .stat b{font-family:var(--mono);font-size:26px;color:var(--b);min-width:56px} .stat span{color:var(--m);font-size:13px;font-weight:600} .about-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start} .about-mission-text h2{margin-bottom:14px} .about-mission-text .lead{margin-bottom:24px} .about-terminal pre{font-size:12px;line-height:1.9} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:30px;padding-bottom:40px} .footer-col h4{margin:0 0 14px;font-size:12.5px;letter-spacing:1px;color:#c7d2e6;text-transform:uppercase} .footer-col{display:flex;flex-direction:column;gap:10px} .footer-col a{color:#8fa0bf;font-size:13px} .footer-col a:hover{color:#fff} .footer-brand .brand{color:#fff;margin-bottom:6px} .footer-brand p{margin:0} .footer-subscribe p{margin:0 0 4px;color:#8290a8} .subscribe-form{display:flex;gap:8px;flex-direction:row} .subscribe-form input[type=email]{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid #24345a;background:#0c1a34;color:#fff;font:inherit;font-size:13px} .subscribe-form input[type=email]::placeholder{color:#5b6c8c} .subscribe-form .btn{white-space:nowrap} .footer-bottom{border-top:1px solid #182742;padding:18px 0;color:#5b6c8c;font-size:11.5px} @media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.footer-brand{grid-column:1/-1}} /* header dropdown menus */ .nav nav{position:relative;z-index:40} .dropdown{position:relative;display:inline-block} .dropdown>a{display:inline-flex;align-items:center;gap:4px;padding:6px 0;line-height:1} .dropdown .caret{font-size:9px;line-height:1;color:#9aa7bd;transition:transform .15s;position:relative;top:1px} /* The hoverable box (.dropdown-content) sits flush against the trigger (top:100%, no gap) so the pointer is never briefly outside a hoverable element while moving from the link down to the menu — that dead gap was what made the menu snap shut mid-move. The 14px visual gap is recreated with padding-top *inside* this hoverable box, and the actual white card is a separate inner element (.dropdown-panel) so the padding stays invisible. */ .dropdown-content{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:14px;min-width:250px;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none} .dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown.open .dropdown-content{opacity:1;visibility:visible;pointer-events:auto} .dropdown-panel{background:#fff;border:1px solid var(--l);border-radius:12px;box-shadow:0 18px 40px #0b163026;padding:8px} .dropdown:hover .caret,.dropdown.open .caret{transform:rotate(180deg)} .dropdown-content a{display:block;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--i)} .dropdown-content a:hover{background:var(--s)} .dropdown-content a b{display:block;font-weight:700;font-size:13px} .dropdown-content a small{display:block;color:var(--m);font-weight:400;letter-spacing:0;margin-top:2px;font-size:11.5px} /* nested flyout submenus (used by the Course dropdown, e.g. Networking -> CCNA -> BGP). Any item with children renders as a .flyout row inside the panel; hovering it reveals its own .dropdown-panel to the right. Nesting is unlimited — the same two rules apply at every depth. */ .flyout{position:relative} .flyout>a{display:flex;align-items:center;justify-content:space-between;gap:10px} .flyout-caret{font-size:9px;color:#9aa7bd;flex-shrink:0;transform:rotate(-90deg)} .flyout-panel{position:absolute;top:-8px;left:calc(100% - 2px);margin-left:0;padding-left:8px;min-width:210px;opacity:0;visibility:hidden;transform:translateX(-6px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:41} .flyout:hover>.flyout-panel,.flyout:focus-within>.flyout-panel{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto} /* admin CMS */ .admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px} .admin-tabs a{padding:9px 14px;border:1px solid var(--l);border-radius:8px;font-size:12px;font-weight:700;background:#fff} .admin-tabs a:hover{background:var(--s)} /* Admin dashboard: left sidebar + single visible section on the right */ .admin-layout{display:flex;align-items:flex-start;gap:24px} .admin-sidebar{display:flex;flex-direction:column;gap:4px;flex:0 0 210px;position:sticky;top:94px;border:1px solid var(--l);border-radius:12px;padding:10px;background:#fff} .admin-sidebar a{padding:10px 12px;border-radius:8px;font-size:13px;font-weight:700;color:var(--i)} .admin-sidebar a:hover{background:var(--s)} .admin-sidebar a.active{background:var(--b);color:#fff} .admin-content{flex:1;min-width:0} .admin-content .panel{display:none} .admin-content .panel.active{display:block} @media (max-width:860px){ .admin-layout{flex-direction:column} .admin-sidebar{position:static;flex-direction:row;flex-wrap:wrap;width:100%;top:auto} .admin-sidebar a{flex:1 1 auto;text-align:center} } .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .field-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--m)} .field-grid label.full{grid-column:1/-1} .field-grid .rte-field{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--m)} .field-grid input,.field-grid textarea{padding:11px;border:1px solid var(--l);border-radius:8px;font:inherit;font-weight:400;color:var(--i)} .rte{border:1px solid var(--l);border-radius:8px;overflow:hidden} .rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;background:var(--s);border-bottom:1px solid var(--l)} .rte-toolbar select{padding:6px 7px;border:1px solid var(--l);border-radius:6px;font:inherit;font-size:12px;background:#fff;color:var(--i)} .rte-toolbar button{border:1px solid var(--l);background:#fff;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;color:var(--i)} .rte-toolbar button:hover{background:var(--l)} .rte-color-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--m);border:1px solid var(--l);border-radius:6px;padding:5px 8px;background:#fff;cursor:pointer} .rte-color-label input[type=color]{width:20px;height:20px;padding:0;border:0;border-radius:4px;cursor:pointer;background:none} .rte-editor{min-height:220px;padding:16px;font:14px/1.7 Inter,Arial,sans-serif;color:var(--i);outline:none;overflow-y:auto} .rte-editor:empty:before{content:attr(data-placeholder);color:var(--m)} .rte-diagram-btn{background:#eef4ff!important;border-color:#c7d9fb!important;color:#1d4ed8!important} .rte-diagram-btn:hover{background:#dce9ff!important} .content-topology{margin:22px 0} /* topology diagram builder modal */ .modal-overlay{position:fixed;inset:0;background:#0b1630b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px} .modal-overlay[hidden]{display:none} .modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:88vh;overflow-y:auto;box-shadow:0 30px 70px #0b163055} .modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--l)} .modal-head h3{margin:0;font-size:17px} .modal-close{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--m)} .modal-body{padding:20px} .modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--l)} /* FIX24 — consistent payment prompt for locked courses, modules and resources. */ .unlock-modal-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(5,20,43,.76);backdrop-filter:blur(5px)} .unlock-modal-overlay[hidden]{display:none}.unlock-modal-open{overflow:hidden} .unlock-modal-card{position:relative;width:min(470px,100%);background:#fff;border:1px solid #d7e3f0;border-radius:20px;padding:30px;box-shadow:0 28px 90px rgba(3,20,45,.38);text-align:center;outline:none} .unlock-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#edf3f9;color:#17324f;font-size:24px;cursor:pointer} .unlock-modal-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:17px;background:#eaf3ff;font-size:27px}.unlock-modal-card h2{margin:8px 0;font-size:25px}.unlock-modal-card p{color:var(--muted);line-height:1.6}.unlock-modal-price{font-size:25px;font-weight:900;color:#0b4f91;margin:17px 0}.unlock-modal-card form,.unlock-modal-card .btn{width:100%;margin-top:9px}.unlock-modal-details{display:inline-block;margin-top:18px} .course-module-accordion>summary{grid-template-columns:auto minmax(0,1fr) auto!important}.course-module-access{margin-left:auto;display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-width:max-content!important;width:auto!important;max-width:none!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;flex:0 0 auto;border:1px solid #cbd9e8;border-radius:999px;padding:6px 11px;background:#f5f8fc;color:#34506d;font-size:12px;line-height:1.2;font-weight:800;cursor:pointer}.course-module-access:hover{background:#e9f2fd;color:#0b4f91}.course-module-access.is-free{border-color:#b9dfca;background:#eaf8f0;color:#176443;cursor:default}.lesson-row.is-locked{cursor:pointer}.lesson-row.is-locked .course-lesson-open{color:#8a5800;background:#fff4dc;border-radius:999px;padding:6px 10px;font-weight:850;white-space:nowrap} .unified-course-curriculum{width:100%;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}.course-module-accordion-list{width:100%;max-width:1060px;margin-left:auto;margin-right:auto}.course-module-accordion{width:100%!important}.course-module-accordion>summary{padding:14px 16px!important}.course-module-body{width:100%;padding:14px 16px!important}.course-module-body .lesson-list{width:100%;align-items:stretch!important}.unified-lesson-row{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:10px 12px!important}.ccna-module-list{width:100%;max-width:1100px;margin-left:auto!important;margin-right:auto!important}.ccna-module-card,.ccna-lesson-editor{box-sizing:border-box;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.course-resource-lock{margin-top:14px;padding:16px;border:1px dashed #e1b45c;border-radius:12px;background:#fff8e8}.course-resource-lock span{font-weight:900;color:#805400}.course-resource-lock p{margin:6px 0 12px;color:#6c6048;font-size:12px}@media(max-width:700px){.unified-course-curriculum,.course-module-accordion-list,.unified-lesson-row,.ccna-module-list,.ccna-module-card,.ccna-lesson-editor{max-width:100%!important}.course-module-accordion>summary,.course-module-body{padding:11px!important}} .course-resource-preview{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid #c8dff5;border-radius:12px;background:#f6faff}.course-resource-preview .video-wrap,.course-resource-preview .document-viewer{margin:0}.course-resource-preview .document-viewer.compact iframe{min-height:380px}@media(max-width:700px){.course-resource-preview{padding:10px}.course-resource-preview .document-viewer.compact iframe{min-height:52vh}} .course-resource-preview-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid #d9e6f4;border-radius:10px;background:#f8fbff}.course-resource-preview-limits small{grid-column:1/-1;color:#60748a}.resource-viewer-note{margin-top:10px;color:#5f7286;font-size:11px;font-weight:700}@media(max-width:700px){.course-resource-preview-limits{grid-template-columns:1fr}} .resource-preview-countdown{display:flex;align-items:center;justify-content:center;min-height:32px;margin-top:8px;border-radius:8px;background:#0b315d;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}.video-embed-shell.preview-ended .video-wrap{position:relative;pointer-events:none;filter:brightness(.42)}.resource-preview-ended{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:5px;min-width:240px;padding:18px;border-radius:12px;background:#fff;color:#0b294b;text-align:center;box-shadow:0 14px 38px rgba(0,0,0,.3)}.resource-preview-ended strong{font-size:18px}.resource-preview-ended span{font-size:11px;color:#5c7085}.video-embed-shell{position:relative} .resource-main-preview-limits{display:grid;grid-template-columns:auto repeat(2,minmax(150px,240px));align-items:end;gap:12px;padding:13px;border:1px solid #bcd8f2;border-radius:11px;background:#f2f8ff}.resource-main-preview-limits>b{align-self:center;color:#0b4f91}.resource-main-preview-limits small{grid-column:1/-1;color:#5d7085}@media(max-width:760px){.resource-main-preview-limits{grid-template-columns:1fr}} .unified-course-curriculum{max-width:1040px!important}.course-module-accordion-list{max-width:970px!important}.course-module-accordion,.course-module-body .lesson-list,.unified-lesson-row{width:100%!important}.unified-lesson-row{min-height:0!important} @media(max-width:620px){.unlock-modal-card{padding:25px 18px}.course-module-access{padding:5px 8px}.course-module-heading{max-width:58%}} .topo-builder-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .topo-builder-row input[type=text],.topo-builder-row select{padding:9px 10px;border:1px solid var(--l);border-radius:8px;font:inherit;font-size:13px} .topo-builder-row input[type=text]{flex:1;min-width:140px} .topo-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .topo-chip{display:inline-flex;align-items:center;gap:6px;background:var(--s);border:1px solid var(--l);border-radius:20px;padding:6px 8px 6px 12px;font-size:12px;font-weight:700;color:var(--i)} .topo-chip button{background:#fff;border:1px solid var(--l);border-radius:50%;width:18px;height:18px;line-height:1;cursor:pointer;color:var(--m);font-size:12px;padding:0} .topo-chip button:hover{background:#fee2e2;color:#b42318;border-color:#fecaca} .field-grid textarea{min-height:70px;resize:vertical} .admin-list{display:flex;flex-direction:column;gap:0} .admin-row{border-bottom:1px solid var(--l);padding:14px 4px} .admin-row-head{display:flex;justify-content:space-between;align-items:center;gap:12px} .admin-row-head .meta{font-size:12px;color:var(--m)} .tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:700;background:var(--s);color:var(--m)} .tag.on{background:#eaf8ef;color:#176b35} .tag.off{background:#fff0f0;color:#b42318} details.edit summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--b);list-style:none} details.edit summary::-webkit-details-marker{display:none} details.edit form{margin-top:12px} .btn.danger{background:#b42318} .btn.small,.mini{border:0;background:var(--b);color:#fff;border-radius:6px;padding:7px 11px;font-size:11.5px;font-weight:700;cursor:pointer} .btn.small.outline{background:#fff;color:var(--i);border:1px solid var(--l)} .btn.small.danger{background:#b42318} .inline-form{display:inline} .menu-group h3{font-size:14px;margin:22px 0 4px} .add-menu-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin-top:8px} .add-menu-form input,.add-menu-form select{padding:10px;border:1px solid var(--l);border-radius:8px;font-size:12px} @media(max-width:800px){.nav nav{display:none}.hero-grid,.product,.account,.feedback,.admin-grid,.about-hero-grid,.about-mission-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:43px}.actions{gap:7px}.product h1,.article h1,.auth h1,.feedback h1{font-size:35px}.field-grid,.add-menu-form{grid-template-columns:1fr}.about-stats{flex-direction:row;flex-wrap:wrap}.about-stats .stat{flex:1 1 150px}} @media(prefers-reduced-motion:reduce){.btn,.grid article,.nav nav>a{transition:none}.btn:hover{transform:none}.grid article:hover{transform:none}} /* video embed, used on the product page when a video URL is set */ .video-wrap{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:22px 0;border-radius:13px;overflow:hidden;background:#0b1630} .video-wrap iframe,.video-wrap video{position:absolute;top:0;left:0;width:100%;height:100%;border:0} .pdf-wrap{width:100%;height:82vh;margin:22px 0;border-radius:13px;overflow:hidden;border:1px solid var(--l);background:#f4f6fa} .pdf-wrap iframe{width:100%;height:100%;border:0} .material-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0} /* social share buttons, used on product and blog article pages */ .share{display:flex;align-items:center;gap:10px;margin:24px 0} .share-label{font-size:12.5px;font-weight:600;color:var(--m)} .share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--s);border:1px solid var(--l);color:var(--i);font-size:14px;font-weight:700;transition:background .15s ease,color .15s ease,border-color .15s ease} .share-btn:hover{background:var(--b);color:#fff;border-color:var(--b)} /* ===================================================================== EDU TECH HUB V9 — visual system Keeps the existing admin/editor styles compatible while adding a cleaner public-facing design and responsive mobile navigation. ===================================================================== */ :root{--bg:#f7f9fc;--card:#fff;--ink:#10203a;--muted:#65738b;--blue:#2563eb;--cyan:#18c7b2;--line:#e4e9f1;--soft:#eef4ff;--shadow:0 12px 35px rgba(16,32,58,.08);--shadow-lg:0 24px 70px rgba(16,32,58,.13)} html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink)} .skip-link{position:fixed;left:12px;top:-60px;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;z-index:1000}.skip-link:focus{top:12px} .site-header{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 1px 12px rgba(16,32,58,.03)} .nav{gap:20px}.desktop-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;color:#506078}.desktop-nav a:hover{color:var(--blue)} .header-search{flex:1;max-width:340px;margin-left:auto}.header-search form{height:40px;display:flex;align-items:center;background:#f4f7fb;border:1px solid var(--line);border-radius:10px;padding:0 12px;gap:8px}.header-search span{font-size:20px;color:#8290a5}.header-search input{width:100%;border:0;background:transparent;outline:0;font:inherit;font-size:12px;color:var(--ink)} .actions{margin-left:0;gap:12px}.mobile-menu-btn,.mobile-nav{display:none} .hero-v9{padding:88px 0 72px;background:radial-gradient(circle at 75% 20%,#dff8f5 0,#eef6ff 26%,#f7f9fc 58%,#f7f9fc 100%)} .hero-grid{grid-template-columns:1.02fr .98fr;gap:62px}.eyebrow{display:inline-block;color:var(--blue);font:700 11px/1 var(--mono);letter-spacing:.13em}.hero-copy h1{font-size:58px;line-height:1.04;margin:15px 0 22px;max-width:680px}.hero-copy h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:600px;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#617089;font-size:12px;font-weight:700}.hero-terminal{box-shadow:var(--shadow-lg);border:1px solid #1e3357}.terminal-top{height:44px!important;padding:0 16px!important;display:flex;align-items:center;justify-content:space-between;background:#0d1b34!important}.terminal-top span:first-child{display:flex;gap:6px}.terminal-top i{display:block;width:8px;height:8px;border-radius:50%;background:#536783}.terminal-top b{font-size:11px;color:#91a5c3}.terminal-top span:last-child{color:#5eead4;font:700 9px var(--mono)}.terminal-body{padding:22px 24px;background:#0c1930}.terminal-line{font:600 12px var(--mono);color:#d9e5f5}.terminal-line span{color:#5eead4}.terminal-output{margin-top:9px;font:11.5px/1.8 var(--mono);color:#8fa3c0}.terminal-output .ok{color:#5eead4}.terminal-output .cyan{color:#fbbf24}.network-topology-wrap{background:#0b1730}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#7a879b;font-size:12px}.trust-inner b{color:#263954;font-size:12px} .section{padding:82px 0}.soft{background:#f1f5fa}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{margin:7px 0 5px}.section-heading p{color:var(--muted);font-size:13px}.text-link{color:var(--blue);font-size:12.5px;font-weight:800}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 4px 16px rgba(16,32,58,.03);transition:.18s}.path-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cbd8eb}.path-icon{width:40px;height:40px;border-radius:12px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font:700 11px var(--mono)}.path-card h3{font-size:16px}.path-card p{color:var(--muted);font-size:12px;line-height:1.55;margin-top:5px}.path-card>b{color:var(--blue)} .course-grid{grid-template-columns:repeat(3,1fr)}.course-card{padding:0!important;overflow:hidden}.course-visual{height:145px;background:linear-gradient(135deg,#10203a,#1f3b64);position:relative;padding:17px;color:#fff;display:flex;align-items:flex-start;justify-content:space-between}.course-visual span{font:700 10px var(--mono);letter-spacing:.1em;color:#b7c8df}.course-visual strong{font-size:13px;color:#fff;background:rgba(255,255,255,.1);padding:6px 9px;border-radius:8px}.course-visual i{position:absolute;right:25px;bottom:7px;font:700 78px/1 var(--mono);color:rgba(94,234,212,.23);font-style:normal;transform:rotate(-8deg)}.course-visual.mini{height:74px;width:100px;border-radius:10px;padding:10px;flex-shrink:0}.course-visual.mini span{font-size:8px}.course-visual.mini i{font-size:40px;right:7px;bottom:1px}.course-card>.course-meta,.course-card>h3,.course-card>p,.course-card>.course-footer{margin-left:20px;margin-right:20px}.course-meta{display:flex;gap:8px;margin-top:17px}.course-meta span{font-size:10px;font-weight:800;color:#75839a;text-transform:uppercase;letter-spacing:.05em}.course-card h3{font-size:18px;margin-top:8px}.course-card p{font-size:12.5px;line-height:1.65;color:var(--muted);min-height:42px}.course-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 0 20px;border-top:1px solid var(--line);margin-top:18px!important;font-size:11px;font-weight:700;color:#8190a6}.course-footer .btn{margin:0}.btn.small{padding:8px 12px} .feature-band{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-band h2{font-size:38px;margin:10px 0 12px}.feature-band p{color:var(--muted);line-height:1.75;max-width:560px}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-list>div{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.feature-list b{font:700 11px var(--mono);color:var(--blue)}.feature-list span{display:flex;flex-direction:column;gap:4px}.feature-list strong{font-size:13px}.feature-list small{font-size:12px;color:var(--muted)}.insight-grid article{padding:24px}.insight-card h3{font-size:18px;margin:10px 0}.insight-card p{min-height:60px}.insight-card>a{color:var(--blue);font-size:12px;font-weight:800}.cta-section{padding:30px 0 85px}.cta-box{background:linear-gradient(120deg,#10203a,#18345c);border-radius:20px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;box-shadow:var(--shadow-lg)}.cta-box h2{color:#fff;font-size:30px;margin:9px 0}.cta-box p{color:#aab9cf;font-size:13px}.cta-box .btn{background:#5eead4;color:#082039}.cta-box .eyebrow{color:#5eead4} .pagehead-v9{padding:65px 0;background:linear-gradient(120deg,#eef5ff,#f8fafc)}.pagehead-v9 h1{font-size:44px;margin:12px 0 7px}.pagehead-v9 p{color:var(--muted)}.catalog-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.catalog-search{display:flex;gap:8px;min-width:320px;flex:1}.catalog-search input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;outline:none;background:#fff}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:#fff;color:#65738b;font-size:11px;font-weight:800}.chip.active,.chip:hover{background:#eaf1ff;border-color:#c9d9fb;color:var(--blue)}.catalog-count{font-size:12px;color:var(--muted);margin-bottom:16px}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;background:#fff;border:1px dashed #cfd8e6;border-radius:14px}.empty-state strong{font-size:17px}.empty-state p,.muted{color:var(--muted);font-size:13px;margin:7px 0 16px} .product-hero{padding:72px 0;background:linear-gradient(120deg,#eef5ff,#f8fafc)}.product-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center}.breadcrumbs{display:flex;gap:8px;color:#7c899c;font-size:11px;margin-bottom:25px}.breadcrumbs a:hover{color:var(--blue)}.product-hero h1{font-size:48px;line-height:1.06;margin:12px 0 17px}.purchase-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:var(--shadow-lg)}.purchase-card .price{margin:9px 0 10px}.purchase-label{font:700 10px var(--mono);letter-spacing:.1em;color:#77859a}.purchase-card p{color:var(--muted);font-size:12px;line-height:1.65;margin-bottom:20px}.purchase-card .btn{width:100%;text-align:center}.secure-note{display:block;text-align:center;color:#8290a5;font-size:10.5px;margin-top:12px}.product-content{display:grid;grid-template-columns:1fr 290px;gap:60px}.content-block{padding:35px 0;border-bottom:1px solid var(--line)}.content-block h2{margin:8px 0 18px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefit-grid div{background:#f6f9fd;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:12px;font-weight:700}.side-info{align-self:start;border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;position:sticky;top:100px}.side-info h3{font-size:15px;margin:0 0 12px}.side-info p{font-size:12px;color:var(--muted);padding:8px 0;border-bottom:1px solid #edf0f5}.side-info hr{border:0;border-top:1px solid var(--line);margin:18px 0} .dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.dashboard-stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.dashboard-stats small{display:block;color:#7b889d;font:700 10px var(--mono);letter-spacing:.1em}.dashboard-stats b{display:block;font-size:28px;margin:7px 0}.dashboard-stats span{color:var(--muted);font-size:11px}.account-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:25px}.learning-list{display:flex;flex-direction:column;gap:10px}.learning-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;gap:14px}.learning-card>div:nth-child(2){flex:1}.learning-card h3{font-size:14px;margin:4px 0}.learning-card p,.learning-card small{font-size:11px;color:var(--muted)}.learning-card>div:last-child{display:flex;align-items:center;gap:10px}.account-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.account-panel h2{font-size:21px;margin:8px 0 15px}.status-pill{font-size:9px;text-transform:uppercase;font-weight:800;padding:4px 7px;border-radius:20px;background:#eef2f7;color:#65738b}.status-pill.paid{background:#e8f8f0;color:#187346}.status-pill.pending{background:#fff5db;color:#9a6700}.item small{font-size:10px}.checkout-page{min-height:640px;display:grid;place-items:center}.checkout-card{width:min(600px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow-lg)}.checkout-card h1{font-size:34px;margin:10px 0 25px}.checkout-product{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:18px}.checkout-product div:nth-child(2){display:flex;flex-direction:column;gap:4px}.checkout-product small{font-size:10px;color:var(--muted)}.payment-ready{background:#eaf8f4;border:1px solid #c8eee5;padding:14px;border-radius:10px;display:flex;flex-direction:column;gap:4px;margin:15px 0}.payment-ready span{font-size:11px;color:#557067}.checkout-card form,.checkout-card>#rzp-button{width:100%}.back-link{display:block;text-align:center;margin-top:18px;color:#728098;font-size:12px}.error-page{min-height:650px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.error-code{font:800 92px/1 var(--mono);color:#dce6f5}.error-page h1{font-size:32px;margin:12px 0}.error-page p{color:var(--muted);max-width:500px;margin-bottom:24px}.error-page .btn{margin:5px} .search-results{display:flex;flex-direction:column;gap:70px}.search-results .section-heading h2{font-size:22px}.search-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.search-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:7px;transition:.15s}.search-row:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.search-row small{color:var(--blue);font:700 9px var(--mono);letter-spacing:.08em}.search-row strong{font-size:14px}.search-row span{font-size:11.5px;color:var(--muted);line-height:1.6} footer{padding-top:62px}.footer-grid{grid-template-columns:1.35fr repeat(3,1fr) 1.35fr}.footer-bottom{display:flex;justify-content:space-between;gap:20px}.footer-bottom span{font-size:11px;color:#71819c}.footer-bottom a{color:#8fa0bf} @media(max-width:1000px){.header-search{display:none}.desktop-nav{gap:14px}.hero-grid,.product-hero-grid,.product-content,.account-grid{grid-template-columns:1fr}.purchase-card{max-width:460px}.side-info{position:static}.path-grid,.course-grid{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:800px){.site-header{height:68px}.desktop-nav,.actions{display:none}.mobile-menu-btn{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;width:40px;height:40px;font-size:18px;color:var(--ink)}.mobile-nav{display:block;background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 35px rgba(16,32,58,.08)}.mobile-nav[hidden]{display:none}.mobile-nav .wrap{display:flex;flex-direction:column;padding:10px 0 18px}.mobile-nav a{padding:13px 2px;border-bottom:1px solid #eef1f5;font-size:13px;font-weight:700}.mobile-search{display:flex;gap:8px;margin:6px 0 10px}.mobile-search input{flex:1;padding:10px;border:1px solid var(--line);border-radius:8px}.hero-v9{padding:60px 0}.hero-copy h1{font-size:43px}.trust-inner{justify-content:flex-start;overflow:auto;padding:0 4%;white-space:nowrap}.trust-inner>span{display:none}.section{padding:62px 0}.section-heading{align-items:flex-start;flex-direction:column}.path-grid,.course-grid,.search-list,.dashboard-stats{grid-template-columns:1fr}.feature-band h2{font-size:31px}.cta-box{padding:30px;flex-direction:column;align-items:flex-start}.product-hero h1{font-size:38px}.catalog-search{min-width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.benefit-grid{grid-template-columns:1fr}.learning-card{align-items:flex-start;flex-wrap:wrap}.learning-card>div:last-child{width:100%;justify-content:flex-end}.checkout-card{padding:24px}} @media(max-width:520px){.wrap{width:min(92%,1160px)}.hero-copy h1{font-size:38px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.footer-grid{grid-template-columns:1fr}.course-visual{height:130px}.pagehead-v9 h1{font-size:36px}.checkout-product{grid-template-columns:auto 1fr}.checkout-product>b{grid-column:2}.affiliate-inline-head,.affiliate-inline-footer{display:grid}.affiliate-inline-card{grid-template-columns:72px 1fr}.affiliate-inline-card img,.affiliate-inline-visual{width:72px;height:72px}} /* V9 admin usability */ .admin-stats-v9{grid-template-columns:repeat(6,1fr)}.admin-stats-v9 div{padding:17px}.admin-stats-v9 small{display:block;color:#8290a5;font:700 9px var(--mono);letter-spacing:.1em}.admin-stats-v9 b{margin:5px 0;font-size:24px}.admin-stats-v9 span{font-size:10px;color:var(--m)}.admin-quickbar{display:flex;gap:8px;flex-wrap:wrap;margin:-7px 0 22px}.admin-quickbar a{background:#fff;border:1px solid var(--l);border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800;color:var(--i)}.admin-quickbar a:hover{background:var(--s);color:var(--b)} @media(max-width:1100px){.admin-stats-v9{grid-template-columns:repeat(3,1fr)}} @media(max-width:650px){.admin-stats-v9{grid-template-columns:1fr 1fr}} /* Authentication + site controls */ .auth-card-v9{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow-lg)} .auth-card-v9 form{display:flex;flex-direction:column;gap:14px}.auth-card-v9 label{font-size:11px;font-weight:800;color:#536176}.auth-card-v9 input{margin-top:6px}.auth-intro{color:var(--muted);font-size:12px;line-height:1.7;margin:-5px 0 14px}.auth-links{display:flex;justify-content:center;gap:9px;margin-top:18px;font-size:12px;color:var(--muted)}.auth-links a{color:var(--blue);font-weight:800}.resend-form{margin-top:10px!important;display:grid!important;grid-template-columns:1fr auto;align-items:end}.resend-form input{margin-top:0}.site-announcement{background:#10203a;color:#fff;text-align:center;padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.02em}.control-note{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc}.control-note p{font-size:11px;line-height:1.65;color:var(--muted)} /* V11 SEO, breadcrumbs, analytics-aware auth and security UI */ .breadcrumb-bar{background:#f7f9fc;border-bottom:1px solid var(--line)}.breadcrumb-inner{min-height:42px;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.breadcrumb-inner a,.breadcrumb-current{font-size:11px;font-weight:700;color:#728098;overflow:hidden;text-overflow:ellipsis}.breadcrumb-inner a:hover{color:var(--blue)}.breadcrumb-current{color:#243653}.breadcrumb-sep{color:#a3afc0;font-size:15px} .auth-links-stack{flex-direction:column;align-items:center;gap:12px}.auth-secondary{width:100%;text-align:center;box-sizing:border-box}.auth-card-v9 label{display:block}.auth-card-v9 label>input{display:block;width:100%;box-sizing:border-box}.password-strength{margin-top:7px}.strength-bar{height:5px;background:#e9eef5;border-radius:10px;overflow:hidden}.strength-bar i{display:block;height:100%;width:0;background:#2b65e8;border-radius:10px;transition:width .2s}.password-strength small{display:block;margin-top:5px;color:#7b889d;font-size:10px}.password-rules{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 3px}.password-rules span{padding:5px 8px;border:1px solid #dfe6f0;border-radius:20px;background:#f8fafc;color:#7b889d;font-size:9px;font-weight:800}.password-rules span.ok{background:#e8f8f0;border-color:#bfe7d0;color:#187346}.security-checklist{display:grid;gap:8px;margin-top:18px;padding:15px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;color:#52627a;font-size:11px;line-height:1.5}.admin-section-title{font:800 10px var(--mono);letter-spacing:.12em;color:var(--blue);margin:25px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.password-account-panel{margin-top:20px}.password-change-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-change-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#536176}.password-change-form input{padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit}.password-change-form .password-rules,.password-change-form button{grid-column:1/-1}.password-change-form .password-strength{grid-column:1/-1} @media(max-width:650px){.password-change-form{grid-template-columns:1fr}.password-change-form .password-rules,.password-change-form button,.password-change-form .password-strength{grid-column:auto}} /* V12 production features */ .coupon-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.coupon-inline input{flex:1;min-width:150px}.progress-track{height:7px;background:var(--l);border-radius:99px;overflow:hidden;margin:8px 0}.progress-track i{display:block;height:100%;background:var(--b);border-radius:inherit}.progress-form{display:flex;align-items:center;gap:7px;margin:8px 0}.progress-form input[type=range]{width:150px}.progress-form output{min-width:42px;font-size:12px;color:var(--m)}.certificate-page{padding:70px 20px;background:#f7f9fc;min-height:70vh}.certificate-card{max-width:900px;margin:auto;background:#fff;border:1px solid var(--l);border-radius:20px;padding:70px;text-align:center;box-shadow:0 25px 70px rgba(20,40,80,.10)}.certificate-brand{font-weight:800;font-size:24px;color:var(--b);margin-bottom:35px}.certificate-card h1{font-size:22px;margin:15px 0}.certificate-name{font-size:46px;font-weight:800;margin:18px 0}.certificate-card h2{font-size:30px;margin:15px 0}.certificate-meta{color:var(--m)}.certificate-code{display:inline-block;margin-top:28px;padding:10px 15px;border:1px dashed var(--l);border-radius:10px;font-size:13px}.certificate-actions{margin-top:28px}@media print{.site-header,footer,.breadcrumb-bar,.certificate-actions{display:none!important}.certificate-page{padding:0;background:#fff}.certificate-card{box-shadow:none;border:3px solid #111;border-radius:0;max-width:none;min-height:85vh;display:flex;flex-direction:column;justify-content:center}.certificate-name{font-size:42px}}@media(max-width:700px){.certificate-card{padding:35px 20px}.certificate-name{font-size:32px}.progress-form{flex-wrap:wrap}.progress-form input[type=range]{width:120px}} .permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-grid label{font-size:13px;padding:8px;border:1px solid var(--l);border-radius:8px}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}} /* V13 content editor improvements */ .rte { position:relative; } .rte-editor img { max-width:100%; height:auto; cursor:pointer; border-radius:8px; display:inline-block; vertical-align:middle; } .rte-editor img.rte-selected-image { outline:2px solid var(--a); outline-offset:3px; box-shadow:0 0 0 5px rgba(37,99,235,.10); } .rte-image-tools { position:absolute; z-index:30; display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:8px; background:#fff; border:1px solid var(--l); border-radius:10px; box-shadow:0 12px 35px rgba(15,23,42,.16); } .rte-image-tools button,.rte-image-tools input { font:inherit; border:1px solid var(--l); border-radius:7px; background:#fff; padding:5px 8px; } .rte-image-tools input { width:72px; } .rte-image-tools .rte-resize-handle { position:absolute; right:-7px; bottom:-7px; width:14px; height:14px; border-radius:50%; background:var(--a); border:2px solid #fff; cursor:nwse-resize; box-shadow:0 2px 8px rgba(15,23,42,.25); } .rte-upload-input { display:none !important; } .legal-link-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:16px 0 22px; } .legal-link-grid a { display:flex; flex-direction:column; gap:4px; padding:14px; border:1px solid var(--l); border-radius:12px; background:var(--card,#fff); text-decoration:none; } .legal-link-grid a span { color:var(--m); font-size:12px; } .page-editor-row summary { cursor:pointer; list-style:none; } .page-editor-row summary::-webkit-details-marker { display:none; } .check-row { display:flex; align-items:center; gap:8px; margin-top:12px; } .check-row input { width:auto; } .admin-action-row { display:flex; align-items:center; gap:14px; margin-top:12px; } .topo-endpoint-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; } .topo-endpoint-grid label { display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:700; } .topo-endpoint-grid input { width:100%; } @media (max-width:900px){.legal-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:560px){.legal-link-grid{grid-template-columns:1fr;}.topo-endpoint-grid{grid-template-columns:1fr;}} .network-topology .endpoint-label,.network-topology .link-label{font:600 9px Inter,Arial,sans-serif;fill:currentColor;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.network-topology .link-label{font-weight:700} /* V18-style content viewing improvements */ .full-course-content .article-body { font-size: 16px; line-height: 1.8; } .full-course-content .article-body img { max-width: 100%; height: auto; border-radius: 12px; } .video-wrap video { width: 100%; display: block; border-radius: 14px; background: #000; max-height: 720px; } .document-viewer { width: 100%; min-height: 780px; border: 1px solid var(--line, #dfe5ee); border-radius: 14px; overflow: hidden; background: #fff; } .document-viewer iframe { width: 100%; height: 780px; border: 0; display: block; } .menu-content-outline h2 { margin-top: 0; } @media (max-width: 700px) { .document-viewer, .document-viewer iframe { min-height: 560px; height: 560px; } } /* Network Guide Academy V19 additions */ .logo-img-brand{height:64px!important;width:auto!important;max-width:250px!important;object-fit:contain;background:#fff} .logo-img-footer{height:72px!important;width:auto!important;max-width:250px!important;object-fit:contain;background:#fff} .terminal-rotating-text{margin:0;white-space:pre-wrap;font:500 13px/1.7 'JetBrains Mono',monospace;color:#d7f2ff;min-height:145px;transition:opacity .18s ease,transform .18s ease}.terminal-changing{opacity:0;transform:translateY(4px)} .quiz-chip-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.quiz-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--l);background:#fff;border-radius:999px;padding:11px 16px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(20,33,61,.06)}.quiz-chip:hover{transform:translateY(-2px);border-color:#2f80ed}.quiz-chip span{font-size:11px;color:var(--m)} .quiz-shell{max-width:900px}.quiz-result{padding:24px;border-radius:18px;background:#eef6ff;margin-bottom:24px}.quiz-question{border:1px solid var(--l);border-radius:18px;padding:22px;margin:0 0 20px}.quiz-question legend{font-size:18px;font-weight:800;padding:0 8px;display:flex;gap:10px;align-items:center}.quiz-question legend>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0e5ee8;color:#fff;font-size:12px}.quiz-option{display:flex!important;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--l);border-radius:12px;margin:10px 0;cursor:pointer}.quiz-option:hover{background:#f8fbff}.quiz-option input{width:auto!important;margin-top:4px}.quiz-feedback{padding:12px 14px;border-radius:10px;margin-top:10px}.quiz-feedback.correct{background:#e9f9ef}.quiz-feedback.wrong{background:#fff0f0} .topic-card{border:1px solid var(--l);border-radius:16px;margin:14px 0;background:#fff;overflow:hidden}.topic-card summary{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;list-style:none}.topic-card summary span{font-family:'JetBrains Mono',monospace;color:#0e5ee8}.topic-card summary b{flex:1}.topic-card summary i{font-style:normal;font-size:20px}.topic-card[open] summary i{transform:rotate(45deg)}.topic-content{padding:0 20px 22px} .rte-editor img{display:block!important;max-width:100%!important;height:auto;border-radius:10px;margin:12px 0;cursor:pointer}.rte{position:relative;overflow:visible}.rte-image-tools{z-index:20;display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#101a35;color:#fff;padding:8px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.rte-image-tools input{width:82px!important}.rte-resize-handle{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-radius:3px;cursor:ew-resize}.rte-selected-image{outline:3px solid #2f80ed;outline-offset:3px} .admin-video-preview{margin-top:8px}.admin-video-preview .video-wrap{max-width:420px;padding-bottom:56.25%}.admin-video-preview small{display:block;margin-bottom:5px;color:var(--m)} .analytics-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.analytics-cards>a{display:flex;flex-direction:column;padding:18px;border:1px solid var(--l);background:#fff;border-radius:14px;text-decoration:none}.analytics-cards b{font-size:28px;color:#0e5ee8}.analytics-cards span{font-size:12px;color:var(--m)}.admin-analytics-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 20px}.analytics-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.analytics-toolbar .chip{padding:7px 11px;border-radius:999px;border:1px solid var(--l)}.analytics-toolbar .chip.active{background:#0e5ee8;color:#fff}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.analytics-panel{border:1px solid var(--l);border-radius:16px;padding:18px;background:#fff;overflow:auto}.analytics-panel.wide{grid-column:1/-1}.analytics-panel table,.analytics-event-table table{width:100%;border-collapse:collapse}.analytics-panel th,.analytics-panel td,.analytics-event-table th,.analytics-event-table td{padding:10px;border-bottom:1px solid var(--l);text-align:left;font-size:13px}.analytics-event-table{overflow:auto;border:1px solid var(--l);border-radius:14px}.quiz-admin-question{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px;border-top:1px solid var(--l);margin-top:8px} @media(max-width:900px){ .logo-img-brand{height:52px!important;max-width:190px!important}.analytics-cards,.admin-analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.analytics-panel.wide{grid-column:auto}.hero-grid{grid-template-columns:1fr!important}.hero-terminal{min-width:0}.path-grid,.course-grid,.insight-grid{grid-template-columns:1fr!important}.admin-layout{grid-template-columns:1fr!important}.admin-sidebar{position:static!important;display:flex!important;overflow-x:auto;gap:8px;padding-bottom:8px}.admin-sidebar a{white-space:nowrap}.field-grid{grid-template-columns:1fr!important}.field-grid .full{grid-column:1!important}.rte-toolbar{overflow-x:auto;white-space:nowrap;display:flex}.product-hero-grid,.product-content{grid-template-columns:1fr!important}.purchase-card{position:static!important}.footer-grid{grid-template-columns:1fr 1fr!important} } @media(max-width:600px){ .wrap{padding-left:16px!important;padding-right:16px!important}.logo-img-brand{height:44px!important;max-width:160px!important}.actions{display:none!important}.header-search{display:none!important}.mobile-menu-btn{display:block!important}.hero{padding-top:32px!important}.hero h1{font-size:36px!important}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.trust-inner{overflow-x:auto;white-space:nowrap}.analytics-cards,.admin-analytics-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr!important}.quiz-option{padding:11px}.pagehead h1{font-size:34px}.rte-editor{min-height:220px}.rte-image-tools{position:sticky!important;left:0!important;top:auto!important;bottom:8px}.admin-stats-v9{grid-template-columns:1fr 1fr!important}.admin-quickbar{overflow-x:auto;white-space:nowrap}.video-wrap iframe,.video-wrap video{width:100%}.document-viewer iframe{min-height:60vh} } .admin-drilldown-stats>a{color:inherit;text-decoration:none;display:flex;flex-direction:column}.admin-drilldown-stats>a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(20,33,61,.1)} /* V20 */ .logo-img-brand{height:72px!important;max-width:330px!important;border-radius:0!important;background:transparent!important;object-fit:contain} .logo-img-footer{height:72px!important;max-width:300px!important;border-radius:0!important;background:#fff!important;object-fit:contain} .quiz-builder-head,.quiz-template-title,.product-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-builder-head{margin:22px 0 12px}.quiz-question-template{border:1px solid var(--l);border-radius:14px;padding:16px;margin:0 0 14px;background:#f9fbff}.quiz-template-title{margin-bottom:12px}.quiz-question-admin-list{display:grid;gap:10px;margin:12px 0}.quiz-admin-question{border:1px solid var(--l);border-radius:12px;padding:12px;background:#fff}.quiz-admin-question summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer}.product-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.product-library-card{display:flex;flex-direction:column;min-height:220px}.product-library-card p{flex:1}.product-type{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--b)}.price-pill{font-weight:800;border-radius:999px;padding:6px 10px}.price-pill.free{background:#e9fff0;color:#087a37}.price-pill.paid{background:#eef5ff;color:#075cd6}.locked-content{border:1px dashed var(--l);background:#f8fbff}.quiz-lock{max-width:520px;margin:0 auto}.global-share{position:fixed;right:14px;bottom:14px;z-index:70;display:flex;align-items:center;gap:6px;padding:8px;background:#fff;border:1px solid var(--l);box-shadow:0 8px 30px rgba(13,35,70,.14);border-radius:999px}.global-share span{font-size:11px;font-weight:800;color:var(--m);padding-left:6px}.global-share a,.global-share button{border:0;background:#f3f7ff;color:var(--n);font:inherit;font-size:11px;font-weight:700;padding:7px 9px;border-radius:999px;text-decoration:none;cursor:pointer}.global-share a:hover,.global-share button:hover{background:#e4eeff;color:var(--b)} @media(max-width:800px){.logo-img-brand{height:54px!important;max-width:230px!important}.global-share{left:8px;right:8px;bottom:8px;overflow-x:auto;justify-content:flex-start}.global-share span{display:none}.global-share a,.global-share button{white-space:nowrap}.product-card-bottom{align-items:flex-start}.quiz-template-title{align-items:flex-start}} /* V21 course resources + richer editor */ .rte-toolbar select{min-width:88px;max-width:150px;padding:7px 8px;border:1px solid var(--l);border-radius:7px;background:#fff}.rte-toolbar .rte-color-label{display:inline-flex!important;align-items:center;gap:4px;padding:4px 7px;border:1px solid var(--l);border-radius:7px;background:#fff}.rte-toolbar input[type=color]{width:26px!important;height:25px!important;padding:0!important;border:0!important}.rte-editor font[size=1]{font-size:11px}.rte-editor font[size=2]{font-size:13px}.rte-editor font[size=3]{font-size:16px}.rte-editor font[size=4]{font-size:20px}.rte-editor font[size=5]{font-size:26px}.rte-editor font[size=6]{font-size:34px}.rte-editor font[size=7]{font-size:44px}.resource-grid{display:grid;gap:20px}.resource-card{border:1px solid var(--l);border-radius:14px;padding:18px;background:#fff;overflow:hidden}.resource-head h3{margin:5px 0}.resource-type{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--p)}.resource-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.document-viewer.compact iframe{min-height:460px}.course-resources-public .video-wrap{margin-top:12px}@media(max-width:700px){.document-viewer.compact iframe{min-height:60vh}.resource-card{padding:14px}} /* V22: sharper/larger brand and rich content controls */ .content-table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff}.content-table th,.content-table td{border:1px solid #dbe3ef;padding:10px 12px;vertical-align:top}.content-table th{background:#f5f8fd;font-weight:800}.rte-editor table{width:100%;border-collapse:collapse;margin:14px 0}.rte-editor th,.rte-editor td{border:1px solid #cbd5e1;padding:8px;min-width:80px}.rte-editor th{background:#eef4ff} .menu-media-preview{margin:18px 0 28px}.menu-media-preview .video-wrap,.menu-media-admin-preview .video-wrap{max-width:920px}.menu-media-admin-preview{margin-top:4px}.menu-media-admin-preview:empty{display:none}.link-preview-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--l);border-radius:14px;background:#f8fbff;padding:18px;overflow:hidden}.link-preview-card p{word-break:break-all;margin:6px 0 0;color:var(--m)} @media(max-width:800px){.link-preview-card{align-items:flex-start;flex-direction:column}.content-table{display:block;overflow-x:auto}} /* V23: exact V21 logo display size, UHD source image for clarity */ .logo-img-brand{height:72px!important;max-width:330px!important;width:auto!important;object-fit:contain;image-rendering:auto;transform:translateZ(0)} .logo-img-footer{height:72px!important;max-width:300px!important;width:auto!important;object-fit:contain;image-rendering:auto} @media(max-width:800px){.logo-img-brand{height:54px!important;max-width:230px!important}.logo-img-footer{height:72px!important;max-width:250px!important}} /* V23: playable previews on Resources listing */ .catalog-media-preview{margin:-1px -1px 14px;border-radius:14px 14px 0 0;overflow:hidden;background:#07162f;aspect-ratio:16/9} .catalog-media-preview iframe,.catalog-media-preview video{width:100%;height:100%;display:block;border:0;background:#000} .course-card.has-media{overflow:hidden;padding-top:0}.course-card.has-media .course-meta,.course-card.has-media h3,.course-card.has-media>p,.course-card.has-media .course-footer{margin-left:18px;margin-right:18px}.course-card.has-media .course-footer{margin-bottom:18px} /* V24 — clean code-rendered Network Guide Academy wordmark. The original supplied artwork is used only for the NT/network mark and is clipped in CSS; the name/slogan are live text so they remain sharp at any DPI. This also removes the dark top stripe baked into the old wide raster file. */ .site-header{border-top:0!important} .networktech-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:274px;overflow:visible} .networktech-mark{position:relative;display:block;width:62px;height:62px;overflow:hidden;flex:0 0 62px;background:#fff} .networktech-mark img{position:absolute;width:91px!important;height:91px!important;max-width:none!important;left:-14px;top:-5px;object-fit:contain;border:0!important;border-radius:0!important;background:#fff!important} .networktech-wordmark{display:flex;flex-direction:column;justify-content:center;line-height:1;white-space:nowrap} .networktech-name{display:block;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;letter-spacing:-.8px;color:#071c4f;line-height:.98} .networktech-name strong{font:inherit;color:#071c4f} .networktech-name em{font:inherit;font-style:normal;color:#0878f9} .networktech-slogan{display:block;margin-top:5px;font-family:Arial,Helvetica,sans-serif;font-size:7.7px;line-height:1;font-weight:800;letter-spacing:1.02px;color:#263750} .networktech-brand-footer{min-width:0} .networktech-brand-footer .networktech-name{color:#fff} .networktech-brand-footer .networktech-name strong{color:#fff} .networktech-brand-footer .networktech-slogan{color:#b8c6dd} .networktech-brand-footer .networktech-mark,.networktech-brand-footer .networktech-mark img{background:#fff!important} @media(max-width:900px){ .networktech-brand{min-width:235px;gap:7px!important}.networktech-mark{width:52px;height:52px;flex-basis:52px}.networktech-mark img{width:77px!important;height:77px!important;left:-12px;top:-4px}.networktech-name{font-size:20px}.networktech-slogan{font-size:6.4px;letter-spacing:.82px;margin-top:4px} } @media(max-width:480px){ .networktech-brand{min-width:195px}.networktech-mark{width:45px;height:45px;flex-basis:45px}.networktech-mark img{width:67px!important;height:67px!important;left:-10px;top:-4px}.networktech-name{font-size:17px;letter-spacing:-.55px}.networktech-slogan{font-size:5.5px;letter-spacing:.62px} } /* V24 — resilient resource video embeds. */ .video-embed-shell{width:100%} .video-embed-shell .video-wrap{margin:0!important} .video-source-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:#f6f9fd;border:1px solid #e4eaf2;border-top:0;font-size:10px;color:#697990} .video-source-actions a{font-weight:800;color:#1267d9;text-decoration:none;white-space:nowrap} .video-source-actions a:hover{text-decoration:underline} .catalog-media-preview .video-embed-shell{height:100%;display:flex;flex-direction:column} .catalog-media-preview .video-wrap{flex:1;min-height:0;padding-bottom:0!important;height:auto!important} .catalog-media-preview .video-source-actions{flex:0 0 auto} /* V27 LMS */ .module-card{border:1px solid var(--line,#dbe3ef);border-radius:16px;padding:18px;margin:14px 0}.lesson-list{display:grid;gap:8px;margin-top:12px}.lesson-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;background:rgba(20,90,200,.05);text-decoration:none;color:inherit}.lesson-row small{display:block;margin-top:3px;opacity:.7}.lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}.bookmark-form{margin:14px 0}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lesson-layout{max-width:980px}@media(max-width:800px){.admin-split{grid-template-columns:1fr}.lesson-row{align-items:flex-start}.lesson-nav .btn{width:100%}} /* V28 LMS */ .global-share{display:none!important}.footer-social{max-width:1180px;margin:0 auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-social-links{display:flex;gap:8px;flex-wrap:wrap}.footer-social a,.footer-social button{border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;padding:8px 12px;border-radius:999px;text-decoration:none;cursor:pointer}.lesson-prereqs,.lesson-downloads{padding:16px;border:1px solid var(--l);border-radius:14px;margin:0 0 18px}.lesson-prereqs a,.resource-download{display:block;margin-top:8px}.lesson-topic{padding-top:20px;border-top:1px solid var(--l);margin-top:20px}.quiz-meta,#quiz-timer{font-weight:700}.attempt-history{margin-top:28px}.dashboard-two,.recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recommend-card{padding:16px;border:1px solid var(--l);border-radius:14px;text-decoration:none;display:grid;gap:6px}.admin-pro-grid{display:grid;gap:14px}.invoice{max-width:800px;margin:auto;background:#fff;padding:32px;border:1px solid var(--l);border-radius:18px}.invoice table{width:100%;border-collapse:collapse;margin:24px 0}.invoice th,.invoice td{padding:12px;border-bottom:1px solid var(--l);text-align:left}@media(max-width:800px){.footer-social{align-items:flex-start;flex-direction:column}.dashboard-two,.recommend-grid{grid-template-columns:1fr}} /* V29 media/PWA/admin */ .media-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:18px}.media-admin-card{border:1px solid var(--l);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fff}.media-admin-card img,.media-admin-card video{width:100%;height:145px;object-fit:contain;border-radius:10px;background:#f6f8fc}.media-file-icon{height:145px;display:grid;place-items:center;background:#f4f7fb;border-radius:10px;font-weight:800;color:var(--p)}.media-admin-card input{font-size:11px}.admin-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media(max-width:700px){.media-admin-grid{grid-template-columns:1fr}.admin-sidebar{max-height:46vh;overflow:auto}} /* V29.1 — header logo crop fix. The source artwork is square and contains the full NETWORK GUIDE ACADEMY wordmark below the NT mark. Only the NT symbol is used in the header; the name/tagline are rendered separately as crisp HTML text. Keep the image aligned to the top so no lower raster text can bleed into the crop. */ .networktech-mark{ width:64px!important; height:60px!important; flex:0 0 64px!important; overflow:hidden!important; background:#fff!important; } .networktech-mark img{ width:90px!important; height:90px!important; max-width:none!important; left:-13px!important; top:0!important; object-fit:contain!important; object-position:center top!important; } @media(max-width:900px){ .networktech-mark{width:54px!important;height:50px!important;flex-basis:54px!important} .networktech-mark img{width:76px!important;height:76px!important;left:-11px!important;top:0!important} } @media(max-width:480px){ .networktech-mark{width:47px!important;height:44px!important;flex-basis:47px!important} .networktech-mark img{width:66px!important;height:66px!important;left:-9px!important;top:0!important} } /* V30 AdSense / Monetization */ .adsense-wrap{margin-top:20px;margin-bottom:20px;min-height:1px;text-align:center;overflow:hidden} .adsense-wrap .adsbygoogle{width:100%;min-height:90px} @media(max-width:700px){.adsense-wrap{margin-top:12px;margin-bottom:12px}.adsense-wrap .adsbygoogle{min-height:50px}} /* V32: polished quiz chips + rotating animated home topology slides */ .practice-quiz-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:18px 0 24px} .practice-quiz-chip{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--l);border-radius:14px;background:#fff;text-decoration:none;color:var(--n);box-shadow:0 4px 16px rgba(20,33,61,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .practice-quiz-chip:hover{transform:translateY(-2px);border-color:#2f80ed;box-shadow:0 8px 22px rgba(20,33,61,.09)} .practice-quiz-category{display:inline-flex;align-items:center;min-height:26px;padding:5px 8px;border-radius:999px;background:#eef5ff;color:#46617f;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap} .practice-quiz-chip strong{min-width:0;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.practice-quiz-arrow{font-size:17px;color:#0e5ee8;font-weight:800} .home-lab-slider{overflow:hidden}.home-topology-stage{position:relative;min-height:360px;background:#0b1730}.home-topology-slide{display:none;opacity:0}.home-topology-slide.active{display:block;opacity:1;animation:homeTopoIn .42s ease both}.home-topology-slide .network-topology-wrap{padding:18px 18px 6px}.home-slide-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px 15px;color:#8fa3c0;font-size:10.5px}.home-slide-caption b{color:#d7f2ff;font-size:11px}.home-slider-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 14px 12px;background:#0b1730;border-top:1px solid rgba(143,163,192,.12)}.home-slider-controls>button{width:34px;height:30px;border:1px solid #29446f;border-radius:8px;background:#10213d;color:#d7f2ff;font-size:20px;line-height:1;cursor:pointer}.home-slider-controls>button:hover{border-color:#5eead4}.home-slide-dots{display:flex;gap:7px}.home-slide-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#536783;cursor:pointer}.home-slide-dots button.active{background:#5eead4;box-shadow:0 0 0 3px rgba(94,234,212,.12)} @keyframes homeTopoIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}} @media(max-width:700px){.practice-quiz-chip-grid{grid-template-columns:1fr}.practice-quiz-chip{grid-template-columns:1fr auto}.practice-quiz-category{grid-column:1/-1;width:max-content}.home-topology-stage{min-height:300px}.home-slide-caption{align-items:flex-start;flex-direction:column}.home-topology-slide .network-topology-wrap{padding:10px 8px 2px}} @media(prefers-reduced-motion:reduce){.home-topology-slide.active{animation:none}.network-topology animateMotion,.network-topology animate{display:none}} /* V33 — every published quiz is one equal-size clickable chip; highlighted admin KPI cards. */ .practice-quiz-chip-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; } .practice-quiz-chip{ width:100%; min-height:82px; height:100%; grid-template-columns:auto minmax(0,1fr) auto; border:1px solid #d9e2ef; } .practice-quiz-chip:focus-visible{ outline:3px solid rgba(25,112,255,.22); outline-offset:2px; border-color:#1970ff; } .practice-quiz-chip strong{font-size:15px} /* Turn the admin dashboard metrics into clear, highlighted KPI chips. */ .admin-drilldown-stats{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; margin-top:24px!important; } .admin-drilldown-stats>a{ position:relative; min-height:112px; padding:18px 18px 16px!important; border:1px solid #dce5f1!important; border-radius:16px!important; background:#fff!important; box-shadow:0 6px 20px rgba(16,39,76,.06)!important; overflow:hidden; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .admin-drilldown-stats>a::before{ content:""; position:absolute; left:0;right:0;top:0; height:4px; background:linear-gradient(90deg,#1769ff,#38a3ff); } .admin-drilldown-stats>a:hover,.admin-drilldown-stats>a:focus-visible{ transform:translateY(-3px); border-color:#6aa3ff!important; box-shadow:0 12px 30px rgba(23,105,255,.13)!important; } .admin-drilldown-stats>a small{color:#506986!important;font-weight:900!important;letter-spacing:.12em} .admin-drilldown-stats>a b{color:#0a4fd8!important;font-size:30px!important;line-height:1.1;margin:8px 0 6px!important} .admin-drilldown-stats>a span{color:#60718a!important} .admin-analytics-cards>a{ border:1px solid #dce5f1!important; background:#f7fbff!important; border-radius:14px!important; box-shadow:0 4px 14px rgba(16,39,76,.05); } .admin-analytics-cards>a b{color:#0a4fd8!important} @media(max-width:1100px){ .practice-quiz-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .admin-drilldown-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:700px){ .practice-quiz-chip-grid{grid-template-columns:1fr} .practice-quiz-chip{min-height:76px;grid-template-columns:auto minmax(0,1fr) auto} .practice-quiz-category{grid-column:auto;width:auto} .admin-drilldown-stats{grid-template-columns:1fr!important} } /* V34: compact header/content pages ------------------------------------------------- Keeps menu/header landing pages visually connected instead of leaving a large empty band between the page heading and the first section. */ .pagehead-v9{ padding:40px 0!important; } .pagehead-v9 h1{ margin:10px 0 6px!important; } .pagehead-v9 p{ margin:0!important; max-width:760px; line-height:1.6; } .pagehead-v9 + .section{ padding-top:34px!important; padding-bottom:58px!important; } .pagehead-v9 + .section > .wrap > .content-block:first-child, .pagehead-v9 + .section > .wrap > .menu-content-outline:first-child{ margin-top:0!important; } .menu-content-outline{ display:grid; gap:12px; margin-top:14px; } .menu-outline-item{ margin-left:calc(var(--menu-depth, 0) * 16px); border:1px solid var(--line); border-radius:14px; background:#fff; padding:17px 19px; box-shadow:0 3px 12px rgba(16,32,58,.025); } .menu-outline-item h2{ margin:0 0 5px!important; font-size:22px; } .menu-outline-item .meta{ margin:0 0 7px; color:var(--muted); line-height:1.55; } .menu-outline-item .menu-outline-body{ margin:12px 0!important; } .menu-outline-item .text-link{ display:inline-block; margin-top:5px; } /* Rich text itself should not create a second large top/bottom gap on menu pages. */ .pagehead-v9 + .section .cms-page-content .article-body, .pagehead-v9 + .section .menu-outline-body{ margin-top:12px; margin-bottom:12px; } @media(max-width:800px){ .pagehead-v9{padding:30px 0!important} .pagehead-v9 + .section{padding-top:24px!important;padding-bottom:44px!important} .menu-outline-item{margin-left:calc(var(--menu-depth, 0) * 8px);padding:15px} .menu-outline-item h2{font-size:19px} } /* V36 — repaired community, topology-only home animation and professional home theme */ .home-page{background:#f5f8fc;background-image:radial-gradient(circle at 12% 8%,rgba(37,99,235,.08),transparent 28%),radial-gradient(circle at 88% 15%,rgba(24,199,178,.09),transparent 30%),linear-gradient(180deg,#f8fbff 0,#f4f7fb 55%,#f8fafc 100%);background-attachment:fixed} .home-page .hero-v9{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(246,250,255,.92) 48%,rgba(236,253,250,.88));border-bottom:1px solid rgba(37,99,235,.08)} .home-page .hero-v9:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 86%)} .home-page .hero-v9>.wrap{position:relative;z-index:1} .home-page .section:not(.soft){background:rgba(255,255,255,.45)} .home-page .section.soft{background:rgba(240,245,252,.72);border-top:1px solid rgba(16,32,58,.04);border-bottom:1px solid rgba(16,32,58,.04)} .home-page .path-card,.home-page .course-card,.home-page .insight-card,.home-page .quiz-chip{box-shadow:0 10px 32px rgba(16,32,58,.07);backdrop-filter:blur(8px)} .home-lab-slider.topology-only .home-topology-stage{min-height:420px} .home-lab-slider.topology-only .terminal-top{border-bottom:1px solid rgba(143,163,192,.15)} .home-lab-slider.topology-only .network-topology-wrap{padding-top:26px} .community-section{background:#f8fafc;border-top:1px solid var(--line)} .community-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:28px;align-items:start} .community-feed>h3,.community-compose h3{margin:0 0 14px;font-size:18px} .community-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 8px 24px rgba(16,32,58,.05)} .community-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.community-card-head strong{font-size:15px}.community-card-head span{font:800 9px var(--mono);letter-spacing:.08em;color:var(--blue);background:#eef4ff;border-radius:999px;padding:5px 8px} .community-card>p,.community-answer p,.community-form-card p{color:var(--muted);font-size:12px;line-height:1.7;margin:7px 0} .community-answer{margin-top:12px;padding:12px 14px;border-left:3px solid var(--cyan);border-radius:8px;background:#f4fbfa}.community-answer b{font-size:11px;color:#1f5260} .community-reply{display:flex;gap:8px;margin-top:12px}.community-reply input{flex:1;min-width:0} .community-form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 8px 24px rgba(16,32,58,.05)} .community-form-card form{display:grid;gap:13px}.community-form-card label{display:grid;gap:6px;color:#536176;font-size:11px;font-weight:800}.community-form-card input,.community-form-card textarea,.community-form-card select{width:100%;box-sizing:border-box;border:1px solid #dce3ed;border-radius:9px;background:#fff;padding:11px;font:inherit;color:var(--ink)}.community-form-card textarea{min-height:110px;resize:vertical} .community-empty{padding:28px;border:1px dashed #cfd9e7;border-radius:14px;background:#fff;color:var(--muted);text-align:center}.community-subheading{margin-top:28px!important}.review-stars{color:#f59e0b;letter-spacing:2px;font-size:16px} @media(max-width:850px){.community-layout{grid-template-columns:1fr}.community-compose{order:-1}.home-lab-slider.topology-only .home-topology-stage{min-height:320px}} /* V37 — stronger professional Network Guide Academy home-page background theme */ .home-page{ position:relative; isolation:isolate; background-color:#f3f7fc; background-image: radial-gradient(circle at 9% 12%,rgba(37,99,235,.13) 0,rgba(37,99,235,.04) 19%,transparent 36%), radial-gradient(circle at 91% 18%,rgba(20,184,166,.14) 0,rgba(20,184,166,.035) 22%,transparent 39%), radial-gradient(circle at 50% 58%,rgba(96,165,250,.08),transparent 34%), linear-gradient(180deg,#f7fbff 0%,#eef5fc 45%,#f7faff 100%); background-attachment:fixed; } .home-page:before{ content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; opacity:.62; background-image: linear-gradient(rgba(34,89,155,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(34,89,155,.045) 1px,transparent 1px); background-size:52px 52px; -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.48) 52%,transparent 94%); mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.48) 52%,transparent 94%); } .home-page:after{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5; background: radial-gradient(circle at 18% 26%,rgba(37,99,235,.45) 0 2px,transparent 3px), radial-gradient(circle at 31% 17%,rgba(20,184,166,.42) 0 2px,transparent 3px), radial-gradient(circle at 77% 31%,rgba(37,99,235,.38) 0 2px,transparent 3px), radial-gradient(circle at 86% 58%,rgba(20,184,166,.35) 0 2px,transparent 3px), linear-gradient(25deg,transparent 0 49.8%,rgba(37,99,235,.055) 50%,transparent 50.2%) 0 0/340px 220px; } .home-page .hero-v9{ position:relative; overflow:hidden; background: radial-gradient(circle at 88% 16%,rgba(45,212,191,.17),transparent 28%), radial-gradient(circle at 8% 72%,rgba(59,130,246,.12),transparent 32%), linear-gradient(120deg,rgba(245,250,255,.98) 0%,rgba(232,242,255,.96) 50%,rgba(231,252,249,.90) 100%); border-top:1px solid rgba(37,99,235,.07); border-bottom:1px solid rgba(37,99,235,.13); } .home-page .hero-v9:before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.9; background-image: linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px); background-size:48px 48px; -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,.3) 60%,transparent 100%); mask-image:linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,.3) 60%,transparent 100%); } .home-page .hero-v9:after{ content:""; position:absolute; width:520px; height:520px; right:-180px; top:-210px; border:1px solid rgba(37,99,235,.10); border-radius:50%; box-shadow:0 0 0 75px rgba(37,99,235,.025),0 0 0 150px rgba(20,184,166,.018); pointer-events:none; } .home-page .hero-v9>.wrap{position:relative;z-index:2} .home-page .trust-strip{ background:linear-gradient(90deg,#0b1f3a 0%,#102b4f 55%,#0d3b4a 100%); border-color:rgba(255,255,255,.08); color:#d8e6f8; } .home-page .trust-strip b{color:#fff} .home-page .section{ position:relative; background:rgba(248,251,255,.62); border-top:1px solid rgba(37,99,235,.045); border-bottom:1px solid rgba(37,99,235,.035); } .home-page .section.soft{ background:linear-gradient(180deg,rgba(235,244,255,.78),rgba(242,248,253,.72)); border-top:1px solid rgba(37,99,235,.09); border-bottom:1px solid rgba(37,99,235,.07); } .home-page .section:nth-of-type(odd):not(.hero-v9){ background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(241,247,255,.60)); } .home-page .path-card, .home-page .course-card, .home-page .insight-card, .home-page .quiz-chip{ background:rgba(255,255,255,.88); border-color:rgba(71,105,150,.18); box-shadow:0 14px 38px rgba(20,54,95,.09); backdrop-filter:blur(10px); } .home-page .path-card:hover, .home-page .course-card:hover, .home-page .insight-card:hover, .home-page .quiz-chip:hover{ border-color:rgba(37,99,235,.35); box-shadow:0 18px 42px rgba(37,99,235,.13); } .home-page .feature-band{ position:relative; border:1px solid rgba(37,99,235,.10); background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(232,243,255,.78)); border-radius:24px; padding:38px; box-shadow:0 18px 50px rgba(20,54,95,.08); } .home-page .cta-section{ background:linear-gradient(135deg,#0b1f3a 0%,#12345d 58%,#0d4c58 100%); } .home-page .cta-box{background:transparent;color:#fff;border-color:rgba(255,255,255,.12)} .home-page .cta-box h2,.home-page .cta-box .eyebrow{color:#fff} .home-page .cta-box p{color:#c6d5e8} @media(max-width:800px){ .home-page{background-attachment:scroll} .home-page:before,.home-page:after{position:absolute} .home-page .hero-v9:after{width:300px;height:300px;right:-170px;top:-120px} .home-page .feature-band{padding:24px;border-radius:18px} } /* ===================================================================== V38 — Full-width professional header Uses wide screens better while keeping the content pages unchanged. ===================================================================== */ .site-header{ height:82px; background: radial-gradient(circle at 16% -120%,rgba(37,99,235,.16),transparent 42%), radial-gradient(circle at 88% -100%,rgba(24,199,178,.13),transparent 38%), linear-gradient(100deg,rgba(246,250,255,.98) 0%,rgba(255,255,255,.99) 46%,rgba(244,251,252,.98) 100%); border-top:3px solid #0b1630!important; border-bottom:1px solid #dbe5f1; box-shadow:0 7px 24px rgba(15,35,68,.07); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); } .site-header>.nav{ width:min(1500px,calc(100% - 48px)); max-width:none; margin:0 auto; gap:24px; height:100%; } .site-header .networktech-brand{flex:0 0 auto;margin-right:12px} .site-header .desktop-nav{gap:24px;flex:0 0 auto} .site-header .header-search{flex:1 1 230px;max-width:300px;min-width:160px;margin-left:auto} .site-header .header-search form{ background:rgba(255,255,255,.76); border-color:#d8e3f0; box-shadow:inset 0 1px 0 rgba(255,255,255,.8); } .site-header .actions{flex:0 0 auto;gap:14px;white-space:nowrap} .site-header .header-logout{margin:0} .site-header .header-logout .btn{min-height:42px;padding:10px 18px;background:rgba(255,255,255,.74)} .site-header .desktop-nav> a,.site-header .dropdown>a,.site-header .actions>a{ position:relative; } .site-header .desktop-nav> a:after,.site-header .dropdown>a:after{ content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;border-radius:2px; background:linear-gradient(90deg,#2563eb,#18c7b2);transform:scaleX(0);transition:transform .16s ease; } .site-header .desktop-nav> a:hover:after,.site-header .dropdown>a:hover:after{transform:scaleX(1)} @media(max-width:1320px){ .site-header>.nav{width:min(1240px,calc(100% - 32px));gap:16px} .site-header .desktop-nav{gap:16px} .site-header .networktech-brand{margin-right:2px} .site-header .header-search{max-width:230px} } @media(max-width:1100px){ .site-header>.nav{width:calc(100% - 28px)} .site-header .desktop-nav{gap:12px;font-size:12px} .site-header .actions{gap:9px;font-size:12px} .site-header .header-search{max-width:190px} } @media(max-width:800px){ .site-header{height:70px;border-top-width:2px!important} .site-header>.nav{width:calc(100% - 24px);gap:10px} .site-header .networktech-brand{margin-right:0} } /* ===================================================================== V39 — unified full-page layout + integrated header theme - Uses the same wide content rail as the header on large screens. - Makes dropdown chevrons clear and consistent. - Blends the supplied raster NT mark into the header background so the white image canvas is not visible. ===================================================================== */ :root{ --nt-page-rail:1500px; --nt-page-gutter:48px; } /* A stronger but still light professional header surface. */ .site-header{ position:relative; background: radial-gradient(circle at 8% 15%,rgba(37,99,235,.15) 0 2px,transparent 2.5px), radial-gradient(circle at 93% 38%,rgba(20,184,166,.15) 0 2px,transparent 2.5px), radial-gradient(circle at 18% -80%,rgba(37,99,235,.18),transparent 40%), radial-gradient(circle at 84% -90%,rgba(20,184,166,.16),transparent 38%), linear-gradient(112deg,#eaf3ff 0%,#f7fbff 42%,#eefafb 72%,#e8f5ff 100%)!important; border-top:3px solid #0b2b63!important; border-bottom:1px solid rgba(59,105,170,.20)!important; box-shadow:0 8px 28px rgba(22,55,105,.10)!important; } .site-header:after{ content:""; position:absolute; left:0;right:0;bottom:0;height:2px; background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.50) 24%,rgba(20,184,166,.42) 76%,transparent 100%); pointer-events:none; } /* Header and page content now share one wide alignment rail. */ .site-header>.nav, main .wrap, .breadcrumb-bar .wrap, footer .wrap, .footer-social{ width:min(var(--nt-page-rail),calc(100% - var(--nt-page-gutter)))!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; } /* Keep long-form reading comfortable even though the overall page is wider. */ .prose,.article-body,.cms-content,.lesson-content,.blog-content{ max-width:980px; } /* Remove the white square/canvas around the uploaded NT raster mark by blending white pixels into the header surface. */ .site-header .networktech-mark{ background:transparent!important; } .site-header .networktech-mark img{ background:transparent!important; mix-blend-mode:multiply; filter:saturate(1.06) contrast(1.03); } /* Clear, high-contrast dropdown chevrons. */ .site-header .dropdown>a{gap:8px!important} .site-header .dropdown .caret{ display:inline-block!important; width:8px!important; height:8px!important; flex:0 0 8px!important; font-size:0!important; line-height:0!important; border-right:2px solid #1f4f8e!important; border-bottom:2px solid #1f4f8e!important; transform:rotate(45deg)!important; position:relative!important; top:-2px!important; opacity:1!important; transition:transform .16s ease,border-color .16s ease!important; } .site-header .dropdown:hover .caret, .site-header .dropdown.open .caret{ transform:rotate(225deg)!important; top:2px!important; border-color:#2563eb!important; } .site-header .flyout-caret{ display:inline-block; width:7px;height:7px; font-size:0!important; border-right:2px solid #41658f; border-bottom:2px solid #41658f; transform:rotate(-45deg); margin-left:auto; } /* Better use of desktop horizontal space without crowding the navigation. */ .site-header>.nav{gap:28px!important} .site-header .desktop-nav{gap:25px!important} .site-header .header-search{max-width:360px!important;min-width:190px!important} .site-header .actions{gap:16px!important} @media(max-width:1320px){ :root{--nt-page-gutter:32px} .site-header>.nav{gap:16px!important} .site-header .desktop-nav{gap:15px!important} .site-header .header-search{max-width:235px!important} } @media(max-width:1100px){ :root{--nt-page-gutter:28px} .site-header>.nav{gap:12px!important} .site-header .desktop-nav{gap:11px!important} .site-header .header-search{max-width:195px!important} } @media(max-width:800px){ :root{--nt-page-gutter:24px} .site-header{border-top-width:2px!important} .site-header>.nav,main .wrap,.breadcrumb-bar .wrap,footer .wrap,.footer-social{ width:calc(100% - var(--nt-page-gutter))!important; } .site-header .networktech-mark img{mix-blend-mode:multiply} } /* V40.1 AdSense reporting + admin dashboard polish */ .admin-stats-v9{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 20px!important} .admin-stats-v9>a{min-height:132px!important;padding:20px!important;border:1px solid #d9e5f6!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f6faff)!important;box-shadow:0 10px 28px rgba(15,45,90,.07)!important} .admin-stats-v9>a:hover{transform:translateY(-3px);border-color:#3b82f6!important;box-shadow:0 16px 34px rgba(37,99,235,.14)!important} .admin-stats-v9 b{font-size:30px!important;color:#0b1d3a!important}.admin-stats-v9 small{color:#2563eb!important;font-weight:800!important;letter-spacing:.12em}.admin-stats-v9 span{display:block;margin-top:8px;color:#64748b} .adsense-kpi-section{margin:22px 0;padding:24px;border:1px solid #d9e5f6;border-radius:22px;background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 55%,#f4fffe 100%);box-shadow:0 14px 40px rgba(15,45,90,.08)} .adsense-kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.adsense-kpi-head h2{margin:3px 0 4px;font-size:24px}.adsense-kpi-head p{margin:0;color:#64748b}.adsense-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;background:#fff;border:1px solid #dbe5f2;white-space:nowrap}.adsense-status i{width:9px;height:9px;border-radius:50%;background:#ef4444}.adsense-status.is-connected i{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)} .adsense-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.adsense-kpi{min-height:125px;padding:18px;border-radius:17px;background:#fff;border:1px solid #dce7f5;box-shadow:0 8px 22px rgba(15,45,90,.05)}.adsense-kpi small{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#64748b}.adsense-kpi b{display:block;margin:12px 0 5px;font-size:25px;color:#0b1d3a}.adsense-kpi span{font-size:12px;color:#64748b}.adsense-kpi.status-card b{font-size:18px}.adsense-api-alert{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:14px;padding:13px 15px;border:1px solid #fed7aa;background:#fff7ed;border-radius:13px;color:#9a3412}.adsense-api-alert span{flex:1;min-width:260px}.adsense-api-alert a{font-weight:800;color:#1d4ed8} @media(max-width:1100px){.admin-stats-v9{grid-template-columns:repeat(2,minmax(0,1fr))!important}.adsense-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.admin-stats-v9,.adsense-kpi-grid{grid-template-columns:1fr!important}.adsense-kpi-head{display:block}.adsense-status{margin-top:12px}.adsense-kpi-section{padding:16px}} /* V40.2 — compact, equal admin dashboard KPI chips */ .admin-drilldown-stats{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important; gap:10px!important; margin:16px 0 18px!important; align-items:stretch!important; } .admin-drilldown-stats>a{ min-width:0!important; min-height:84px!important; height:100%!important; padding:12px 13px 11px!important; border-radius:13px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } .admin-drilldown-stats>a::before{height:3px!important} .admin-drilldown-stats>a small{font-size:9px!important;letter-spacing:.09em!important} .admin-drilldown-stats>a b{font-size:23px!important;margin:5px 0 3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .admin-drilldown-stats>a span{font-size:10px!important;line-height:1.25!important} .admin-analytics-cards{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; margin:12px 0 16px!important; } .admin-analytics-cards>a{ min-height:76px!important; height:100%!important; padding:12px 14px!important; justify-content:center!important; } .admin-analytics-cards>a b{font-size:22px!important} .admin-analytics-cards>a span{font-size:10px!important} .adsense-kpi-section{padding:18px!important;margin:16px 0!important;border-radius:18px!important} .adsense-kpi-head{margin-bottom:13px!important} .adsense-kpi-head h2{font-size:21px!important} .adsense-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important} .adsense-kpi{min-height:96px!important;height:100%!important;padding:13px 14px!important;border-radius:14px!important} .adsense-kpi small{font-size:9px!important} .adsense-kpi b{font-size:21px!important;margin:8px 0 3px!important} .adsense-kpi span{font-size:10px!important} .adsense-kpi.status-card b{font-size:15px!important} @media(max-width:1100px){ .admin-drilldown-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important} .adsense-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:820px){ .admin-drilldown-stats,.admin-analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important} .adsense-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:520px){ .admin-drilldown-stats,.admin-analytics-cards,.adsense-kpi-grid{grid-template-columns:1fr!important} } /* V40.3 — Admin dashboard compact layout */ .admin-dashboard-head{ padding:28px 0 22px!important; min-height:0!important; background:linear-gradient(180deg,#f7faff 0%,#f3f7fd 100%)!important; } .admin-dashboard-head .wrap{padding-top:0!important;padding-bottom:0!important} .admin-dashboard-head h1{margin:0 0 6px!important;font-size:36px!important;line-height:1.12!important} .admin-dashboard-head p{margin:0!important;font-size:14px!important} .admin-dashboard-section{padding:22px 0 48px!important} .admin-dashboard-section>.wrap{padding-top:0!important} /* Seven equal compact KPI chips on wide screens. */ .admin-dashboard-section .admin-drilldown-stats{ display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:9px!important; margin:0 0 16px!important; } .admin-dashboard-section .admin-drilldown-stats>a{ min-height:72px!important; height:72px!important; padding:10px 11px!important; border-radius:11px!important; justify-content:center!important; box-shadow:0 3px 10px rgba(16,39,76,.05)!important; } .admin-dashboard-section .admin-drilldown-stats>a::before{height:3px!important} .admin-dashboard-section .admin-drilldown-stats>a small{font-size:8px!important;line-height:1!important;letter-spacing:.08em!important} .admin-dashboard-section .admin-drilldown-stats>a b{font-size:20px!important;line-height:1!important;margin:5px 0 3px!important} .admin-dashboard-section .admin-drilldown-stats>a span{font-size:9px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Keep AdSense and visitor KPIs compact and aligned too. */ .admin-dashboard-section .adsense-kpi-section{margin:0 0 14px!important;padding:15px!important;border-radius:15px!important} .admin-dashboard-section .adsense-kpi-head{margin-bottom:11px!important;align-items:center!important} .admin-dashboard-section .adsense-kpi-head h2{font-size:19px!important;margin:2px 0!important} .admin-dashboard-section .adsense-kpi-head p{font-size:11px!important} .admin-dashboard-section .adsense-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important} .admin-dashboard-section .adsense-kpi{min-height:76px!important;height:76px!important;padding:10px 11px!important;border-radius:11px!important} .admin-dashboard-section .adsense-kpi small{font-size:7.5px!important;line-height:1.2!important;letter-spacing:.06em!important} .admin-dashboard-section .adsense-kpi b{font-size:17px!important;line-height:1.05!important;margin:6px 0 2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .admin-dashboard-section .adsense-kpi span{font-size:8.5px!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .admin-dashboard-section .adsense-kpi.status-card b{font-size:12px!important} .admin-dashboard-section .admin-analytics-cards{margin:0 0 14px!important;gap:8px!important} .admin-dashboard-section .admin-analytics-cards>a{min-height:64px!important;height:64px!important;padding:9px 12px!important} .admin-dashboard-section .admin-analytics-cards>a b{font-size:18px!important} .admin-dashboard-section .admin-analytics-cards>a span{font-size:9px!important} .admin-dashboard-section .admin-quickbar{margin-bottom:16px!important} @media(max-width:1350px){ .admin-dashboard-section .admin-drilldown-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important} .admin-dashboard-section .adsense-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:820px){ .admin-dashboard-head{padding:22px 0 18px!important} .admin-dashboard-head h1{font-size:30px!important} .admin-dashboard-section{padding-top:16px!important} .admin-dashboard-section .admin-drilldown-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} .admin-dashboard-section .adsense-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:520px){ .admin-dashboard-section .admin-drilldown-stats,.admin-dashboard-section .adsense-kpi-grid{grid-template-columns:1fr!important} .admin-dashboard-section .admin-drilldown-stats>a,.admin-dashboard-section .adsense-kpi{height:auto!important;min-height:68px!important} } /* V41 - CCNA course, lesson labs, and assessments */ .ccna-course-overview .lead,.ccna-lesson-intro .lead{font-size:18px;line-height:1.75;color:#334155} .ccna-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 30px} .ccna-stats span{display:flex;flex-direction:column;gap:3px;padding:16px;border:1px solid #dbe7f6;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#eef6ff);color:#506078;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .ccna-stats strong{font-size:25px;line-height:1;color:#0b3b76;letter-spacing:0} .ccna-table-wrap{overflow-x:auto;margin:15px 0 28px} .ccna-domain-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #dbe7f6;border-radius:14px;overflow:hidden} .ccna-domain-table th,.ccna-domain-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e7eef8} .ccna-domain-table th{background:#0d3971;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em} .ccna-domain-table tr:last-child td{border-bottom:0} .ccna-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e7f2ff;color:#145cb5;font-size:10px;font-weight:900;letter-spacing:.12em} .lesson-layout .content-block{max-width:940px;margin-inline:auto} .lesson-layout .article-body>h2{margin-top:34px;color:#0b2d55} .lesson-layout .article-body>h3{margin-top:24px;color:#164e84} .lesson-layout .article-body pre{overflow:auto;padding:18px 20px;border:1px solid #253d5c;border-radius:14px;background:#071a2d;color:#dcf2ff;box-shadow:0 12px 28px rgba(7,26,45,.16)} .lesson-layout .article-body pre code{font:13px/1.65 Consolas,"Courier New",monospace;white-space:pre} .ccna-lab{margin:34px 0;padding:24px;border:1px solid #a9d4ff;border-radius:18px;background:linear-gradient(145deg,#f4faff,#eef8ff)} .ccna-lab h2{margin:8px 0 14px!important;color:#073d77!important} .ccna-lab h3{margin:20px 0 8px!important} .ccna-success{margin:20px 0 0;padding:13px 15px;border-left:4px solid #0f9f6e;border-radius:8px;background:#eafaf4;color:#116149} .ccna-topology{margin:18px 0 22px;padding:12px;border:1px solid #d6e3f3;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(11,37,69,.08)} .ccna-topology img{display:block;width:100%;height:auto} .ccna-topology figcaption{margin-top:9px;color:#5f6b7a;font-size:13px;text-align:center} .ccna-troubleshooting{width:100%;min-width:680px;border-collapse:collapse} .ccna-troubleshooting th,.ccna-troubleshooting td{padding:11px 13px;border:1px solid #d6e3f3;text-align:left;vertical-align:top} .ccna-troubleshooting th{background:#e8eef5;color:#0b2545} .ccna-exam-tip{margin:26px 0;padding:20px 22px;border-left:5px solid #f2a91b;border-radius:12px;background:#fff9e9} .ccna-exam-tip h2{margin:0 0 10px!important;color:#774d00!important} .lesson-layout details{margin:9px 0;border:1px solid #dce6f3;border-radius:11px;background:#fff} .lesson-layout details summary{padding:12px 14px;cursor:pointer;font-weight:800;color:#173e68} .lesson-layout details p{padding:0 14px 13px;margin:0} .assessment-grid{display:grid;gap:10px;margin-top:18px} .assessment-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #dbe7f6;border-radius:13px;text-decoration:none;color:inherit;background:#fff;transition:.18s ease} .assessment-card:hover{transform:translateY(-2px);border-color:#4b91df;box-shadow:0 10px 24px rgba(22,74,130,.1)} .assessment-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#0d3971;color:#fff;font-weight:900} .assessment-card b,.assessment-card small{display:block}.assessment-card small{margin-top:3px;color:#64748b}.assessment-card i{font-style:normal;font-weight:800;color:#1566bd} @media(max-width:700px){.ccna-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-card{grid-template-columns:38px 1fr}.assessment-card>span{width:38px;height:38px}.assessment-card>i{grid-column:2}.ccna-lab{padding:18px}.lesson-layout .article-body pre{padding:14px}} /* V43 - revision-safe visual CCNA course editor */ .ccna-editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.ccna-editor-head h2{margin:4px 0 7px}.ccna-editor-head .meta{max-width:780px;line-height:1.6}.ccna-editor-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.ccna-editor-stats span{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #dbe7f6;border-radius:12px;background:#f7fbff;color:#58677b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ccna-editor-stats strong{color:#0b3b76;font-size:21px;letter-spacing:0;text-transform:none}.ccna-overview-editor,.ccna-add-lesson{margin:12px 0!important}.ccna-module-list{display:grid;gap:14px;margin-top:18px}.ccna-module-card{border-left:4px solid #1b67bb!important}.ccna-module-settings{margin:12px 0!important;background:#f8fafc}.ccna-lesson-editor{margin:10px 0!important;border:1px solid #dbe5f1!important;border-radius:12px!important;background:#fff}.ccna-lesson-editor>summary{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px!important}.ccna-lesson-meta{color:#64748b;font-size:11px;font-weight:700;text-align:right}.ccna-lesson-editor>.field-grid{padding:14px 2px}.ccna-rte{border:1px solid #cbd9ea;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(15,52,90,.06)}.ccna-rte .rte-editor{min-height:520px;max-height:72vh}.ccna-rte .rte-source{width:100%;min-height:520px;padding:16px;border:0;border-radius:0 0 12px 12px;background:#071a2d;color:#d8efff;font:13px/1.65 Consolas,"Courier New",monospace;resize:vertical}.rte-toolbar .rte-source-btn.active{background:#0b3b76;color:#fff;border-color:#0b3b76}.rte-toolbar .rte-block{min-width:120px}.ccna-save-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:4px}.ccna-save-note{color:#557089;font-size:12px;font-weight:600}.ccna-lesson-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #e4ebf4}.ccna-lesson-actions form{margin:0}.ccna-revisions{margin:8px 0 4px!important;background:#f8fafc!important}.ccna-revisions>summary{padding:11px 13px!important}.ccna-revision-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-top:1px solid #e4ebf4}.ccna-revision-row span{display:grid;gap:3px}.ccna-revision-row small{color:#64748b}.ccna-revision-row form{margin:0} @media(max-width:800px){.ccna-editor-head{flex-direction:column}.ccna-editor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ccna-lesson-editor>summary,.ccna-save-row{align-items:flex-start;flex-direction:column}.ccna-lesson-meta{text-align:left}.ccna-rte .rte-editor,.ccna-rte .rte-source{min-height:420px}} /* V44 - instructor-led training enrollment and lead management */ .course-training-cta{padding:26px 0;background:linear-gradient(100deg,#071f42,#0c417b);color:#fff}.course-training-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.course-training-cta h2{margin:4px 0 6px;color:#fff;font-size:25px}.course-training-cta p{margin:0;max-width:790px;color:#d6e7fb;line-height:1.6}.course-training-cta .eyebrow{color:#78d7ff}.course-training-cta .btn{flex:0 0 auto;background:#fff;color:#0b3b76}.training-session-hero{padding:72px 0;background:radial-gradient(circle at 85% 20%,rgba(31,149,255,.3),transparent 34%),linear-gradient(135deg,#061a35,#0a3769);color:#fff}.training-session-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:48px;align-items:center}.training-session-hero h1{max-width:780px;margin:9px 0 18px;color:#fff;font-size:clamp(42px,5vw,68px);line-height:1.03}.training-session-hero .lead{max-width:780px;color:#d4e4f7;font-size:18px;line-height:1.75}.training-session-hero .eyebrow{color:#72d8ff}.training-session-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.training-session-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;font-weight:700}.training-session-highlight{padding:26px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.training-session-highlight small,.training-session-highlight strong{display:block}.training-session-highlight small{color:#83d9ff;font-size:10px;font-weight:900;letter-spacing:.12em}.training-session-highlight strong{margin:9px 0;font-size:21px;line-height:1.5}.training-session-highlight p{margin:0;color:#d9e8f8;line-height:1.6}.training-request-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:40px;align-items:start}.training-request-info{position:sticky;top:100px}.training-request-info h2{margin:8px 0 20px;font-size:30px}.training-request-info ol{display:grid;gap:18px;padding:0;counter-reset:training-step}.training-request-info li{display:grid;grid-template-columns:40px 1fr;gap:3px 12px;list-style:none;counter-increment:training-step}.training-request-info li:before{content:counter(training-step);grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e6f2ff;color:#0d5bad;font-weight:900}.training-request-info li b,.training-request-info li span{grid-column:2}.training-request-info li span{color:#627084;font-size:13px;line-height:1.55}.training-contact-card{display:grid;gap:7px;margin-top:30px;padding:20px;border:1px solid #d8e5f3;border-radius:15px;background:#f7fbff}.training-contact-card h3{margin:0 0 4px}.training-contact-card a{font-weight:800;color:#0d5bad}.training-contact-card small{margin-top:5px;color:#64748b;line-height:1.5}.training-request-card{padding:30px;border:1px solid #dce6f2;border-radius:20px;background:#fff;box-shadow:0 18px 52px rgba(11,46,83,.1)}.training-form-head h2{margin:6px 0}.training-form-head p{color:#64748b;line-height:1.6}.training-request-form{margin-top:22px}.training-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.training-form-grid label{display:flex;flex-direction:column;gap:7px;color:#34465a;font-size:12px;font-weight:800}.training-form-grid label span{color:#7a8797;font-weight:500}.training-form-grid label.full{grid-column:1/-1}.training-form-grid input,.training-form-grid select,.training-form-grid textarea{width:100%;padding:12px;border:1px solid #cfdbea;border-radius:9px;background:#fff;color:#14253b;font:inherit;font-weight:500}.training-form-grid input:focus,.training-form-grid select:focus,.training-form-grid textarea:focus{outline:3px solid rgba(37,119,207,.12);border-color:#3a83d0}.training-form-grid input[readonly]{background:#f4f7fb;color:#526174}.training-consent{display:flex;align-items:flex-start;gap:9px;margin:18px 0;color:#46566a;font-size:12px;line-height:1.5}.training-consent input{margin-top:3px}.training-form-note{display:block;margin-top:10px;color:#6b7788}.training-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.training-request-success{text-align:center;padding:38px 20px}.training-request-success>span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border-radius:50%;background:#e8f8ef;color:#148247;font-size:30px;font-weight:900}.training-request-success h2{margin:0 0 8px}.training-request-success>div{display:grid;gap:5px;max-width:360px;margin:24px auto;padding:18px;border:1px dashed #8bb5e0;border-radius:12px;background:#f5faff}.training-request-success>div small{color:#64748b;font-weight:800;letter-spacing:.1em}.training-request-success>div strong{color:#0a4a8a;font-size:24px;letter-spacing:.05em}.admin-training-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.admin-training-head h2{margin-bottom:5px}.admin-training-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.admin-training-stats span{display:flex;align-items:baseline;gap:7px;padding:13px;border:1px solid var(--l);border-radius:11px;background:#f8fafc;color:#66758a;font-size:12px;font-weight:800}.admin-training-stats strong{color:#123f70;font-size:22px}.admin-training-row>summary{cursor:pointer}.admin-training-row>summary>span:first-child{display:grid;gap:3px}.admin-training-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.admin-training-detail-grid>div{display:grid;gap:4px;padding:13px;border:1px solid #e0e8f1;border-radius:10px;background:#f9fbfd}.admin-training-detail-grid small,.admin-training-message small{color:#708096;font-size:9px;font-weight:900;letter-spacing:.11em}.admin-training-detail-grid span{color:#5e6d80;font-size:12px}.admin-training-message{padding:13px;border-left:4px solid #4a8ed7;background:#f3f8fd}.admin-training-message p{margin:5px 0 0;white-space:pre-wrap}.admin-training-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.admin-training-update{padding:14px;border:1px solid #e0e8f1;border-radius:11px;background:#fbfcfe}.training-status-new{background:#fff3d8!important;color:#8c5b00!important}.training-status-contacted{background:#e9f3ff!important;color:#145ca4!important}.training-status-enrolled{background:#e5f8ee!important;color:#117443!important}.training-status-closed{background:#eef1f5!important;color:#556274!important} @media(max-width:900px){.training-session-hero-grid,.training-request-layout{grid-template-columns:1fr}.training-request-info{position:static}.course-training-cta .wrap{align-items:flex-start;flex-direction:column}.admin-training-detail-grid{grid-template-columns:1fr}.training-form-grid{grid-template-columns:1fr}.training-form-grid label.full{grid-column:1}.training-session-hero{padding:52px 0}.training-request-card{padding:22px}.admin-training-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V45 - public training prices, editable packages, and header video uploads */ .training-pricing-section{background:linear-gradient(180deg,#f5f9fe 0%,#fff 100%)} .training-pricing-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px} .training-pricing-head h2{margin:7px 0 5px;font-size:clamp(30px,4vw,44px)} .training-pricing-head p{margin:0;color:#617187} .training-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch} .training-price-card{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid #dce6f1;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(13,56,98,.07)} .training-price-card.featured{border:2px solid #2776c7;box-shadow:0 18px 46px rgba(18,91,166,.15);transform:translateY(-5px)} .training-price-badge{position:absolute;top:0;right:20px;padding:6px 10px;border-radius:0 0 8px 8px;background:#1768b8;color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em} .training-price-card h3{margin:5px 0 9px;color:#123c68;font-size:21px} .training-price-card>p{min-height:74px;margin:0;color:#657387;font-size:13px;line-height:1.55} .training-price{display:flex;align-items:baseline;gap:7px;margin:20px 0 16px;color:#0b3b76} .training-price strong{font-size:29px;line-height:1} .training-price span{color:#6a788a;font-size:11px;font-weight:700} .training-price-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 0;border-top:1px solid #e4ebf3;border-bottom:1px solid #e4ebf3} .training-price-meta span{display:grid;gap:3px;min-width:0} .training-price-meta small{color:#8290a1;font-size:7px;font-weight:900;letter-spacing:.08em} .training-price-meta b{color:#334b65;font-size:10px;line-height:1.35} .training-price-features{display:grid;gap:8px;margin:18px 0 22px;padding:0;list-style:none;color:#46586c;font-size:12px;line-height:1.45} .training-price-features li{position:relative;padding-left:20px} .training-price-features li:before{content:'✓';position:absolute;left:0;color:#168150;font-weight:900} .training-price-card>.btn{margin-top:auto;text-align:center} .admin-price-editor{margin:20px 0 28px;padding:18px;border:1px solid #dce6f1;border-radius:15px;background:#f8fbff} .admin-price-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px} .admin-price-editor-head h3{margin:4px 0 0} .admin-price-form{padding:15px 0} .admin-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px} .admin-price-card{margin:0!important;background:#fff} .admin-price-card>summary>span:first-child{display:grid;gap:3px} .admin-training-request-title{margin:25px 0 6px} .menu-media-preview .video-wrap video{display:block;width:100%;max-height:660px;background:#071a2d} @media(max-width:1180px){.training-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:800px){.training-pricing-head,.admin-price-editor-head{align-items:flex-start;flex-direction:column}.admin-price-grid{grid-template-columns:1fr}.training-price-card.featured{transform:none}} @media(max-width:580px){.training-pricing-grid{grid-template-columns:1fr}.training-price-card>p{min-height:0}} /* V46 - announcement bar, lint-safe dynamic UI, and spacing normalization */ .site-header{height:auto!important} .site-header>.nav{height:82px!important;min-height:82px!important} .site-announcement{ position:relative; padding:0!important; background:linear-gradient(90deg,#0b2b63,#125997)!important; color:#fff; text-align:left; letter-spacing:0; } .site-announcement.announcement-tone-success{background:linear-gradient(90deg,#075c48,#0b8064)!important} .site-announcement.announcement-tone-urgent{background:linear-gradient(90deg,#842414,#b43a20)!important} .site-announcement-inner{ width:min(var(--nt-page-rail),calc(100% - var(--nt-page-gutter))); min-height:40px; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:12px; padding:7px 38px; box-sizing:border-box; } .site-announcement p{margin:0;color:inherit;font-size:12px;font-weight:700;line-height:1.45} .site-announcement a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:900;white-space:nowrap} .announcement-badge{padding:3px 7px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,255,255,.12);font:900 9px var(--mono);letter-spacing:.1em} .announcement-close{position:absolute;right:12px;top:50%;width:28px;height:28px;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer} .announcement-close:hover,.announcement-close:focus-visible{background:rgba(255,255,255,.16);outline:2px solid rgba(255,255,255,.42)} .clickable-card{cursor:pointer;position:relative;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease} .clickable-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.38)!important;box-shadow:0 10px 26px rgba(15,23,42,.08)} .clickable-card:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px;border-color:#2563eb!important} .clickable-card a,.clickable-card button,.clickable-card input,.clickable-card select,.clickable-card textarea{position:relative;z-index:2} .auth-page-v9,.checkout-page{padding-top:52px!important;padding-bottom:52px!important;min-height:calc(100vh - 122px)} .password-strength,.strength-bar{display:block} .account-dashboard-section{padding-top:34px!important;padding-bottom:58px!important} .account-dashboard-stack{display:grid;gap:18px} .account-dashboard-stack>.dashboard-stats{margin:0} .account-dashboard-stack>.account-panel,.account-dashboard-stack .password-account-panel{margin-top:0} .account-dashboard-stack .dashboard-two{gap:18px} .learning-card-actions{display:flex;align-items:center;gap:10px} .checkout-price{text-align:right} .checkout-price>*{display:block} .checkout-original-price{text-decoration:line-through} .checkout-savings{color:#187346!important;font-weight:800} .funnel-section{padding-top:32px!important;padding-bottom:52px!important} .funnel-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .funnel-filter label{font-size:12px;font-weight:800;color:#536176} .funnel-list{margin-top:18px} .funnel-progress{height:10px;overflow:hidden;border-radius:999px;background:#eef2f8} .funnel-progress>div{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#1267e5,#18a7cb);transition:width .3s ease} .funnel-back{margin:20px 0 0} .menu-content-section{padding-top:30px!important;padding-bottom:52px!important} .menu-content-block{margin:0 0 22px!important} .menu-content-block:last-child{margin-bottom:0!important} .menu-content-grid{margin-top:16px} .menu-article-card{margin-top:12px} .admin-settings-subsection{margin-top:26px;padding-top:22px;border-top:1px solid var(--l)} .admin-settings-subsection h3{margin:0 0 4px} .admin-settings-subsection>.meta{margin:0 0 16px;color:var(--m);font-size:13px} @media(max-width:800px){ .site-header>.nav{height:68px!important;min-height:68px!important} .site-announcement-inner{width:calc(100% - 24px);justify-content:flex-start;padding:8px 32px 8px 0} .site-announcement p{font-size:11px} .announcement-badge{display:none} .announcement-close{right:0} .auth-page-v9,.checkout-page{padding:36px 18px!important;min-height:0} .account-dashboard-section,.funnel-section,.menu-content-section{padding-top:24px!important;padding-bottom:42px!important} .account-dashboard-stack{gap:14px} } @media(max-width:520px){ .site-announcement-inner{align-items:flex-start;flex-wrap:wrap;gap:4px 10px} .site-announcement a{font-size:11px} .checkout-product{grid-template-columns:auto 1fr} .checkout-price{grid-column:2;text-align:left} } @media (prefers-reduced-motion:reduce){ .clickable-card,.funnel-progress>div{transition:none} .clickable-card:hover{transform:none} } /* V47 - compact catalog/lesson flow, visible announcement interaction, SMTP UI */ .products-pagehead, .lesson-pagehead{ min-height:0!important; padding:30px 0 28px!important; } .products-pagehead>.wrap, .lesson-pagehead>.wrap{ min-height:0!important; padding-top:0!important; padding-bottom:0!important; } .products-pagehead h1, .lesson-pagehead h1{ margin:8px 0 8px!important; line-height:1.1; } .products-pagehead p{max-width:1040px;margin:0!important;line-height:1.55} .products-section{padding:24px 0 54px!important} .products-section .product-filters{margin:0 0 20px!important} .lesson-pagehead .breadcrumbs{margin-bottom:15px!important} .lesson-pagehead h1{margin-bottom:0!important;font-size:clamp(34px,4vw,52px)} .lesson-section{padding:24px 0 54px!important} .lesson-section .content-block{padding-top:0!important} .lesson-section .content-block>.article-body{margin-top:0!important} .site-announcement{ isolation:isolate; box-shadow:inset 0 -1px 0 rgba(255,255,255,.15); transition:filter .18s ease,box-shadow .18s ease; } .site-announcement::before{ content:""; position:absolute; inset:0; z-index:-1; opacity:0; background:linear-gradient(105deg,rgba(255,255,255,.04),rgba(255,255,255,.24),rgba(255,255,255,.04)); transition:opacity .18s ease; } .site-announcement:hover, .site-announcement:focus-within{ filter:brightness(1.14) saturate(1.12); box-shadow:inset 0 -3px 0 rgba(255,255,255,.72),0 6px 20px rgba(5,25,55,.24); } .site-announcement:hover::before, .site-announcement:focus-within::before{opacity:1} .site-announcement .announcement-badge, .site-announcement a{transition:background .18s ease,color .18s ease,transform .18s ease} .site-announcement:hover .announcement-badge, .site-announcement:focus-within .announcement-badge{background:#fff;color:#0b2b63;border-color:#fff} .site-announcement:hover a, .site-announcement:focus-within a{display:inline-block;transform:translateX(2px);text-decoration-thickness:2px} .smtp-status-grid{margin-top:14px} .smtp-status-grid .control-note{margin:0;overflow-wrap:anywhere} .smtp-status-grid .smtp-config-warning{border-color:#f0bd69;background:#fff8e9} .smtp-status-grid .smtp-config-warning strong{color:#9a5d00} .smtp-provider-help{margin-top:14px!important;border-left:4px solid #2776c7!important;background:#f4f9ff!important} .smtp-test-form{display:grid!important;grid-template-columns:minmax(240px,420px) auto;align-items:end;gap:10px!important;margin-top:14px} .smtp-test-form label{display:grid;gap:6px;color:#536176;font-size:11px;font-weight:800} .smtp-test-form input{width:100%;box-sizing:border-box} .rte-paste-status{display:block;max-height:0;overflow:hidden;padding:0 12px;background:#eaf8f1;color:#14633f;font-size:11px;font-weight:800;opacity:0;transition:max-height .16s ease,padding .16s ease,opacity .16s ease} .rte-paste-status.visible{max-height:44px;padding:8px 12px;opacity:1;border-bottom:1px solid #c9ead9} @media(max-width:800px){ .products-pagehead,.lesson-pagehead{padding:24px 0 22px!important} .products-section,.lesson-section{padding:18px 0 42px!important} .lesson-pagehead h1{font-size:clamp(30px,8vw,40px)} .smtp-test-form{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){ .site-announcement,.site-announcement::before,.site-announcement .announcement-badge,.site-announcement a{transition:none} .site-announcement:hover a,.site-announcement:focus-within a{transform:none} } /* V53 - secure draft previews and fast focused course editors */ .reader-content{ width:100%; max-width:980px; margin-left:auto!important; margin-right:auto!important; padding-left:clamp(18px,3vw,38px)!important; padding-right:clamp(18px,3vw,38px)!important; overflow-wrap:anywhere; } .reader-content img,.reader-content svg,.reader-content video,.reader-content iframe{max-width:100%;height:auto} .reader-content pre{max-width:100%;overflow-x:auto} .reader-content table{display:block;max-width:100%;overflow-x:auto} .course-editor-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:16px 0;padding:14px;border:1px solid #dbe7f6;border-radius:12px;background:#f7fbff} .course-editor-ready{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid #b8dfd7;border-radius:999px;background:#e9f8f4;color:#076b5e;font-size:12px;font-weight:800} .admin-editor-pagehead{padding:34px 0 28px} .admin-editor-pagehead-row{display:flex;align-items:center;justify-content:space-between;gap:24px} .admin-editor-pagehead h1{margin:5px 0 6px} .admin-editor-pagehead p{margin:0;color:#52657d} .admin-editor-standalone{padding-top:28px} .admin-editor-standalone>.wrap{max-width:1500px} .draft-preview-banner{position:relative;z-index:8;border-bottom:1px solid #f0c768;background:#fff4cf;color:#684900} .draft-preview-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:10px;padding-bottom:10px;font-size:13px} .draft-preview-banner a{color:#5a3d00;font-weight:850;text-decoration:underline;text-underline-offset:3px} .draft-course-notice{border-left-color:#d59b1c!important;background:#fffaf0!important} .course-module-nav{display:flex;gap:8px;overflow-x:auto;margin:18px 0 12px;padding:5px 2px 10px;scrollbar-width:thin} .course-module-nav a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;max-width:320px;padding:9px 12px;border:1px solid #dbe7f6;border-radius:999px;background:#fff;color:#31475f;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .course-module-nav a span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#edf4ff;color:#165ec8;font-size:10px} .course-module-nav a.active{border-color:#196bd8;background:#edf5ff;color:#0b55ba;box-shadow:0 5px 14px rgba(20,92,181,.12)} .course-module-nav a.active span{background:#196bd8;color:#fff} .course-selector-form{display:grid!important;grid-template-columns:minmax(260px,520px) auto;align-items:end;gap:10px!important;flex:1} .course-selector-form label{display:grid;gap:6px;color:#58677b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .course-selector-form select{width:100%;padding:11px;border:1px solid #cbd9ea;border-radius:8px;background:#fff;color:#14253b;font:inherit;text-transform:none;letter-spacing:0} .generic-course-editor form.field-grid{display:grid} .course-editor-create{margin:12px 0!important;border-left:4px solid #0d9488!important} .course-editor-add-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;align-items:start} .course-editor-add-grid>.edit{margin:12px 0!important} .course-overview-revisions{margin:12px 0 0!important} .course-module-delete{display:block!important;margin:14px 0 2px!important} .trainer-profile-section{padding-top:66px;background:linear-gradient(180deg,#fff,#f5f9fe)} .trainer-profile-heading{max-width:780px;margin-bottom:26px} .trainer-profile-heading h2{margin:7px 0 8px;font-size:clamp(30px,4vw,44px)} .trainer-profile-heading p{color:#617187;line-height:1.65} .trainer-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px} .trainer-profile-card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding:24px;border:1px solid #d9e6f3;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(13,56,98,.08)} .trainer-profile-photo{display:grid;place-items:center;align-self:start;aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#0b3b76,#1591b8);color:#fff} .trainer-profile-photo img{width:100%;height:100%;object-fit:cover} .trainer-profile-photo span{font-size:58px;font-weight:900} .trainer-profile-main{min-width:0} .trainer-profile-name{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .trainer-profile-name h3{font-size:24px} .trainer-profile-name p{margin-top:4px;color:#3170ad;font-size:13px;font-weight:800} .trainer-profile-name strong{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#e8f4ff;color:#145ca4;font-size:10px;white-space:nowrap} .trainer-profile-bio{margin:15px 0;color:#526276;font-size:14px;line-height:1.7;white-space:pre-line} .trainer-profile-details{display:grid;grid-template-columns:1fr 1fr;gap:14px} .trainer-profile-details>div{padding:12px;border:1px solid #e0e9f3;border-radius:11px;background:#f8fbff} .trainer-profile-details small{color:#73849a;font-size:8px;font-weight:900;letter-spacing:.12em} .trainer-profile-details ul{display:grid;gap:5px;margin:8px 0 0;padding-left:17px;color:#3d5168;font-size:12px;line-height:1.45} .trainer-profile-link{display:inline-block;margin-top:15px} .admin-trainer-editor{margin:20px 0 28px;padding:18px;border:1px solid #cae5df;border-radius:15px;background:#f4fbf9} .admin-trainer-editor form.field-grid{display:grid} .admin-trainer-form{padding:15px 0} .admin-trainer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px} .admin-trainer-card{margin:0!important;background:#fff} .admin-trainer-summary{display:flex!important;align-items:center;gap:10px} .admin-trainer-summary>img,.admin-trainer-summary>i{width:42px;height:42px;flex:0 0 42px;border-radius:10px;object-fit:cover} .admin-trainer-summary>i{display:grid;place-items:center;background:#0b3b76;color:#fff;font-style:normal;font-weight:900} .admin-trainer-summary>span{display:grid;gap:3px} @media(max-width:900px){ .admin-editor-pagehead-row,.draft-preview-banner .wrap{align-items:flex-start;flex-direction:column} .course-editor-toolbar{align-items:stretch;flex-direction:column} .course-selector-form{grid-template-columns:1fr} .course-editor-toolbar-actions{width:100%;flex-wrap:wrap} .course-editor-add-grid,.admin-trainer-grid{grid-template-columns:1fr} .trainer-profile-card{grid-template-columns:130px minmax(0,1fr)} } @media(max-width:620px){ .reader-content{padding-left:14px!important;padding-right:14px!important} .trainer-profile-card{grid-template-columns:1fr;padding:18px} .trainer-profile-photo{width:140px;aspect-ratio:1;margin:auto} .trainer-profile-details{grid-template-columns:1fr} .trainer-profile-name{flex-direction:column} } /* V55 - stable Admin navigation and one-mode-at-a-time course authoring */ .admin-sidebar{ align-self:flex-start; max-height:calc(100vh - 112px); overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable; box-sizing:border-box; z-index:20; } .course-editor-create-button{white-space:nowrap;background:#0d9488!important;border-color:#0d9488!important;color:#fff!important} .course-editor-toolbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto} .course-editor-delete-form{display:flex!important;margin:0!important} .course-editor-delete-form .btn{white-space:nowrap} .course-editor-mode-copy{display:grid;gap:4px;min-width:0} .course-editor-mode-copy b{color:#10233d;font-size:14px} .course-editor-mode-copy span{color:#63758a;font-size:12px;line-height:1.5} @media(max-width:860px){ .admin-layout{display:block!important} .admin-sidebar{ position:sticky!important; top:74px!important; width:100%!important; max-height:none!important; margin-bottom:18px; flex-flow:row nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; } .admin-sidebar a{flex:0 0 auto!important;white-space:nowrap} } /* V56 - unified clickable course curriculum and CCNA-style lesson flow */ .unified-course-curriculum{max-width:100%;overflow:visible} .course-module-accordion-list{display:grid;gap:14px;margin-top:22px} .course-module-accordion.module-card{margin:0;padding:0;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(11,45,85,.06)} .course-module-accordion>summary{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;color:#0b2d55;transition:background .16s ease,border-color .16s ease} .course-module-accordion>summary::-webkit-details-marker{display:none} .course-module-accordion>summary:hover,.course-module-accordion>summary:focus-visible{background:#f3f8ff} .course-module-accordion>summary:focus-visible{outline:3px solid rgba(37,110,220,.2);outline-offset:-3px} .course-module-number{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#0d3971;color:#fff;font-size:13px;font-weight:900;letter-spacing:.06em} .course-module-heading{display:grid;gap:4px;min-width:0} .course-module-heading b{font-size:18px;line-height:1.35} .course-module-heading small{color:#687a91;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .course-module-toggle{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf5ff;color:#145fb5;font-size:22px;font-weight:500;transition:transform .18s ease,background .18s ease} .course-module-accordion[open]>.course-module-body{border-top:1px solid #e1eaf5} .course-module-accordion[open]>summary{background:#f7fbff} .course-module-accordion[open]>summary .course-module-toggle{transform:rotate(45deg);background:#0d3971;color:#fff} .course-module-body{padding:18px 20px 20px} .course-module-description{margin:0 0 15px;color:#52657c;line-height:1.65} .course-module-empty{margin:0;padding:13px 14px;border-radius:10px;background:#f7f9fc;color:#6d7d91;font-size:13px} .unified-lesson-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid transparent;background:#f2f7ff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease} .unified-lesson-row:hover,.unified-lesson-row:focus-visible{transform:translateY(-1px);border-color:#77a9e4;box-shadow:0 7px 18px rgba(18,79,148,.1)} .unified-lesson-row:focus-visible{outline:3px solid rgba(37,110,220,.18)} .course-lesson-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:#155eae;font-size:11px;font-weight:900} .course-lesson-heading{display:grid;gap:3px;min-width:0} .course-lesson-heading b{line-height:1.4} .course-lesson-heading small{color:#63758c;font-size:11px;font-weight:700} .course-lesson-open{color:#145fb5;font-size:12px;font-weight:900;white-space:nowrap} .lesson-complete-form{margin-top:30px} .unified-lesson-nav{margin-top:36px;padding-top:28px;border-top:1px solid #dce6f2} .unified-lesson-nav a{display:inline-flex;align-items:center;max-width:min(100%,690px);min-height:54px;line-height:1.4;text-align:left} .unified-lesson-nav a:last-child{margin-left:auto} @media(max-width:700px){ .course-module-accordion>summary{grid-template-columns:40px minmax(0,1fr) 28px;gap:10px;padding:15px 14px} .course-module-number{width:38px;height:38px} .course-module-heading b{font-size:15px} .course-module-body{padding:14px} .unified-lesson-row{grid-template-columns:30px minmax(0,1fr);padding:12px} .course-lesson-open{grid-column:2} .unified-lesson-nav a{width:100%;margin-left:0!important} } /* V57 - no-code knowledge-check authoring */ .rte-toolbar .rte-knowledge-btn{background:#eaf4ff!important;border-color:#a9cbed!important;color:#0b579f!important} .rte-toolbar .rte-knowledge-btn:hover{background:#d9ebff!important} .rte-editor .knowledge-check-title{margin-top:28px;color:#0b2d55} .rte-editor details.knowledge-check{margin:10px 0;border:1px solid #d5e2f1;border-radius:11px;background:#fff} .rte-editor details.knowledge-check summary{padding:12px 14px;cursor:pointer;color:#123f70;font-weight:800} .rte-editor details.knowledge-check p{padding:0 14px 13px;margin:0} /* V58 - knowledge checks always follow the lesson material */ .lesson-knowledge-checks{display:block;margin:42px 0 8px;padding-top:28px;border-top:1px solid #dce6f2} .lesson-knowledge-checks>.knowledge-check-title{margin:0 0 20px!important;color:#0b2d55!important} .rte-editor>.lesson-knowledge-checks{margin-top:36px;padding-top:24px} /* V59 - Scheduled Live Training & social promotion */ .live-training-hero{padding:78px 0;background:radial-gradient(circle at 82% 20%,rgba(50,165,255,.28),transparent 34%),linear-gradient(135deg,#061a35,#0b3e73);color:#fff}.live-training-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:46px;align-items:center}.live-training-hero .eyebrow{color:#7bdcff}.live-training-hero h1{max-width:760px;margin:10px 0 18px;color:#fff;font-size:clamp(42px,5.4vw,70px);line-height:1.02}.live-training-hero p{max-width:760px;color:#d8e7f7;font-size:18px;line-height:1.7}.live-training-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.outline-light{border-color:rgba(255,255,255,.55)!important;background:transparent!important;color:#fff!important}.live-training-hero-card{padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.18)}.live-training-hero-card small,.live-training-hero-card strong{display:block}.live-training-hero-card small{color:#82ddff;font-size:10px;font-weight:900;letter-spacing:.13em}.live-training-hero-card strong{margin:8px 0 15px;font-size:23px}.live-training-hero-card ul{display:grid;gap:11px;margin:0;padding-left:20px;color:#dfeaf7}.live-training-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.live-training-section-head h2{margin:6px 0 8px;font-size:34px}.live-training-section-head p{margin:0;color:#64748b}.live-training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.live-training-card{overflow:hidden;border:1px solid #dbe5ef;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(20,58,95,.08);cursor:pointer;transition:.2s ease}.live-training-card:hover,.live-training-card:focus{transform:translateY(-3px);box-shadow:0 18px 48px rgba(20,58,95,.14);outline:none}.live-training-card-media{position:relative;height:190px;background:#0b2d57;overflow:hidden}.live-training-card-media img{width:100%;height:100%;object-fit:cover}.live-training-card-placeholder{display:grid;place-items:center;align-content:center;height:100%;gap:8px;background:radial-gradient(circle at 80% 30%,rgba(56,174,255,.45),transparent 30%),linear-gradient(135deg,#071d3a,#0e4b83);color:#fff}.live-training-card-placeholder span{font-size:10px;font-weight:900;letter-spacing:.16em}.live-training-card-placeholder strong{font-size:42px;letter-spacing:.08em}.live-training-badge{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:#fff;color:#0b4f8d;font-size:10px;font-weight:900;letter-spacing:.1em;box-shadow:0 6px 18px rgba(0,0,0,.15)}.live-training-badge.solid{position:static;background:#0d67bb;color:#fff;box-shadow:none}.live-training-card-body{padding:20px}.live-training-card-top{display:flex;justify-content:space-between;gap:10px;color:#577087;font-size:11px;font-weight:800;text-transform:uppercase}.live-training-card-top strong{color:#0d5cab;font-size:14px}.live-training-card h3{margin:10px 0 8px;font-size:22px;line-height:1.3}.live-training-card p{min-height:64px;margin:0;color:#657589;font-size:13px;line-height:1.6}.live-training-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;padding:14px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;color:#43556b;font-size:11px;font-weight:700}.live-training-seat-row{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#657589;font-size:12px}.live-training-seat-row b{color:#0f6d43}.live-training-empty{grid-column:1/-1;padding:48px;text-align:center;border:1px dashed #bfd0e2;border-radius:18px;background:#f8fbff}.live-training-empty>span{font-size:38px;color:#3c83c8}.live-training-empty h3{margin:10px 0 6px}.live-training-empty p{color:#67768a}.live-training-past{background:#f7f9fc}.live-training-past-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.live-training-past-list a{display:grid;gap:4px;padding:16px;border:1px solid #dfe7ef;border-radius:12px;background:#fff;color:inherit;text-decoration:none}.live-training-past-list span{color:#718095;font-size:12px} .live-training-detail-hero{padding:58px 0;background:#f2f7fc}.live-training-detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:42px;align-items:center}.live-training-label-row{display:flex;align-items:center;gap:12px;color:#607187;font-size:12px;font-weight:800}.live-training-detail-copy h1{margin:13px 0 15px;font-size:clamp(38px,4.5vw,62px);line-height:1.05;color:#0b2340}.live-training-detail-copy .lead{max-width:760px;color:#5e7187;font-size:17px;line-height:1.7}.live-training-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.live-training-facts div{display:grid;gap:4px;padding:13px;border:1px solid #d8e5f1;border-radius:11px;background:#fff}.live-training-facts small{color:#7a899a;font-size:9px;font-weight:900;letter-spacing:.11em}.live-training-facts b{color:#173b63;font-size:12px}.live-training-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-training-share>b{margin-right:4px;font-size:12px}.live-training-share a,.live-training-share button{padding:7px 10px;border:1px solid #c8d8e8;border-radius:999px;background:#fff;color:#145c9d;font:inherit;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.live-training-detail-media{overflow:hidden;min-height:360px;border-radius:20px;box-shadow:0 20px 54px rgba(18,55,91,.18)}.live-training-detail-media img{display:block;width:100%;height:360px;object-fit:cover}.live-training-detail-placeholder{display:grid;place-items:center;align-content:center;height:360px;gap:9px;background:radial-gradient(circle at 75% 25%,rgba(47,161,255,.5),transparent 34%),linear-gradient(135deg,#061b37,#0b4e89);color:#fff;text-align:center}.live-training-detail-placeholder span,.live-training-detail-placeholder small{font-size:10px;font-weight:900;letter-spacing:.15em}.live-training-detail-placeholder strong{font-size:36px}.live-training-content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.55fr);gap:42px;align-items:start}.live-training-syllabus h2{margin:6px 0 20px;font-size:34px}.live-training-syllabus-list{display:grid;gap:10px}.live-training-syllabus-list>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:13px 14px;border:1px solid #e0e8f1;border-radius:11px;background:#fff}.live-training-syllabus-list span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e6f7ee;color:#15814a;font-weight:900}.live-training-syllabus-list p{margin:2px 0 0;color:#44586e;line-height:1.5}.live-training-private-note{margin-top:24px;padding:18px;border-left:4px solid #1686d9;background:#f3f9fe}.live-training-private-note p{margin:5px 0 0;color:#5c6d80;line-height:1.6}.live-training-register-card{position:sticky;top:100px;padding:26px;border:1px solid #d7e3ef;border-radius:18px;background:#fff;box-shadow:0 16px 48px rgba(20,57,93,.1)}.live-training-register-card h2{margin:7px 0;font-size:36px;color:#0b4f8f}.live-training-seats{margin:0 0 18px;color:#66788d}.live-training-seats b{color:#14834d}.live-training-register-form{display:grid;gap:12px}.live-training-register-form>label{display:grid;gap:6px;color:#405268;font-size:12px;font-weight:800}.live-training-register-form label span{color:#8390a0;font-weight:500}.live-training-register-form input{width:100%;padding:12px;border:1px solid #cddae7;border-radius:9px;font:inherit}.live-training-register-form input[readonly]{background:#f5f7fa;color:#637187}.live-training-consent{grid-template-columns:18px 1fr!important;align-items:start!important}.live-training-consent input{margin-top:2px}.live-training-register-form>small{color:#788799;line-height:1.5}.live-training-closed{padding:18px;border:1px solid #e1e7ee;border-radius:12px;background:#f8fafc}.live-training-closed p{color:#68788b}.live-training-qr{display:grid;place-items:center;gap:6px;margin-top:20px;padding-top:18px;border-top:1px solid #e7edf3;color:#7b8998;font-size:10px;font-weight:700}.live-training-qr img{width:112px;height:112px}.live-training-checkout-card{max-width:680px}.live-training-success-card{max-width:760px;text-align:center}.live-training-success-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:#e8f7ef;color:#12804a;font-size:34px;font-weight:900}.live-training-confirmation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.live-training-confirmation-grid>div{display:grid;gap:4px;padding:14px;border:1px solid #dfe8f1;border-radius:10px;background:#f9fbfd;text-align:left}.live-training-confirmation-grid small{color:#7b8999;font-size:9px;font-weight:900;letter-spacing:.11em}.live-training-confirmation-grid b{color:#183e66;font-size:13px} .live-training-admin-create{margin:18px 0}.live-training-admin-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.live-training-admin-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.live-training-admin-share-grid>div{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center;padding:10px;border:1px solid #e0e8f1;border-radius:9px;background:#f8fafc}.live-training-admin-share-grid small{grid-column:1/-1;color:#718196;font-size:9px;font-weight:900;letter-spacing:.1em}.live-training-admin-share-grid code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#33536f;font-size:10px}.live-training-admin-edit{margin-top:14px;padding:14px;border:1px solid #e0e8f1;border-radius:11px;background:#fbfcfe}.live-training-reg-heading{margin:22px 0 8px;padding-top:16px;border-top:1px solid #e4ebf2}.live-training-reg-list{margin-top:0}.live-training-reg-row{background:#fff}.live-training-analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.live-training-analytics-summary span{display:grid;gap:4px;padding:18px;border:1px solid #dce6ef;border-radius:12px;background:#fff;color:#6a798c;font-size:12px;font-weight:800}.live-training-analytics-summary b{color:#123f70;font-size:27px}.live-training-analytics-table{width:100%;background:#fff}.live-training-social-admin{margin-top:28px}.live-training-social-admin .admin-row{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center}.live-training-social-admin code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px} @media(max-width:1000px){.live-training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-training-detail-grid,.live-training-content-grid{grid-template-columns:1fr}.live-training-register-card{position:static}.live-training-hero-grid{grid-template-columns:1fr}.live-training-detail-media{order:-1}.live-training-past-list{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){.live-training-grid,.live-training-past-list{grid-template-columns:1fr}.live-training-facts{grid-template-columns:1fr 1fr}.live-training-meta{grid-template-columns:1fr}.live-training-admin-share-grid{grid-template-columns:1fr}.live-training-analytics-summary{grid-template-columns:1fr 1fr}.live-training-social-admin .admin-row{grid-template-columns:1fr}.live-training-confirmation-grid{grid-template-columns:1fr}.live-training-detail-media,.live-training-detail-media img,.live-training-detail-placeholder{height:260px;min-height:260px}.live-training-hero{padding:52px 0}.live-training-detail-hero{padding:36px 0}} /* ========================================================= V60 — Live Training sales page, social banner + share UX ========================================================= */ .lt60-intro{padding:34px 0;background:linear-gradient(105deg,#071f40,#0c4f86);color:#fff}.lt60-intro-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.lt60-intro h1{max-width:860px;margin:6px 0 7px;font-size:clamp(28px,3.2vw,45px);line-height:1.08}.lt60-intro p{max-width:900px;margin:0;color:#dbeeff;line-height:1.65}.lt60-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#76c6ff}.lt60-featured-section{padding:56px 0 64px;background:#f4f7fb}.lt60-sales-card{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);overflow:hidden;border:1px solid #d7e3ef;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(14,55,95,.13)}.lt60-sales-copy{padding:46px 48px}.lt60-live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf5ff;color:#075fae;font-size:10px;font-weight:900;letter-spacing:.12em}.lt60-live-pill i{display:block;width:8px;height:8px;border-radius:50%;background:#e53935;box-shadow:0 0 0 4px rgba(229,57,53,.12)}.lt60-topic{margin:18px 0 4px;color:#2784c8;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lt60-sales-copy h2{max-width:750px;margin:0 0 13px;color:#092b52;font-size:clamp(36px,4.3vw,58px);line-height:1.04;letter-spacing:-.035em}.lt60-lead{max-width:760px;margin:0;color:#5d6f83;font-size:16px;line-height:1.7}.lt60-sales-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0}.lt60-sales-facts>div{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:13px 14px;border:1px solid #e0e8f1;border-radius:13px;background:#fbfdff}.lt60-sales-facts .lt60-price-fact{background:#edf7ff;border-color:#beddf7}.lt60-fact-icon{font-size:21px;text-align:center}.lt60-sales-facts small,.lt60-detail-facts small{display:block;margin-bottom:3px;color:#7d8da0;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.lt60-sales-facts b{display:block;color:#173f69;font-size:13px;line-height:1.35}.lt60-price-fact b{color:#0967b8;font-size:19px}.lt60-sales-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lt60-seat-note{margin-left:3px;color:#60758b;font-size:12px}.lt60-seat-note b{color:#16834f}.lt60-sales-visual{position:relative;min-height:100%;background:#08274f}.lt60-sales-visual>a{display:block;height:100%}.lt60-sales-visual img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}.lt60-visual-caption{position:absolute;right:22px;bottom:22px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(3,27,55,.78);backdrop-filter:blur(8px);color:#fff}.lt60-visual-caption span{font-size:10px;font-weight:900;letter-spacing:.12em}.lt60-visual-caption b{font-size:25px}.lt60-more-section{background:#fff}.lt60-section-head{margin-bottom:22px}.lt60-section-head h2{margin:6px 0 0}.lt60-empty{max-width:900px;margin:auto}.lt60-detail-hero{padding:58px 0 64px;background:linear-gradient(180deg,#f7fbff,#eef4fa)}.lt60-detail-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);gap:48px;align-items:center}.lt60-detail-copy h1{max-width:780px;margin:10px 0 15px;color:#092b52;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.04em}.lt60-detail-lead{max-width:760px;margin:0;color:#5b7087;font-size:17px;line-height:1.72}.lt60-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:28px 0}.lt60-detail-facts>div{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:12px 13px;border:1px solid #dce7f1;border-radius:12px;background:#fff}.lt60-detail-facts>div>span{font-size:20px;text-align:center}.lt60-detail-facts p{margin:0}.lt60-detail-facts b{display:block;color:#183e66;font-size:13px}.lt60-detail-price{background:#eaf5ff!important;border-color:#b9daf5!important}.lt60-detail-price b{color:#0764b1!important;font-size:19px!important}.lt60-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.lt60-instructor{margin:16px 0 0;color:#60758b;font-size:12px}.lt60-detail-visual{overflow:hidden;border:1px solid #d3e1ee;border-radius:22px;background:#fff;box-shadow:0 22px 62px rgba(13,54,94,.16)}.lt60-detail-visual>img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;background:#08294f}.lt60-share-panel{padding:20px}.lt60-share-panel>div:first-child{display:grid;gap:3px}.lt60-share-panel small{color:#728297}.lt60-share-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.lt60-share-buttons a,.lt60-share-buttons button{padding:8px 11px;border:1px solid #cbdbea;border-radius:999px;background:#fff;color:#0d5fa9;font:inherit;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.lt60-share-buttons a:hover,.lt60-share-buttons button:hover{background:#eef7ff;border-color:#9cc9ed}.lt60-share-warning{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#fff6df;color:#815b00;font-size:11px;line-height:1.5}.lt60-content-section{background:#fff}.lt60-what-you-get{display:grid;gap:9px;margin-top:26px;padding:20px;border:1px solid #dce8f2;border-radius:15px;background:#f8fbff}.lt60-what-you-get h3{margin:0 0 5px}.lt60-what-you-get>div{display:grid;grid-template-columns:25px 1fr;gap:8px}.lt60-what-you-get>div span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e5f6ed;color:#13814a;font-weight:900}.lt60-what-you-get p{margin:2px 0 0;color:#50657b}.lt60-register-card{border-top:5px solid #0d67bb}.lt60-register-price{margin:8px 0 3px;color:#0b5faa;font-size:40px;font-weight:900;letter-spacing:-.03em}.lt60-register-summary{margin:0 0 6px;color:#5e7389;font-size:12px;font-weight:700}.lt60-register-submit{width:100%;justify-content:center}.live-training-share-warning{margin:10px 0 13px;padding:12px 14px;border:1px solid #f0d69d;border-radius:10px;background:#fff8e9;color:#76520a}.live-training-share-warning p{margin:4px 0 0;font-size:11px;line-height:1.55}.live-training-share-ready{margin:10px 0 13px;padding:10px 12px;border:1px solid #bfe3cd;border-radius:9px;background:#eef9f2;color:#17663a;font-size:11px}.live-training-share-ready code,.live-training-share-warning code{word-break:break-all}.live-training-admin-toolbar{align-items:center}.live-training-admin-edit label small,.live-training-admin-create label small{display:block;margin-top:4px;color:#7a8998;line-height:1.4} @media(max-width:1050px){.lt60-sales-card,.lt60-detail-grid{grid-template-columns:1fr}.lt60-sales-visual{order:-1}.lt60-sales-visual img{min-height:0;max-height:520px}.lt60-detail-visual{order:-1}.lt60-intro-inner{align-items:flex-start;flex-direction:column}.lt60-sales-copy{padding:38px}} @media(max-width:700px){.lt60-featured-section{padding:28px 0 40px}.lt60-sales-copy{padding:26px 20px}.lt60-sales-copy h2{font-size:36px}.lt60-sales-facts,.lt60-detail-facts{grid-template-columns:1fr}.lt60-sales-visual img{aspect-ratio:1200/630;height:auto}.lt60-detail-hero{padding:28px 0 40px}.lt60-detail-grid{gap:22px}.lt60-detail-copy h1{font-size:40px}.lt60-detail-actions .btn,.lt60-sales-actions .btn{width:100%;justify-content:center}.lt60-seat-note{width:100%;text-align:center}.lt60-share-buttons a,.lt60-share-buttons button{flex:1 1 calc(33% - 7px);text-align:center}.lt60-intro{padding:25px 0}} .live-training-admin-share-grid .admin-share-actions{display:flex;gap:5px;justify-content:flex-end}.live-training-admin-share-grid a.mini{display:inline-flex;align-items:center;justify-content:center;text-decoration:none} /* V61 live-training social sharing */ .lt60-share-buttons .social-share-disabled{opacity:.58;cursor:not-allowed;background:#f5f7fa;color:#68798b;border-style:dashed}.lt61-share-ready{margin:12px 0 0;padding:10px 12px;border:1px solid #bfe3cd;border-radius:9px;background:#eef9f2;color:#17663a;font-size:11px;line-height:1.5}.rich-training-share-btn{background:#eaf7ef!important;border-color:#b8dfc8!important;color:#14683d!important}.lt60-share-warning{white-space:normal} /* V61.2 — Membership, Affiliate Marketing & Sponsored Content */ .monetization-pagehead{background:linear-gradient(135deg,rgba(10,25,47,.98),rgba(15,64,91,.96));color:#eaf3ff}.monetization-pagehead h1{color:#fff}.monetization-pagehead p{color:#dbe9fb;max-width:920px}.monetization-pagehead .eyebrow{color:#7fc8ff} .membership-grid,.affiliate-grid,.sponsor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch} .membership-card,.affiliate-card,.sponsor-card,.sponsored-home-card{position:relative;border:1px solid var(--line);background:var(--card);border-radius:22px;box-shadow:var(--shadow);overflow:hidden} .membership-card{padding:30px;display:flex;flex-direction:column;gap:14px}.membership-card.featured{transform:translateY(-6px);border-color:rgba(32,141,255,.5)} .monetization-badge,.sponsored-label,.commercial-label{display:inline-flex;align-items:center;width:max-content;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:7px 10px;background:rgba(32,141,255,.1);border:1px solid rgba(32,141,255,.25)} .sponsored-label{background:rgba(255,184,0,.12);border-color:rgba(255,184,0,.32)}.commercial-label{font-size:10px;padding:5px 8px;color:var(--m)} .membership-price{display:flex;align-items:baseline;gap:8px}.membership-price b{font-size:32px}.membership-price span{color:var(--m)} .benefit-list{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:9px}.benefit-list li{color:var(--text)} .membership-card form,.membership-card .btn{margin-top:auto;width:100%}.member-current-banner,.member-account-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px;padding:18px 20px;border-radius:16px;background:rgba(52,199,89,.08);border:1px solid rgba(52,199,89,.25)} .monetization-trust-note,.disclosure-box{margin-top:28px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:grid;gap:6px}.monetization-trust-note span,.disclosure-box p{color:var(--m);margin:0} .affiliate-card{display:flex;flex-direction:column}.affiliate-card img,.sponsor-card img,.sponsored-home-card img{width:100%;height:210px;object-fit:cover}.affiliate-card-body,.sponsor-card>div:last-child{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.affiliate-card .btn{width:max-content;margin-top:auto} .affiliate-inline-widget{margin:24px 0;padding:18px;border:1px solid #d9e4ef;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#ffffff)}.affiliate-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.affiliate-inline-head h3{margin:5px 0 6px;font-size:20px}.affiliate-inline-head p{margin:0;max-width:760px;color:#5f7084;font-size:13px;line-height:1.6}.affiliate-inline-link{white-space:nowrap;text-decoration:none;font-size:12px;font-weight:800;color:#0d5fa9}.affiliate-inline-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.affiliate-inline-card{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:12px;border:1px solid #dde6ef;border-radius:14px;background:#fff;align-items:start}.affiliate-inline-card img,.affiliate-inline-visual{width:88px;height:88px;border-radius:12px;object-fit:cover}.affiliate-inline-visual{display:grid;place-items:center;background:linear-gradient(135deg,#08203d,#165788);color:#fff;font-size:26px;font-weight:900}.affiliate-inline-body{display:flex;flex-direction:column;gap:6px;min-width:0}.affiliate-inline-body h4{margin:0;font-size:15px;line-height:1.35}.affiliate-inline-body p{margin:0;color:#5f7184;font-size:12px;line-height:1.55}.affiliate-inline-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.affiliate-inline-footer small{color:#7a8898;font-size:10.5px;font-weight:700} .partner-visual{min-height:180px;background:linear-gradient(135deg,#07192d,#16466a);color:#fff;display:grid;place-items:center;align-content:center;gap:10px}.partner-visual span{font-size:11px;letter-spacing:.12em}.partner-visual b{font-size:48px} .sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sponsor-card{display:grid;grid-template-columns:220px 1fr}.sponsor-card img,.sponsor-card .partner-visual{height:100%;min-height:240px}.commercial-kicker{font-weight:700;color:var(--m)} .sponsored-article{display:grid;gap:24px}.sponsored-hero-image{width:100%;max-height:520px;object-fit:cover;border-radius:20px}.sponsored-body{white-space:pre-line;font-size:17px;line-height:1.8}.sponsored-home-section{padding-top:0}.sponsored-home-card{display:grid;grid-template-columns:minmax(240px,34%) 1fr}.sponsored-home-card>div:last-child{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:9px} .dashboard-stats.compact{margin:18px 0}.membership-account-panel{border-left:4px solid #2a8cff} @media(max-width:900px){.membership-grid,.affiliate-grid{grid-template-columns:1fr}.sponsor-grid{grid-template-columns:1fr}.sponsor-card,.sponsored-home-card{grid-template-columns:1fr}.membership-card.featured{transform:none}.affiliate-inline-list{grid-template-columns:1fr}} /* V61.3 Resume Builder resource callout */ .resume-resource-callout{display:flex;justify-content:space-between;gap:28px;align-items:center;margin:18px 0 28px;padding:24px;border:1px solid #cdddef;border-radius:18px;background:linear-gradient(135deg,#f4f8fd,#ffffff);box-shadow:0 10px 28px rgba(31,66,107,.07)}.resume-resource-callout h2{margin:5px 0 8px}.resume-resource-callout p{max-width:760px;margin:0;color:#5d6c7d;line-height:1.6}.resume-resource-callout-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end;min-width:220px}.resume-resource-callout-actions span{font-size:.78rem;color:#56708c;font-weight:700}@media(max-width:760px){.resume-resource-callout{align-items:flex-start;flex-direction:column}.resume-resource-callout-actions{align-items:flex-start;min-width:0}} /* ======================================================================== V61.5 Community Hub ======================================================================== */ .community-hero{padding:64px 0 48px;background:linear-gradient(135deg,#071d46 0%,#0b2b63 58%,#0d3f7f 100%);color:#fff;overflow:hidden;position:relative} .community-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-100px;top:-170px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)} .community-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:48px;align-items:center;position:relative;z-index:1} .community-hero .eyebrow{color:#77b8ff}.community-hero h1{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.02;margin:.5rem 0 1rem;max-width:820px}.community-hero h1 em{color:#73d9ff;font-style:normal}.community-hero p{max-width:760px;color:#d7e7fb;font-size:1.08rem;line-height:1.75}.community-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.community-hero .btn.outline{border-color:rgba(255,255,255,.42);color:#fff;background:transparent} .community-stats-card{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:24px;backdrop-filter:blur(8px)}.community-stats-card div{padding:10px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.community-stats-card div:last-child{border:0}.community-stats-card strong{display:block;font-size:1.7rem}.community-stats-card span{display:block;color:#c9ddf6;font-size:.8rem;margin-top:4px} .community-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;padding-top:42px;padding-bottom:70px}.community-sidebar{align-self:start;position:sticky;top:110px}.community-side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.community-side-head h2{margin:0;font-size:1.05rem}.community-side-head a{font-size:.82rem;font-weight:700}.community-category-list{display:grid;gap:6px}.community-cat-link{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;text-decoration:none;color:inherit;border:1px solid transparent}.community-cat-link:hover,.community-cat-link.active{background:#f3f7fd;border-color:#dbe8f8}.community-cat-link.active{box-shadow:inset 3px 0 0 #1664c0}.community-cat-icon{font-size:1.1rem;text-align:center}.community-cat-link b{display:block;font-size:.9rem}.community-cat-link small{display:block;color:#6f7f92;font-size:.72rem;margin-top:2px}.community-cat-link.locked{opacity:.82}.lock-mark{font-size:.75rem}.community-premium-title{margin:26px 0 9px;padding-top:20px;border-top:1px solid #e5ebf2}.community-premium-title span{display:block;color:#9a6d00;font-size:.66rem;letter-spacing:.12em;font-weight:800}.community-premium-title b{font-size:.9rem}.community-category-list.premium .community-cat-link{background:#fffaf0}.community-member-cta{margin-top:16px;background:linear-gradient(145deg,#fffaf0,#fff);border:1px solid #f1dca7;border-radius:15px;padding:16px}.community-member-cta b{display:block}.community-member-cta p{font-size:.78rem;color:#6f6757;line-height:1.55}.community-member-cta a{font-size:.8rem;font-weight:800} .community-feed-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.community-feed-top h2{margin:.25rem 0 .2rem;font-size:1.75rem}.community-feed-top p{margin:.25rem 0;color:#6d7d90}.community-search{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;margin:20px 0}.community-search input,.community-search select,.community-compose-form input,.community-compose-form select,.community-compose-form textarea,.community-reply-compose textarea,.community-report-box select,.community-report-box textarea,.community-inline-report select,.community-inline-report input,.admin-community-page input,.admin-community-page select{width:100%;border:1px solid #d7e0eb;border-radius:10px;padding:11px 12px;background:#fff;font:inherit}.community-post-list{display:grid;gap:12px}.community-post-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:.18s ease}.community-post-card:hover{transform:translateY(-1px);border-color:#bdd4ef;box-shadow:0 10px 24px rgba(20,50,85,.07)}.community-post-card.pinned{border-color:#a9ccef;background:#fbfdff}.community-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#0b58a7;font-weight:800;flex:0 0 auto}.community-avatar.large{width:48px;height:48px}.community-post-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#718096;font-size:.75rem}.community-post-meta a{font-weight:800;color:#335c86;text-decoration:none}.community-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:.6rem;line-height:1;letter-spacing:.06em;font-weight:900;background:#edf2f7;color:#526173}.community-badge.member{background:#fff1c7;color:#8a5d00}.community-badge.pin{background:#e8f4ff;color:#0b5fab}.community-badge.team{background:#e8f9ef;color:#176b3b}.community-badge.locked{background:#f1f3f5;color:#55606c}.community-post-card h3{font-size:1.08rem;line-height:1.35;margin:7px 0}.community-post-card h3 a{text-decoration:none;color:#10243e}.community-post-card p{margin:0;color:#5d6b7c;font-size:.9rem;line-height:1.55}.community-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.community-tags span{background:#f3f6f9;border-radius:999px;padding:4px 8px;color:#52677d;font-size:.7rem}.community-post-footer{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#718096;font-size:.72rem}.community-empty{padding:60px 24px;text-align:center;border:1px dashed #cdd7e2;border-radius:16px;background:#fafcfe}.community-empty span{font-size:2rem}.community-empty h3{margin:.6rem 0}.community-empty p{color:#6c7a89}.community-empty.compact{padding:24px}.community-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:28px}.community-pagination a{font-weight:800;text-decoration:none}.community-pagination span{font-size:.8rem;color:#6f7d8b} .community-form-page,.community-thread-page{background:#f6f8fb;min-height:65vh;padding:46px 0 70px}.wrap.narrow{max-width:900px}.community-compose{background:#fff;border:1px solid #e0e7ef;border-radius:20px;padding:32px}.community-compose-head h1{font-size:2rem;margin:.35rem 0}.community-compose-head p{color:#68788a;line-height:1.65}.community-compose-form{display:grid;gap:18px;margin-top:26px}.community-compose-form label{display:grid;gap:7px;font-weight:800;font-size:.85rem}.community-compose-form small{color:#778596;font-weight:400}.community-compose-form textarea{resize:vertical;line-height:1.55}.community-guidelines{background:#f7fafe;border:1px solid #dbe8f7;border-radius:12px;padding:16px 18px}.community-guidelines ul{margin:.55rem 0 0;padding-left:20px;color:#566a80;font-size:.82rem;line-height:1.65}.community-form-actions{display:flex;justify-content:flex-end;gap:10px} .community-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.community-thread-card,.community-replies,.community-reply-compose,.community-side-card{background:#fff;border:1px solid #e0e7ef;border-radius:16px}.community-thread-card{padding:30px}.community-thread-topline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.78rem}.community-thread-topline>a{font-weight:800;text-decoration:none}.community-thread-card h1{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.18;margin:12px 0 18px}.community-author-row{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #edf1f5}.community-author-row b{margin-right:7px}.community-author-row small{display:block;color:#778596;margin-top:4px}.community-thread-body,.community-reply-body{white-space:pre-wrap;overflow-wrap:anywhere}.community-thread-body{font-size:1rem;line-height:1.75;color:#26394f;padding:26px 0}.community-thread-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #edf1f5}.community-thread-actions form,.community-reply-actions form{margin:0}.community-action-btn{border:1px solid #dce4ed;background:#fff;border-radius:999px;padding:7px 11px;color:#4d6178;font-size:.75rem;text-decoration:none;cursor:pointer}.community-action-btn.active{background:#fff0f1;color:#b93445;border-color:#f0c9cf}.community-action-btn.static{cursor:default}.community-report-box{margin-top:14px;font-size:.76rem}.community-report-box summary,.community-reply-actions summary{cursor:pointer;color:#7b8795}.community-report-box form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:8px;margin-top:10px}.community-report-box textarea{resize:vertical}.community-replies{margin-top:18px;padding:24px}.community-replies-head h2{margin:0 0 18px}.community-reply{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid #edf1f5}.community-reply:first-of-type{border-top:0}.community-reply-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:.75rem;color:#768596}.community-reply-body{margin-top:8px;line-height:1.65;color:#31445a}.community-reply-actions{display:flex;gap:12px;align-items:center;margin-top:10px}.community-text-btn{border:0;background:none;padding:0;color:#67798b;font-size:.72rem;cursor:pointer}.community-text-btn.active{color:#b93445}.community-reply-actions details{font-size:.72rem}.community-inline-report{display:flex;gap:6px;align-items:center;margin-top:7px}.community-inline-report select,.community-inline-report input{padding:7px}.community-reply-compose{margin-top:18px;padding:24px}.community-reply-compose h2{margin-top:0}.community-reply-compose textarea{resize:vertical;line-height:1.55}.community-reply-compose form>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}.community-reply-compose small{color:#748395}.community-locked-message,.community-login-box{background:#f7f9fc;border-radius:12px;padding:18px}.community-login-box p{color:#6f7d8d}.community-thread-side{display:grid;gap:14px;align-content:start}.community-side-card{padding:20px}.community-side-card h3{margin:.35rem 0 .7rem}.community-side-card p{font-size:.82rem;color:#68788a;line-height:1.55}.community-side-card>a{font-size:.78rem;font-weight:800}.community-related-link{display:grid;gap:4px;padding:10px 0;border-top:1px solid #edf1f5;text-decoration:none}.community-related-link b{font-size:.82rem;color:#26394f}.community-related-link small{font-size:.7rem;color:#8290a0}.community-rules ul{padding-left:18px;color:#637386;font-size:.78rem;line-height:1.65} .admin-community-page{background:#f5f7fa;min-height:70vh;padding:38px 0 70px}.admin-community-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.admin-community-head h1{margin:.3rem 0}.admin-community-head p{color:#6c7a89}.admin-community-head>div:last-child{display:flex;gap:8px}.admin-community-stats{margin:24px 0}.admin-community-section{background:#fff;border:1px solid #dfe6ee;border-radius:16px;padding:24px;margin-top:18px}.admin-section-title h2{margin:0}.admin-section-title p{color:#728092;margin:.35rem 0 1rem}.admin-community-newcat{display:grid;grid-template-columns:55px 1fr 2fr 80px auto auto;gap:8px;align-items:center;margin-bottom:18px}.admin-community-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-community-category-card{border:1px solid #e3e9f0;border-radius:12px;padding:14px;display:grid;gap:8px}.admin-cat-top{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px}.admin-cat-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-cat-controls label{display:flex;align-items:center;gap:5px;font-size:.75rem}.admin-cat-controls input[type=number]{width:70px;padding:7px}.admin-cat-controls input[type=checkbox]{width:auto}.admin-community-category-card small{color:#8a96a3}.admin-community-table-wrap{overflow:auto}.admin-community-table{width:100%;border-collapse:collapse;font-size:.78rem}.admin-community-table th,.admin-community-table td{padding:10px;border-bottom:1px solid #e8edf3;text-align:left;vertical-align:top}.admin-community-table th{background:#f7f9fb;color:#617184}.admin-community-table tr.report-open{background:#fffdf6}.admin-community-table form{display:flex;gap:7px;flex-wrap:wrap}.link-button{border:0;background:none;color:#0c63b8;padding:0;cursor:pointer;font-weight:700}.admin-community-posts{display:grid;gap:10px}.admin-community-posts article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;border:1px solid #e4eaf1;border-radius:12px;padding:16px}.admin-community-posts h3{margin:.3rem 0}.admin-community-posts p{color:#68788a;margin:.35rem 0;font-size:.82rem}.admin-community-posts small{color:#8793a0}.admin-community-posts form{display:flex;gap:5px;align-items:flex-start}.admin-community-posts button{border:1px solid #d9e1ea;background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:.7rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media (max-width:980px){.community-hero-grid{grid-template-columns:1fr}.community-stats-card{max-width:520px}.community-shell{grid-template-columns:1fr}.community-sidebar{position:static}.community-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.community-thread-layout{grid-template-columns:1fr}.community-thread-side{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-community-category-grid{grid-template-columns:1fr}.admin-community-newcat{grid-template-columns:55px 1fr 1fr}.admin-community-newcat label,.admin-community-newcat button{grid-column:auto}} @media (max-width:680px){.community-hero{padding:42px 0 34px}.community-stats-card{padding:14px}.community-shell{padding-top:24px}.community-category-list{grid-template-columns:1fr}.community-feed-top{display:grid}.community-search{grid-template-columns:1fr}.community-post-card{grid-template-columns:36px minmax(0,1fr);padding:15px}.community-avatar{width:34px;height:34px}.community-compose{padding:20px;border-radius:12px}.community-thread-page{padding-top:20px}.community-thread-card,.community-replies,.community-reply-compose{padding:18px}.community-thread-side{grid-template-columns:1fr}.community-report-box form{grid-template-columns:1fr}.community-reply-compose form>div{display:grid}.community-inline-report{display:grid}.admin-community-head{align-items:flex-start;display:grid}.admin-community-newcat{grid-template-columns:1fr}.admin-community-posts article{grid-template-columns:1fr}.admin-community-posts form{flex-wrap:wrap}} .membership-community-benefit{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding:24px 26px;border:1px solid #d8e7f7;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fffaf0)}.membership-community-benefit h2{margin:.3rem 0}.membership-community-benefit p{margin:.25rem 0;color:#637487;max-width:760px}@media(max-width:680px){.membership-community-benefit{display:grid}} /* V61.7 — Membership library + paid-course preview experience */ .membership-hero-v617{padding:72px 0 58px;background:linear-gradient(135deg,#071d3a 0%,#0c3564 58%,#126497 100%);color:#fff}.membership-hero-grid-v617{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:54px;align-items:center}.membership-hero-v617 .eyebrow{color:#7fd3ff}.membership-hero-v617 h1{max-width:820px;margin:10px 0 16px;color:#fff;font-size:clamp(42px,5.5vw,72px);line-height:1;letter-spacing:-.045em}.membership-hero-v617 p{max-width:850px;color:#d7e8f8;font-size:16px;line-height:1.75}.membership-hero-actions-v617{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.membership-hero-v617 .btn.outline{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}.membership-hero-v617 .btn.outline:hover{background:rgba(255,255,255,.1);color:#fff}.membership-proof-v617{display:flex;gap:10px;flex-wrap:wrap}.membership-proof-v617 span{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#e7f2ff;font-size:11px;font-weight:800}.membership-hero-card-v617{padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.2);backdrop-filter:blur(12px)}.membership-hero-card-v617>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#86dcff}.membership-hero-card-v617>strong{display:block;margin:10px 0 14px;color:#fff;font-size:24px;line-height:1.25}.membership-hero-card-v617 ul{margin:0;padding-left:20px;color:#e6f2ff;line-height:1.75;font-size:13px}.membership-hero-card-v617 small{display:block;margin-top:16px;color:#bcd5ec;line-height:1.55}.membership-plans-section-v617{background:#f7f9fc}.membership-section-heading-v617{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.membership-section-heading-v617 h2{font-size:clamp(30px,3vw,44px);margin:6px 0}.membership-section-heading-v617 p{max-width:800px;color:#657589;line-height:1.65}.membership-library-section-v617{background:#fff}.membership-library-filters{display:flex;gap:7px;flex-wrap:wrap}.membership-library-filters button{border:1px solid #d6e0eb;border-radius:999px;background:#fff;padding:8px 12px;color:#52677e;font-size:11px;font-weight:800;cursor:pointer}.membership-library-filters button.active{background:#0b376a;color:#fff;border-color:#0b376a}.membership-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.membership-library-card{display:grid;grid-template-columns:126px minmax(0,1fr);min-height:215px;border:1px solid #dce5ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(18,47,80,.06);transition:.18s}.membership-library-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(18,47,80,.12);border-color:#b9cde3}.membership-library-card[hidden]{display:none}.membership-library-visual{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;background:linear-gradient(145deg,#0a2b55,#1a6b9d);color:#fff}.membership-library-visual.type-video{background:linear-gradient(145deg,#46285f,#9b4d85)}.membership-library-visual.type-document{background:linear-gradient(145deg,#40506a,#758aa8)}.membership-library-visual.type-lab{background:linear-gradient(145deg,#10433e,#1e8c77)}.membership-library-visual.type-quiz{background:linear-gradient(145deg,#6b4320,#c17b36)}.membership-library-visual span{font-size:8px;font-weight:900;letter-spacing:.13em}.membership-library-visual b{font-size:42px;line-height:1;margin:8px 0}.membership-library-visual small{font-size:9px;color:#d9ebfb}.membership-library-body{display:flex;flex-direction:column;padding:17px;min-width:0}.membership-library-meta{display:flex;justify-content:space-between;gap:10px;color:#718399;font-size:9px;font-weight:900;letter-spacing:.08em}.membership-library-meta strong{color:#0c5ea9;font-size:12px;letter-spacing:0}.membership-library-body h3{font-size:17px;line-height:1.3;margin:8px 0}.membership-library-body p{margin:0;color:#647489;font-size:11.5px;line-height:1.55}.membership-library-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.membership-library-tags span{padding:4px 7px;border-radius:999px;background:#eef6ff;color:#1764a9;font-size:8.5px;font-weight:800}.membership-library-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:13px}.membership-community-section-v617{padding-top:30px;background:#f7f9fc}.access-source-pill{display:inline-flex;margin:0 0 12px;width:max-content;padding:6px 9px;border-radius:999px;background:#ecf3fb;color:#285b8e;font-size:9px;font-weight:900;letter-spacing:.08em}.access-source-pill.member{background:#e7f7ed;color:#157245}.membership-or{display:flex;align-items:center;gap:9px;margin:12px 0;color:#8794a4;font-size:9px;font-weight:900}.membership-or:before,.membership-or:after{content:"";height:1px;background:#e2e8ef;flex:1}.purchase-card .membership-choice{display:block;width:100%;text-align:center;background:#0b6f64}.purchase-card .membership-choice:hover{background:#075c54}.purchase-card .course-preview-cta{margin-bottom:8px}.preview-lesson-row{border-color:#b8d8f4!important;background:#eef7ff!important}.course-preview-strip{background:#fff8e6;border-bottom:1px solid #f0d38d}.course-preview-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px}.course-preview-strip strong,.course-preview-strip small{display:block}.course-preview-strip small{margin-top:3px;color:#75684e}.course-preview-strip> .wrap>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.course-preview-hero{padding:64px 0;background:linear-gradient(135deg,#f5f9ff,#e9f3fb)}.course-preview-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:54px;align-items:center}.course-preview-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#dff1ff;color:#0964ad;font-size:10px;font-weight:900;letter-spacing:.12em}.course-preview-category{margin:18px 0 5px;color:#3479b4;font-size:11px;font-weight:900;letter-spacing:.1em}.course-preview-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.02;margin:7px 0 15px;color:#092d55}.course-preview-hero .lead{color:#5a6e84;line-height:1.7}.course-preview-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.course-preview-proof span{padding:7px 10px;border:1px solid #d3e1ef;border-radius:999px;background:#fff;color:#49627b;font-size:10px;font-weight:800}.course-preview-choice-card{padding:26px;border:1px solid #d5e2ef;border-radius:20px;background:#fff;box-shadow:0 18px 46px rgba(13,54,94,.11)}.course-preview-choice-card>small{font-size:9px;font-weight:900;letter-spacing:.13em;color:#71859a}.course-preview-choice-card>strong{display:block;font-size:24px;margin:10px 0}.course-preview-choice-card p{color:#64778b;font-size:12px;line-height:1.6}.course-preview-choice-card .btn{display:block;width:100%;text-align:center;margin-top:9px}.course-preview-price{font-size:42px;font-weight:900;color:#0b5faa;margin:10px 0}.course-preview-section{background:#fff}.course-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:start}.course-preview-panel,.course-preview-curriculum{border:1px solid #dce5ef;border-radius:18px;background:#fff;padding:28px}.course-preview-panel h2,.course-preview-curriculum h2{margin:7px 0 12px}.course-preview-excerpt{font-size:16px;line-height:1.8;color:#33495e}.course-preview-curriculum{position:sticky;top:100px}.course-preview-module{padding:15px 0;border-top:1px solid #e8edf3}.course-preview-module:first-of-type{border-top:0}.course-preview-module>strong{font-size:13px;color:#243a52}.course-preview-module>p{color:#6a7a8d;font-size:11px}.course-preview-module ul{list-style:none;padding:0;margin:10px 0 0}.course-preview-module li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed #e4e9ef;font-size:10px;color:#586a7d}.course-preview-module li small{font-size:7.5px;font-weight:900;color:#8a97a5;letter-spacing:.06em}.course-preview-module li.free small{color:#0871bf}.course-preview-bottom-cta{padding:40px 0;background:#0a2d55;color:#fff}.course-preview-bottom-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.course-preview-bottom-cta h2{color:#fff;margin:7px 0}.course-preview-bottom-cta p{color:#c9def2}.course-preview-bottom-cta> .wrap>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.course-preview-bottom-cta .btn.outline{background:transparent;color:#fff;border-color:#87aed3} @media(max-width:1100px){.membership-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-hero-grid-v617{grid-template-columns:1fr}.membership-hero-card-v617{max-width:680px}.course-preview-layout,.course-preview-hero-grid{grid-template-columns:1fr}.course-preview-curriculum{position:static}} @media(max-width:720px){.membership-hero-v617{padding:46px 0}.membership-section-heading-v617{display:grid;align-items:start}.membership-library-grid{grid-template-columns:1fr}.membership-library-card{grid-template-columns:100px 1fr}.membership-library-visual b{font-size:32px}.course-preview-strip>.wrap,.course-preview-bottom-cta>.wrap{display:grid}.course-preview-choice-card{padding:20px}.course-preview-panel,.course-preview-curriculum{padding:20px}} /* V61.9 — compact Recommended Tools catalog and contextual cards */ .affiliate-catalog-section{background:#f7f9fc}.affiliate-disclosure-compact{max-width:760px;margin:0 0 24px;padding:14px 16px}.affiliate-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,250px));gap:14px;justify-content:start;align-items:stretch}.affiliate-card-compact{border-radius:15px;box-shadow:0 8px 22px rgba(20,52,89,.07)}.affiliate-card-compact>img{height:128px}.affiliate-card-compact .partner-visual.compact{min-height:128px}.affiliate-card-compact .partner-visual.compact b{font-size:34px}.affiliate-card-compact .affiliate-card-body{padding:14px;gap:7px}.affiliate-card-compact .affiliate-card-body h2{font-size:16px;line-height:1.3;margin:0}.affiliate-card-compact .affiliate-card-body p{font-size:11.5px;line-height:1.55;margin:0;color:#66778b}.affiliate-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.affiliate-card-meta small{color:#7d8b9a;font-size:9.5px}.affiliate-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.affiliate-card-actions>small{font-size:9.5px;color:#7a8998}.affiliate-card-compact .monetization-badge{font-size:8.5px;padding:4px 7px} .affiliate-inline-widget{width:min(100%,700px);padding:13px 14px;margin:20px 0;border-radius:14px}.affiliate-inline-head{margin-bottom:10px}.affiliate-inline-head h3{font-size:17px;margin:3px 0 4px}.affiliate-inline-head p{font-size:11.5px;max-width:580px}.affiliate-inline-list{display:flex;flex-wrap:wrap;gap:10px}.affiliate-inline-card{width:min(290px,100%);grid-template-columns:68px 1fr;gap:9px;padding:9px;border-radius:11px}.affiliate-inline-card img,.affiliate-inline-visual{width:68px;height:68px;border-radius:9px}.affiliate-inline-visual{font-size:20px}.affiliate-inline-body{gap:4px}.affiliate-inline-body h4{font-size:13px}.affiliate-inline-body p{font-size:10.5px;line-height:1.4}.affiliate-inline-footer .btn.small{padding:6px 9px;font-size:10px}.affiliate-inline-footer small{font-size:9px}.affiliate-inline-body .monetization-badge{font-size:8px;padding:3px 6px} @media(max-width:700px){.affiliate-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-inline-widget{width:100%}.affiliate-inline-card{width:100%}} @media(max-width:470px){.affiliate-grid-compact{grid-template-columns:1fr}} /* ===================================================================== V61.10 — header visibility, dark-hero contrast, home resource discovery ===================================================================== */ /* Keep the global site header readable and available on every public page. */ .site-header{position:sticky!important;top:0!important;z-index:1000!important;overflow:visible!important;color:#14213d!important} .site-header>.nav{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important;overflow:visible!important} .site-header .networktech-brand,.site-header .networktech-wordmark,.site-header .networktech-name,.site-header .desktop-nav,.site-header .actions{visibility:visible;opacity:1} .site-header .networktech-name,.site-header .networktech-name strong{color:#102947!important}.site-header .networktech-name em{color:#1768c4!important} .site-header .networktech-slogan{color:#52657a!important} .site-header .desktop-nav>a,.site-header .dropdown>a,.site-header .actions>a{color:#263950!important} .site-header .desktop-nav>a:hover,.site-header .dropdown>a:hover,.site-header .actions>a:hover{color:#145fb7!important} .site-header .dropdown-content,.site-header .flyout-panel{z-index:1200!important} @media(min-width:801px){.site-header .desktop-nav{display:flex!important;align-items:center!important}.site-header .mobile-menu-btn{display:none!important}} @media(min-width:801px) and (max-width:1180px){.site-header .header-search{display:none!important}.site-header>.nav{gap:14px!important}.site-header .desktop-nav{gap:13px!important}.site-header .actions{gap:10px!important;margin-left:auto!important}} /* Explicit contrast for every dark hero surface. Global h1/h2 rules use dark ink, so these sections must opt into white headings. */ .lt60-intro h1,.community-hero h1,.resume-hero h1,.training-session-hero h1,.monetization-pagehead h1,.course-training-cta h2,.cta-box h2{color:#fff!important} .lt60-intro .btn.outline-light{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.08)!important} .lt60-intro .btn.outline-light:hover{background:#fff!important;color:#0b3f76!important} /* Home-page early-access resource shelf. Affiliate/Recommended Tools content is deliberately not rendered here. */ .home-resource-preview{padding-top:58px!important;padding-bottom:58px!important;background:linear-gradient(180deg,#f8fbff,#fff)} .home-resource-heading p{max-width:760px;color:#64748b;line-height:1.65} .home-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px} .home-resource-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start;min-height:170px;padding:18px;border:1px solid #dbe5ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(22,55,90,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease} .home-resource-card:hover{transform:translateY(-2px);border-color:#a9c9e8;box-shadow:0 14px 32px rgba(22,55,90,.09)} .home-resource-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#eaf4ff;color:#155fa8;font:900 13px var(--mono);letter-spacing:.04em} .home-resource-card small{display:block;margin-bottom:6px;color:#2b70b6;font:800 9px var(--mono);letter-spacing:.1em} .home-resource-card h3{font-size:17px;line-height:1.3;margin:0 0 7px} .home-resource-card p{margin:0 0 12px;color:#657589;font-size:12.5px;line-height:1.55} .home-resource-card a{color:#0d5fa9;font-size:12px;font-weight:800} .resume-highlight-card{background:linear-gradient(135deg,#0b2b63,#134f8b);border-color:#0b2b63;color:#fff} .resume-highlight-card h3{color:#fff}.resume-highlight-card p{color:#dceafa}.resume-highlight-card small{color:#8ed0ff}.resume-highlight-card a{color:#fff}.resume-highlight-card .home-resource-icon{background:#fff;color:#0b4d8a} @media(max-width:1050px){.home-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.home-resource-grid{grid-template-columns:1fr}.home-resource-card{min-height:0}} /* V61.11 — Email OTP, environment editor and user-control center */ .otp-auth-page{background:#f4f7fb}.otp-auth-card{max-width:520px}.otp-auth-card h1{margin:.4rem 0 .65rem}.otp-auth-card>p{color:#607085;line-height:1.65}.otp-verify-form{margin-top:20px}.otp-input{font-size:28px!important;font-weight:800!important;letter-spacing:.35em!important;text-align:center!important;padding-left:calc(13px + .35em)!important}.otp-resend-form{margin-top:10px}.otp-resend-form .btn{width:100%}.otp-security-note{display:flex;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid #d9e5f1;border-radius:10px;background:#f7fbff;color:#5b6f84;font-size:12px;line-height:1.55}.otp-security-note b{color:#173f69;white-space:nowrap} .user-control-list{display:grid;gap:10px}.user-control-row>summary{cursor:pointer}.user-status-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.user-control-body{padding:16px 2px 2px}.user-control-meta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;color:#718096;font-size:11px}.user-control-grid{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(360px,1.45fr);gap:14px}.user-role-form,.user-status-form,.user-verification-actions{border:1px solid #e0e7ef;border-radius:12px;padding:14px;background:#fbfcfe}.user-role-form,.user-status-form{display:grid;gap:10px}.user-role-form label,.user-status-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.user-role-form select,.user-status-form select,.user-status-form input,.user-status-form textarea{width:100%;padding:9px 10px;border:1px solid #ccd7e3;border-radius:8px;font:inherit;background:#fff}.user-status-form{grid-template-columns:1fr 1fr}.user-status-form .full,.user-status-form button{grid-column:1/-1}.user-verification-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.user-verification-actions small{color:#728092;line-height:1.5}.tag.off{background:#eef1f5;color:#5c6878}.tag.on{background:#e8f7ef;color:#177243} @media(max-width:820px){.user-control-grid{grid-template-columns:1fr}.user-status-form{grid-template-columns:1fr}.user-verification-actions{display:grid}} /* ===================================================================== V61.12 — responsive layout guardrails + universal search - Separate the public content rail from the wider desktop header rail. - Prevent header flex overflow from creating a whole-page horizontal bar. - Use the mobile navigation earlier, before the desktop header becomes cramped. ===================================================================== */ :root{ --nt-content-rail:1280px; --nt-content-gutter:40px; --nt-header-rail:1720px; --nt-header-gutter:32px; } html,body{width:100%;max-width:100%;overflow-x:clip} body{min-width:0} main,footer,.site-header,.breadcrumb-bar{width:100%;max-width:100%;min-width:0} main .wrap,.breadcrumb-bar .wrap,footer .wrap,.footer-social{ width:min(var(--nt-content-rail),calc(100% - var(--nt-content-gutter)))!important; max-width:var(--nt-content-rail)!important; margin-left:auto!important;margin-right:auto!important; min-width:0!important; } .site-header{height:auto!important;min-height:0!important;overflow:visible!important} .site-header>.nav{ width:min(var(--nt-header-rail),calc(100% - var(--nt-header-gutter)))!important; max-width:var(--nt-header-rail)!important; min-height:74px!important;height:auto!important; margin-left:auto!important;margin-right:auto!important; display:flex!important;align-items:center!important; gap:clamp(12px,1.25vw,24px)!important; min-width:0!important; } .site-header .networktech-brand{flex:0 0 auto!important;min-width:0!important;margin-right:0!important} .site-header .desktop-nav{flex:0 1 auto!important;min-width:0!important;gap:clamp(12px,1.15vw,24px)!important;white-space:nowrap} .site-header .header-search{flex:1 1 220px!important;min-width:160px!important;max-width:300px!important;margin-left:auto!important} .site-header .actions{flex:0 0 auto!important;white-space:nowrap!important;margin-left:0!important} .site-announcement{width:100%;max-width:100%;overflow:hidden} .site-announcement-inner{width:min(var(--nt-header-rail),calc(100% - var(--nt-header-gutter)));margin:0 auto;min-width:0} /* Prevent intrinsic widths inside cards/grids from widening the whole page. */ .wrap,.grid,.product,.product-content,.product-hero-grid,.hero-grid,.feature-band,.account,.account-grid, .feedback,.admin-grid,.admin-layout,.admin-content,.path-grid,.course-grid,.search-grid,.community-layout, .live-training-content-grid,.lt60-detail-grid,.lt60-sales-card,.training-request-layout,.membership-library-grid, .course-preview-layout,.course-preview-hero-grid,.resume-hero-grid,.resume-builder-grid,.resume-template-grid{min-width:0} .grid>*,.product>*,.product-content>*,.product-hero-grid>*,.hero-grid>*,.feature-band>*,.account-grid>*, .admin-layout>*,.path-grid>*,.course-grid>*,.community-layout>*,.live-training-content-grid>*,.lt60-detail-grid>*, .training-request-layout>*,.membership-library-grid>*,.course-preview-layout>*,.course-preview-hero-grid>*, .resume-hero-grid>*,.resume-builder-grid>*,.resume-template-grid>*{min-width:0} img,svg,video,canvas,iframe{max-width:100%} h1,h2,h3,p,li,td,th,.reader-content,.article-body{overflow-wrap:break-word} pre{max-width:100%;overflow:auto} /* Use the desktop header only when there is enough room for it. */ @media(min-width:1280px){ .site-header .desktop-nav{display:flex!important;align-items:center!important} .site-header .actions{display:flex!important} .site-header .mobile-menu-btn{display:none!important} } @media(min-width:1280px) and (max-width:1499px){ .site-header .header-search{display:none!important} .site-header .desktop-nav{gap:13px!important;font-size:12.5px!important} .site-header>.nav{gap:14px!important} } @media(max-width:1279px){ .site-header>.nav{width:calc(100% - 28px)!important;min-height:70px!important} .site-header .desktop-nav,.site-header .header-search,.site-header .actions{display:none!important} .site-header .mobile-menu-btn{ display:grid!important;place-items:center;margin-left:auto!important; width:42px;height:42px;border:1px solid #cbd9e8;border-radius:10px;background:#fff;color:#183b61; font-size:20px;cursor:pointer } .mobile-nav{display:block!important;width:100%;max-width:100%} .mobile-nav[hidden]{display:none!important} .mobile-nav .wrap{width:calc(100% - 28px)!important;max-width:none!important} .mobile-nav .wrap{max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain} .mobile-nav .wrap>a,.mobile-nav-group{display:block;width:100%} .mobile-nav-group{margin:0;border-bottom:1px solid #eef1f5} .mobile-nav-group>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 2px;list-style:none;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer} .mobile-nav-group>summary::-webkit-details-marker{display:none} .mobile-nav-group>summary span{font-size:18px;transition:transform .18s ease} .mobile-nav-group[open]>summary span{transform:rotate(180deg)} .mobile-nav-group-links{display:flex;flex-direction:column;padding:0 0 8px} .mobile-nav-item,.mobile-nav-children{display:flex;flex-direction:column;width:100%;min-width:0} .mobile-nav-item>a{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px!important;border-bottom:1px solid #f1f4f8!important;white-space:normal;overflow-wrap:anywhere;font-size:13px!important;font-weight:700!important} .mobile-nav-children{padding-left:16px;border-left:2px solid #dbe8f6} .mobile-nav-depth-1>a{font-weight:650!important} .mobile-nav-depth-2>a{font-weight:600!important} body.menu-open{overflow:hidden} } @media(max-width:760px){ :root{--nt-content-gutter:28px} main .wrap,.breadcrumb-bar .wrap,footer .wrap,.footer-social{width:calc(100% - 28px)!important} .section{padding-top:54px;padding-bottom:54px} .pagehead,.pagehead-v9{padding-top:42px;padding-bottom:42px} .pagehead h1,.pagehead-v9 h1{font-size:clamp(30px,9vw,42px)!important} .hero-copy h1,.product-hero h1,.resume-hero h1,.community-hero h1,.lt60-detail-copy h1{font-size:clamp(34px,10vw,46px)!important} } /* Search results share one clean system regardless of source type. */ .global-search-head{padding-bottom:48px} .global-search-form{display:flex;gap:10px;max-width:860px;margin-top:24px} .global-search-form input{flex:1;min-width:0;padding:13px 15px;border:1px solid #cbd8e6;border-radius:10px;background:#fff;font:inherit;color:#14213d;outline:none} .global-search-form input:focus{border-color:#4c8bd1;box-shadow:0 0 0 3px rgba(37,99,235,.10)} .global-search-section{background:#f7f9fc} .global-search-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px} .global-search-summary>div:first-child{display:flex;align-items:baseline;gap:8px}.global-search-summary strong{font-size:28px;color:#103c70}.global-search-summary span{color:#6c7c8e;font-size:12px} .global-search-type-chips{display:flex;gap:7px;flex-wrap:wrap}.global-search-type-chips span{padding:6px 9px;border:1px solid #d7e1ec;border-radius:999px;background:#fff;font-size:10px;font-weight:800;color:#5a6d82}.global-search-type-chips b{color:#175fa7} .global-search-results{display:grid;gap:10px} .global-search-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px 18px;border:1px solid #dde5ee;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(20,50,85,.03);transition:.15s} .global-search-card:hover{transform:translateY(-1px);border-color:#a9c8e7;box-shadow:0 10px 26px rgba(20,50,85,.08)} .global-search-kind{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:#edf5ff;color:#1761aa;font-size:9px!important;font-weight:900;letter-spacing:.07em;text-transform:uppercase} .global-search-card-copy h2{margin:0 0 5px;font-size:17px}.global-search-card-copy p{margin:0;color:#607286;font-size:12.5px;line-height:1.55}.global-search-card-copy small{display:block;margin-top:6px;color:#8190a1;font-size:9.5px;letter-spacing:.03em}.global-search-open{color:#1761aa!important;font-weight:800;font-size:11px!important;white-space:nowrap} .global-search-empty{text-align:center;padding:70px 22px;border:1px dashed #cdd9e5;border-radius:16px;background:#fff}.global-search-empty>span{font-size:38px;color:#5482b0}.global-search-empty h2{margin:10px 0 7px}.global-search-empty p{color:#657589;line-height:1.6} @media(max-width:700px){.global-search-form{display:grid}.global-search-form .btn{width:100%}.global-search-card{grid-template-columns:1fr;gap:8px}.global-search-open{justify-self:start}} .admin-content,.admin-content .panel{max-width:100%;min-width:0}.admin-content .panel{overflow-x:auto} /* ===================================================================== V61.13 — compact public UI + persistent global search - Keep the global search visible on desktop and compact-tablet widths. - Reduce oversized hero/card/section dimensions across the public site. - Preserve readable touch targets while fitting more useful content above fold. ===================================================================== */ body{font-size:14px;line-height:1.5} /* Compact announcement + global header */ .site-announcement{padding:6px 14px!important} .site-announcement-inner{min-height:32px!important;gap:8px 12px!important} .site-announcement p,.site-announcement a{font-size:11px!important} .announcement-badge{font-size:8px!important;padding:4px 7px!important} .site-header>.nav{min-height:64px!important;gap:12px!important} .site-header .networktech-brand{min-width:205px!important;gap:6px!important} .site-header .networktech-mark{width:46px!important;height:44px!important;flex-basis:46px!important} .site-header .networktech-mark img{width:66px!important;height:66px!important;left:-10px!important;top:-1px!important} .site-header .networktech-name{font-size:18px!important;letter-spacing:-.55px!important} .site-header .networktech-slogan{font-size:5.7px!important;letter-spacing:.66px!important;margin-top:3px!important} .site-header .desktop-nav{gap:14px!important;font-size:12px!important} .site-header .desktop-nav>a,.site-header .dropdown>a{font-size:12px!important;padding:5px 0!important} .site-header .actions{gap:8px!important;font-size:12px!important} .site-header .header-logout .btn{padding:8px 12px!important;font-size:11px!important} .site-header .header-search{display:block!important;flex:1 1 190px!important;min-width:150px!important;max-width:235px!important;margin-left:auto!important} .site-header .header-search form{height:36px!important;padding:0 10px!important;border-radius:9px!important} .site-header .header-search input{font-size:11px!important} .site-header .header-search span{font-size:17px!important} /* Search stays visible even when the full nav switches to hamburger. */ @media(min-width:900px) and (max-width:1279px){ .site-header .desktop-nav,.site-header .actions{display:none!important} .site-header .header-search{display:block!important;max-width:300px!important;min-width:200px!important} .site-header .mobile-menu-btn{display:grid!important;margin-left:0!important} .site-header>.nav{width:calc(100% - 28px)!important} } @media(min-width:1280px) and (max-width:1499px){ .site-header .desktop-nav{display:flex!important} .site-header .actions{display:flex!important} .site-header .header-search{display:block!important;max-width:190px!important;min-width:145px!important} .site-header>.nav{gap:10px!important} .site-header .desktop-nav{gap:10px!important;font-size:11.5px!important} .site-header .networktech-brand{min-width:190px!important} } @media(max-width:899px){ .site-header .header-search{display:none!important} } /* Global type and vertical rhythm */ h1{letter-spacing:-.03em} h2{font-size:26px!important;line-height:1.18!important} h3{line-height:1.25} .section{padding:56px 0!important} .pagehead,.pagehead-v9{padding:38px 0!important} .pagehead h1,.pagehead-v9 h1{font-size:36px!important;line-height:1.08!important;margin:7px 0!important} .pagehead p,.pagehead-v9 p{font-size:13px!important;line-height:1.6!important} .eyebrow{font-size:9px!important;letter-spacing:.14em!important} .lead{font-size:14px!important;line-height:1.65!important} /* Home page */ .hero,.hero-v9{padding:62px 0!important} .hero-grid{gap:46px!important} .hero h1,.hero-copy h1{font-size:48px!important;line-height:1.04!important;margin:10px 0 15px!important} .hero p,.hero-copy p{font-size:14px!important;line-height:1.65!important} .hero-actions{margin-top:20px!important} .path-grid,.course-grid,.insight-grid{gap:14px!important} .path-card,.insight-card,.grid article{padding:18px!important;border-radius:12px!important} .path-card h3,.insight-card h3,.grid article h3{font-size:16px!important} .path-card p,.insight-card p,.grid article p{font-size:12px!important;line-height:1.55!important} .course-visual{height:120px!important;padding:14px!important} .course-card>.course-meta,.course-card>h3,.course-card>p,.course-card>.course-footer{margin-left:16px!important;margin-right:16px!important} .course-meta{margin-top:13px!important}.course-card h3{font-size:16px!important;margin-top:6px!important}.course-card p{font-size:11.5px!important;line-height:1.55!important;min-height:34px!important} .course-footer{padding:12px 0 14px!important;margin-top:12px!important} .home-resource-preview{padding-top:46px!important;padding-bottom:46px!important} .home-resource-grid{gap:12px!important;margin-top:18px!important} .home-resource-card{min-height:138px!important;padding:14px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;border-radius:13px!important} .home-resource-icon{width:44px!important;height:44px!important;border-radius:11px!important;font-size:11px!important} .home-resource-card h3{font-size:15px!important;margin-bottom:5px!important}.home-resource-card p{font-size:11.5px!important;line-height:1.5!important;margin-bottom:8px!important} /* Buttons, chips and generic cards */ .btn{padding:9px 14px!important;font-size:12px!important;border-radius:7px!important} .btn.big,.big{padding:11px 17px!important;font-size:12.5px!important} .btn.small,.mini{padding:6px 9px!important;font-size:10.5px!important} .chip,.filter-chips .chip{padding:6px 9px!important;font-size:10px!important} .panel,.auth,.purchase-card,.side-info{padding:18px!important;border-radius:13px!important} .empty-state{padding:40px 18px!important} .notice{padding:12px!important;margin:12px 0!important;font-size:11.5px!important} /* Product / course / lesson pages */ .product-hero{padding:48px 0!important}.product-hero-grid{gap:38px!important}.product-hero h1{font-size:40px!important;line-height:1.05!important;margin:8px 0 12px!important} .purchase-card{padding:19px!important}.purchase-card .price{font-size:26px!important;margin:7px 0!important}.purchase-card p{font-size:11.5px!important;margin-bottom:14px!important} .product-content{gap:38px!important}.content-block{padding:26px 0!important}.content-block h2{margin:5px 0 12px!important} .article-body,.reader-content{font-size:14px!important;line-height:1.72!important}.article-body{margin:24px 0!important} .side-info{padding:17px!important}.side-info h3{font-size:13.5px!important}.side-info p{font-size:11px!important;padding:6px 0!important} .module-card{padding:14px!important;margin:10px 0!important}.lesson-row{padding:9px 11px!important}.lesson-nav{margin-top:20px!important} .lesson-pagehead{padding:38px 0!important}.lesson-pagehead h1{font-size:36px!important;line-height:1.08!important} .course-training-cta{padding:20px 0!important}.course-training-cta h2{font-size:22px!important}.course-training-cta p{font-size:12px!important} /* Live training */ .lt60-intro{padding:25px 0!important}.lt60-intro h1{font-size:36px!important}.lt60-intro p{font-size:13px!important} .lt60-featured-section{padding:42px 0!important}.lt60-sales-copy{padding:30px 32px!important}.lt60-sales-copy h2{font-size:40px!important}.lt60-lead{font-size:14px!important}.lt60-sales-facts{margin:20px 0!important}.lt60-sales-facts>div{padding:10px 11px!important} .lt60-sales-visual img{min-height:410px!important}.lt60-detail-hero{padding:42px 0 46px!important}.lt60-detail-grid{gap:34px!important}.lt60-detail-copy h1{font-size:44px!important}.lt60-detail-lead{font-size:14px!important}.lt60-detail-facts{margin:20px 0!important}.lt60-detail-facts>div{padding:9px 10px!important} .lt60-share-panel{padding:15px!important}.lt60-what-you-get{padding:15px!important;margin-top:18px!important}.lt60-register-price{font-size:32px!important} .training-session-hero{padding:50px 0!important}.training-session-hero h1{font-size:44px!important}.training-session-hero .lead{font-size:14px!important}.training-session-highlight{padding:20px!important}.training-session-highlight strong{font-size:18px!important} /* Membership and previews */ .membership-hero-v617{padding:50px 0 42px!important}.membership-hero-grid-v617{gap:38px!important}.membership-hero-v617 h1{font-size:48px!important;margin:8px 0 12px!important}.membership-hero-v617 p{font-size:14px!important}.membership-hero-card-v617{padding:20px!important;border-radius:17px!important}.membership-hero-card-v617>strong{font-size:20px!important}.membership-hero-card-v617 ul{font-size:11.5px!important;line-height:1.65!important} .membership-section-heading-v617{margin-bottom:18px!important}.membership-section-heading-v617 h2{font-size:30px!important}.membership-grid{gap:15px!important}.membership-card{padding:21px!important;gap:10px!important;border-radius:16px!important}.membership-card h2{font-size:21px!important}.membership-price b{font-size:27px!important}.benefit-list{gap:6px!important}.benefit-list li{font-size:11.5px!important} .membership-library-grid{gap:13px!important}.membership-library-card{grid-template-columns:105px minmax(0,1fr)!important;min-height:170px!important;border-radius:14px!important}.membership-library-body{padding:13px!important}.membership-library-body h3{font-size:15px!important;margin:6px 0!important}.membership-library-body p{font-size:10.5px!important}.membership-library-visual{padding:12px!important}.membership-library-visual b{font-size:34px!important} .course-preview-hero{padding:44px 0!important}.course-preview-hero-grid{gap:38px!important}.course-preview-hero h1{font-size:42px!important}.course-preview-choice-card{padding:20px!important}.course-preview-price{font-size:34px!important}.course-preview-panel,.course-preview-curriculum{padding:20px!important}.course-preview-excerpt{font-size:14px!important;line-height:1.7!important}.course-preview-bottom-cta{padding:28px 0!important} /* Community */ .community-hero{padding:46px 0 38px!important}.community-hero-grid{gap:34px!important}.community-hero h1{font-size:46px!important}.community-hero p{font-size:14px!important;line-height:1.65!important}.community-hero-actions{margin-top:18px!important} .community-shell{padding-top:34px!important}.community-card{padding:15px!important;margin-bottom:10px!important;border-radius:13px!important}.community-card-head strong{font-size:13.5px!important}.community-card>p,.community-answer p,.community-form-card p{font-size:11.5px!important;line-height:1.55!important}.community-post-card{padding:15px!important}.community-compose{padding:22px!important}.community-thread-card{padding:22px!important}.community-replies,.community-reply-compose,.community-side-card{padding:18px!important} /* Affiliate / sponsored */ .monetization-pagehead h1{font-size:38px!important}.affiliate-grid,.sponsor-grid{gap:14px!important}.affiliate-card-body,.sponsor-card>div:last-child{padding:16px!important}.affiliate-card img,.sponsor-card img,.sponsored-home-card img{height:165px!important}.partner-visual{min-height:150px!important}.affiliate-inline-widget{padding:13px!important;margin:18px 0!important}.affiliate-inline-head h3{font-size:17px!important}.affiliate-inline-head p{font-size:11.5px!important}.affiliate-inline-card{grid-template-columns:72px 1fr!important;padding:9px!important}.affiliate-inline-card img,.affiliate-inline-visual{width:72px!important;height:72px!important}.affiliate-inline-body h4{font-size:13px!important}.affiliate-inline-body p{font-size:10.5px!important} /* Auth, account, checkout */ .auth-page{padding:60px 20px!important;min-height:540px!important}.auth{padding:20px!important}.auth h1,.checkout-card h1,.feedback h1{font-size:32px!important}.auth input,.feedback input,.feedback select,.feedback textarea,.panel input,.panel select,.panel textarea{padding:9px 10px!important;font-size:12px!important} .checkout-card{padding:24px!important}.checkout-product{padding:10px!important}.account-grid{gap:18px!important}.account-panel{padding:17px!important}.learning-card{padding:10px!important} /* Admin compaction */ .admin-layout{gap:16px!important}.admin-content .panel{padding:16px!important}.admin-dashboard-head h1,.admin-editor-pagehead h1,.admin-community-head h1{font-size:30px!important}.admin-stats-v9{gap:10px!important;margin-bottom:15px!important}.admin-stats-v9>a{min-height:94px!important;padding:14px!important;border-radius:13px!important}.admin-stats-v9 b{font-size:24px!important}.admin-stats-v9 span{margin-top:4px!important;font-size:10px!important}.admin-quickbar{margin-bottom:14px!important}.admin-quickbar a{padding:7px 9px!important;font-size:10px!important} /* Footer */ footer{font-size:12px!important}.footer-grid{padding-top:38px!important;padding-bottom:26px!important;gap:25px!important}.footer-col h4{font-size:12px!important}.footer-col a,.footer-col p{font-size:11px!important;line-height:1.6!important}.footer-social{padding-top:18px!important;padding-bottom:18px!important}.footer-bottom{padding-top:16px!important;padding-bottom:20px!important} @media(max-width:760px){ body{font-size:13px} .section{padding:42px 0!important} .pagehead,.pagehead-v9{padding:32px 0!important} .pagehead h1,.pagehead-v9 h1{font-size:30px!important} .hero,.hero-v9{padding:46px 0!important}.hero h1,.hero-copy h1{font-size:38px!important} .product-hero{padding:36px 0!important}.product-hero h1{font-size:34px!important} .community-hero h1,.membership-hero-v617 h1,.lt60-detail-copy h1,.training-session-hero h1{font-size:36px!important} .lt60-sales-copy h2{font-size:32px!important} } /* ===================================================================== V61.14 — high-density visual pass More content above the fold without turning the UI into tiny text. ===================================================================== */ body{font-size:13px!important;line-height:1.45!important} .site-header>.nav{min-height:58px!important} .site-header .networktech-brand{margin-right:14px!important;min-width:188px!important} .site-header .networktech-mark{width:42px!important;height:40px!important;flex-basis:42px!important} .site-header .networktech-mark img{width:60px!important;height:60px!important;left:-9px!important;top:-2px!important} .site-header .networktech-name{font-size:16.5px!important} .site-header .networktech-slogan{font-size:5.3px!important} .site-header .desktop-nav{gap:11px!important} .site-header .desktop-nav>a,.site-header .dropdown>a{font-size:11.2px!important} .site-header .actions{gap:7px!important;font-size:11.2px!important} .site-header .header-search form{height:33px!important} .site-header .header-search input{font-size:10.5px!important} .site-header .header-signup{padding:7px 10px!important;font-size:10.5px!important;white-space:nowrap!important} .site-header .header-login-link{font-weight:700!important;white-space:nowrap!important} .mobile-auth-actions{display:flex;gap:7px;margin:5px 0 10px}.mobile-auth-actions .btn{flex:1;text-align:center} .section{padding:44px 0!important} .pagehead,.pagehead-v9{padding:29px 0!important} h2{font-size:22px!important;line-height:1.16!important} h3{font-size:15px!important;line-height:1.22!important} .pagehead h1,.pagehead-v9 h1{font-size:31px!important;line-height:1.05!important;margin:5px 0 7px!important} .pagehead p,.pagehead-v9 p{font-size:11.5px!important;line-height:1.5!important} .eyebrow{font-size:8px!important;letter-spacing:.13em!important} .lead{font-size:13px!important;line-height:1.55!important} .hero,.hero-v9{padding:48px 0!important} .hero h1,.hero-copy h1{font-size:39px!important;line-height:1.03!important;margin:7px 0 10px!important} .hero p,.hero-copy p{font-size:12.5px!important;line-height:1.55!important} .hero-actions{margin-top:14px!important} .btn{padding:7px 11px!important;font-size:10.8px!important;border-radius:6px!important} .btn.big,.big{padding:9px 13px!important;font-size:11.3px!important} .btn.small,.mini{padding:5px 8px!important;font-size:9.7px!important} .panel,.auth,.purchase-card,.side-info{padding:14px!important;border-radius:11px!important} .grid{gap:12px!important}.grid article{padding:14px!important;gap:6px!important}.grid article h3{font-size:14px!important}.grid article p{font-size:10.8px!important;line-height:1.48!important} .course-grid,.path-grid,.insight-grid{gap:11px!important} .course-visual{height:96px!important;padding:11px!important} .course-card>.course-meta,.course-card>h3,.course-card>p,.course-card>.course-footer{margin-left:13px!important;margin-right:13px!important} .course-meta{margin-top:10px!important}.course-meta span{font-size:8.5px!important} .course-card h3{font-size:14px!important;margin-top:4px!important}.course-card p{font-size:10.3px!important;line-height:1.45!important;min-height:28px!important} .course-footer{padding:9px 0 11px!important;margin-top:9px!important;font-size:9.5px!important} .home-resource-preview{padding-top:36px!important;padding-bottom:36px!important} .home-resource-grid{gap:10px!important;margin-top:14px!important} .home-resource-card{min-height:112px!important;padding:11px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important} .home-resource-icon{width:38px!important;height:38px!important;border-radius:9px!important;font-size:9px!important} .home-resource-card h3{font-size:13px!important}.home-resource-card p{font-size:10px!important;line-height:1.42!important;margin-bottom:5px!important} .product-hero{padding:35px 0!important}.product-hero-grid{gap:30px!important}.product-hero h1{font-size:33px!important;line-height:1.04!important;margin:6px 0 9px!important} .purchase-card{padding:15px!important}.purchase-card .price{font-size:22px!important;margin:5px 0!important}.purchase-card p{font-size:10px!important;line-height:1.45!important;margin-bottom:10px!important} .product-content{gap:30px!important}.content-block{padding:20px 0!important}.content-block h2{margin:4px 0 9px!important} .article-body,.reader-content{font-size:12.5px!important;line-height:1.62!important}.article-body{margin:18px 0!important} .side-info{padding:14px!important}.side-info h3{font-size:12px!important}.side-info p{font-size:9.8px!important;padding:5px 0!important} .module-card{padding:11px!important;margin:8px 0!important}.lesson-row{padding:7px 9px!important}.lesson-nav{margin-top:15px!important} .lesson-pagehead{padding:29px 0!important}.lesson-pagehead h1{font-size:31px!important} .lt60-intro{padding:20px 0!important}.lt60-intro h1{font-size:30px!important}.lt60-intro p{font-size:11.5px!important} .lt60-featured-section{padding:33px 0!important}.lt60-sales-copy{padding:23px 25px!important}.lt60-sales-copy h2{font-size:33px!important}.lt60-lead{font-size:12px!important} .lt60-sales-facts{margin:14px 0!important;gap:7px!important}.lt60-sales-facts>div{padding:8px 9px!important}.lt60-sales-visual img{min-height:340px!important} .lt60-detail-hero{padding:31px 0 34px!important}.lt60-detail-grid{gap:27px!important}.lt60-detail-copy h1{font-size:36px!important}.lt60-detail-lead{font-size:12px!important}.lt60-detail-facts{margin:14px 0!important;gap:7px!important}.lt60-detail-facts>div{padding:7px 8px!important} .training-session-hero{padding:38px 0!important}.training-session-hero h1{font-size:36px!important}.training-session-hero .lead{font-size:12px!important} .membership-hero-v617{padding:36px 0 31px!important}.membership-hero-grid-v617{gap:28px!important}.membership-hero-v617 h1{font-size:38px!important;margin:5px 0 8px!important}.membership-hero-v617 p{font-size:12px!important} .membership-hero-card-v617{padding:15px!important}.membership-hero-card-v617>strong{font-size:17px!important}.membership-hero-card-v617 ul{font-size:10px!important;line-height:1.5!important} .membership-section-heading-v617{margin-bottom:13px!important}.membership-section-heading-v617 h2{font-size:24px!important} .membership-grid{gap:11px!important}.membership-card{padding:16px!important;gap:8px!important}.membership-card h2{font-size:17px!important}.membership-price b{font-size:23px!important}.benefit-list{gap:5px!important}.benefit-list li{font-size:10px!important} .membership-library-grid{gap:10px!important}.membership-library-card{grid-template-columns:86px minmax(0,1fr)!important;min-height:132px!important}.membership-library-body{padding:10px!important}.membership-library-body h3{font-size:13px!important}.membership-library-body p{font-size:9.5px!important}.membership-library-visual{padding:9px!important}.membership-library-visual b{font-size:28px!important} .course-preview-hero{padding:32px 0!important}.course-preview-hero h1{font-size:34px!important}.course-preview-choice-card,.course-preview-panel,.course-preview-curriculum{padding:15px!important}.course-preview-excerpt{font-size:12px!important;line-height:1.55!important} .community-hero{padding:34px 0 29px!important}.community-hero h1{font-size:37px!important}.community-hero p{font-size:12px!important;line-height:1.55!important}.community-hero-actions{margin-top:13px!important} .community-shell{padding-top:25px!important}.community-card,.community-post-card{padding:11px!important}.community-card-head strong{font-size:12px!important}.community-card>p,.community-answer p,.community-form-card p{font-size:10px!important;line-height:1.45!important}.community-compose,.community-thread-card{padding:16px!important}.community-replies,.community-reply-compose,.community-side-card{padding:13px!important} .monetization-pagehead h1{font-size:31px!important}.affiliate-grid,.sponsor-grid{gap:10px!important}.affiliate-card-body,.sponsor-card>div:last-child{padding:12px!important}.affiliate-card img,.sponsor-card img,.sponsored-home-card img{height:135px!important}.partner-visual{min-height:125px!important} .affiliate-inline-widget{padding:10px!important;margin:13px 0!important}.affiliate-inline-head h3{font-size:14px!important}.affiliate-inline-head p{font-size:10px!important}.affiliate-inline-card{grid-template-columns:58px 1fr!important;padding:7px!important}.affiliate-inline-card img,.affiliate-inline-visual{width:58px!important;height:58px!important}.affiliate-inline-body h4{font-size:11.5px!important}.affiliate-inline-body p{font-size:9.3px!important} .auth-page{padding:44px 20px!important;min-height:490px!important}.auth{padding:16px!important}.auth h1,.checkout-card h1,.feedback h1{font-size:27px!important}.auth input,.feedback input,.feedback select,.feedback textarea,.panel input,.panel select,.panel textarea{padding:7px 8px!important;font-size:11px!important} .checkout-card{padding:18px!important}.account-grid{gap:14px!important}.account-panel{padding:13px!important}.learning-card{padding:8px!important} .admin-layout{gap:12px!important}.admin-content .panel{padding:13px!important}.admin-dashboard-head h1,.admin-editor-pagehead h1,.admin-community-head h1{font-size:26px!important}.admin-stats-v9{gap:8px!important;margin-bottom:11px!important}.admin-stats-v9>a{min-height:78px!important;padding:11px!important}.admin-stats-v9 b{font-size:20px!important}.admin-stats-v9 span{font-size:9px!important}.admin-quickbar{margin-bottom:10px!important}.admin-quickbar a{padding:6px 8px!important;font-size:9px!important} footer{font-size:11px!important}.footer-grid{padding-top:29px!important;padding-bottom:20px!important;gap:20px!important}.footer-col h4{font-size:11px!important}.footer-col a,.footer-col p{font-size:9.8px!important;line-height:1.5!important}.footer-social{padding-top:13px!important;padding-bottom:13px!important}.footer-bottom{padding-top:12px!important;padding-bottom:15px!important} @media(max-width:760px){ body{font-size:12.5px!important}.section{padding:34px 0!important}.pagehead,.pagehead-v9{padding:25px 0!important}.pagehead h1,.pagehead-v9 h1{font-size:27px!important} .hero,.hero-v9{padding:37px 0!important}.hero h1,.hero-copy h1{font-size:33px!important}.product-hero{padding:29px 0!important}.product-hero h1{font-size:30px!important} .community-hero h1,.membership-hero-v617 h1,.lt60-detail-copy h1,.training-session-hero h1{font-size:31px!important}.lt60-sales-copy h2{font-size:28px!important} } /* Keep Sign Up + Login directly visible whenever the compact header has room. */ @media(min-width:700px) and (max-width:1279px){ .site-header .actions{display:flex!important;align-items:center!important;margin-left:0!important} .site-header .header-logout{display:none!important} .site-header .mobile-menu-btn{margin-left:0!important} } @media(max-width:699px){.site-header .actions{display:none!important}} /* ===================================================================== V61.15 — live-training clarity, compact membership, Explore restore, brand spacing, compact footer share row ===================================================================== */ /* Give the wordmark breathing room before Home while keeping the header compact. */ @media(min-width:1280px){ .site-header .networktech-brand{margin-right:34px!important} } @media(min-width:1000px) and (max-width:1279px){ .site-header .networktech-brand{margin-right:18px!important} } /* Explore is a normal first-level dropdown, matching Courses/Resources/About. */ .site-header .explore-dropdown-panel{min-width:205px!important} .site-header .explore-dropdown-panel>a{white-space:nowrap} /* The generated 1200x630 social banner must be shown completely, never cropped. */ .lt60-sales-card{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;align-items:stretch!important} .lt60-sales-visual{display:grid!important;place-items:center!important;align-content:center!important;min-width:0!important;background:linear-gradient(145deg,#08274f,#0b4e83)!important;padding:10px!important} .lt60-sales-visual>a{display:block!important;width:100%!important;height:auto!important;min-width:0!important} .lt60-sales-visual img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1200/630!important;object-fit:contain!important;object-position:center!important;border-radius:12px!important} .lt60-visual-caption{right:22px!important;left:22px!important;bottom:22px!important} @media(max-width:1050px){ .lt60-sales-card{grid-template-columns:1fr!important} .lt60-sales-visual{order:-1!important;padding:8px!important} .lt60-sales-visual img{width:min(100%,900px)!important;margin:auto!important} } /* Membership pricing cards should read like compact pricing cards, not full-width panels. */ .membership-plans-section-v617 .membership-grid{grid-template-columns:repeat(auto-fit,minmax(220px,270px))!important;justify-content:center!important;gap:14px!important;max-width:930px!important;margin-left:auto!important;margin-right:auto!important} .membership-plans-section-v617 .membership-card{width:100%!important;max-width:270px!important;padding:17px!important;gap:8px!important;border-radius:14px!important} .membership-plans-section-v617 .membership-card h2{font-size:18px!important} .membership-plans-section-v617 .membership-price b{font-size:24px!important} .membership-plans-section-v617 .membership-tagline,.membership-plans-section-v617 .membership-card>p{font-size:10.5px!important;line-height:1.48!important} .membership-plans-section-v617 .benefit-list{gap:5px!important} .membership-plans-section-v617 .benefit-list li{font-size:10px!important;line-height:1.4!important} /* Keep the global Share Network Guide Academy row intentionally narrower than the footer. */ .footer-social{width:calc(100% - 32px)!important;max-width:860px!important;padding:10px 12px!important;gap:10px!important} .footer-social>strong{font-size:10.5px!important;white-space:nowrap} .footer-social-links{gap:5px!important;justify-content:flex-end!important} .footer-social a,.footer-social button{padding:5px 8px!important;font-size:9.5px!important} @media(max-width:800px){ .footer-social{max-width:92%!important;padding:10px!important} .footer-social-links{justify-content:flex-start!important} } /* ===================================================================== V61.16 — header sequence/spacing + denser, better-balanced home hero ===================================================================== */ @media(min-width:1280px){ .site-header>.nav{gap:18px!important} .site-header .networktech-brand{margin-right:48px!important} .site-header .desktop-nav{gap:19px!important} .site-header .desktop-nav>a,.site-header .dropdown>a{padding:7px 1px!important} } @media(min-width:1100px) and (max-width:1279px){ .site-header>.nav{gap:12px!important} .site-header .networktech-brand{margin-right:24px!important} .site-header .desktop-nav{gap:13px!important} } .site-header .desktop-nav>a,.site-header .dropdown>a{white-space:nowrap!important} .site-header .explore-dropdown-panel{min-width:205px!important} .site-header .explore-dropdown-panel>a{display:block!important} .home-page .hero-v9{padding:54px 0 48px!important} .home-page .hero-v9 .hero-grid{align-items:start!important;gap:54px!important} .home-page .hero-copy{padding-top:28px!important;align-self:start!important} .home-page .hero-copy>p{max-width:650px!important} .home-page .home-hero-value{margin:13px 0 0!important;color:#43566f!important;font-size:11.8px!important;line-height:1.58!important;max-width:660px!important} .home-page .home-hero-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;max-width:650px} .home-page .home-hero-pillars>div{display:grid;gap:3px;padding:9px 10px;border:1px solid #d7e3f2;border-radius:10px;background:rgba(255,255,255,.72);box-shadow:0 5px 14px rgba(32,67,108,.04)} .home-page .home-hero-pillars b{font:800 8px/1.2 var(--mono);letter-spacing:.12em;color:#1768c5} .home-page .home-hero-pillars span{font-size:9.8px;line-height:1.35;color:#52667e;font-weight:600} .home-page .hero-proof{margin-top:14px!important} .home-page .home-lab-slider.topology-only .home-topology-stage{min-height:360px!important} .home-page .home-lab-slider.topology-only .network-topology-wrap{padding-top:16px!important} @media(max-width:900px){ .home-page .hero-copy{padding-top:0!important} .home-page .home-hero-pillars{grid-template-columns:1fr!important} .home-page .hero-v9 .hero-grid{gap:25px!important} } /* V61.21 future-ready Google Privacy & messaging link */ .footer-privacy-link{appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer} .footer-privacy-link:hover{opacity:.78} /* ========================================================================== V61.22 PERFORMANCE LAYER Faster first paint and smoother scrolling without changing the visual design. ========================================================================== */ html{scroll-behavior:auto!important} .site-header,header.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important} img{content-visibility:auto} .home-page main>section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:auto 620px} @media (hover:none){.grid article:hover,.path-card:hover,.home-resource-card:hover{transform:none!important}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* ===================================================================== V62.1 — Authenticator QR, profile menu, password-reset confirmation ===================================================================== */ .profile-menu{position:relative;margin:0} .profile-menu>summary{list-style:none} .profile-menu>summary::-webkit-details-marker{display:none} .profile-menu-trigger{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;padding:3px;border-radius:999px;outline:none} .profile-menu-trigger:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.2)} .profile-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#0b2b63;background:linear-gradient(145deg,#f8fbff,#dcecff);border:1px solid #c9d9ee;box-shadow:0 4px 12px rgba(15,35,68,.09)} .profile-chevron{font-size:10px;color:#526681;transition:transform .15s ease} .profile-menu[open] .profile-chevron{transform:rotate(180deg)} .profile-menu-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:1200;width:245px;padding:8px;background:#fff;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 18px 48px rgba(15,35,68,.18)} .profile-menu-panel:before{content:"";position:absolute;right:18px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid #dce5f0;border-top:1px solid #dce5f0;transform:rotate(45deg)} .profile-menu-user{padding:9px 10px 11px;border-bottom:1px solid #edf1f6;margin-bottom:5px;min-width:0} .profile-menu-user strong,.profile-menu-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .profile-menu-user strong{font-size:12px;color:#0b1f3a} .profile-menu-user span{font-size:10px;color:#6d7f96;margin-top:3px} .profile-menu-panel>a,.profile-menu-logout button{width:100%;display:flex;align-items:center;gap:9px;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#18314f;text-decoration:none;font:inherit;font-size:11px;text-align:left;cursor:pointer} .profile-menu-panel>a:hover,.profile-menu-logout button:hover{background:#f2f7fd;color:#155bd7} .profile-menu-logout{margin:4px 0 0;padding-top:4px;border-top:1px solid #edf1f6} .profile-menu-logout button{color:#a52323} .mobile-profile-actions{display:grid;gap:7px;padding:12px 0 14px;border-bottom:1px solid #e3eaf3;margin-bottom:8px} .mobile-profile-actions>div strong,.mobile-profile-actions>div span{display:block} .mobile-profile-actions>div span{font-size:11px;color:#728197;margin-top:2px;overflow-wrap:anywhere} .mobile-profile-actions form,.mobile-profile-actions button{width:100%} .mobile-profile-actions button{border:0;background:transparent;padding:8px 0;text-align:left;color:#a52323;font:inherit;font-weight:700;cursor:pointer} .admin-2fa-card{width:min(860px,calc(100% - 32px))!important;max-width:860px!important} .admin-2fa-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr);gap:26px;align-items:center;margin-top:20px} .admin-2fa-qr-panel{display:grid;justify-items:center} .admin-2fa-qr{display:grid;place-items:center;background:#fff;border:1px solid #d9e3ee;border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(15,35,68,.08)} .admin-2fa-qr img{display:block;width:min(240px,100%);height:auto;image-rendering:pixelated} .admin-2fa-scan-note{font-size:11px;line-height:1.65;color:#526681;margin:12px 0 0;width:min(270px,100%)} .twofa-step{display:flex;gap:11px;align-items:flex-start;padding:10px 0} .twofa-step>span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eaf2ff;color:#155bd7;font-weight:900;font-size:11px} .twofa-step b{font-size:12px;color:#112a48} .twofa-step p{font-size:10px;color:#73839a;margin:3px 0 0;line-height:1.45} .admin-2fa-form{margin-top:8px} .admin-2fa-form input[name="otp"]{font-size:22px!important;letter-spacing:.28em;text-align:center;font-weight:800;font-variant-numeric:tabular-nums} .admin-2fa-manual{margin-top:22px;border:1px solid #dfe7f1;border-radius:12px;background:#f8fbff} .admin-2fa-manual summary{cursor:pointer;padding:12px 14px;font-weight:800;font-size:11px;color:#23415f} .admin-2fa-manual .control-note{margin:0;border:0;border-top:1px solid #e3eaf3;border-radius:0;background:#fff} .twofa-secret{font-size:12px;letter-spacing:.08em;overflow-wrap:anywhere} .admin-2fa-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #e8edf4} .admin-2fa-actions p{margin:0;max-width:520px;font-size:10px} .password-reset-success{text-align:center;padding:4px 0 2px} .password-reset-success-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;background:#e9f8ef;color:#13733b;font-size:28px;font-weight:900;border:1px solid #bfe7cd} .password-reset-success h1{margin-top:7px} .password-reset-success>p{margin:8px auto;color:#64758c;max-width:510px} .password-reset-email{display:inline-block;max-width:100%;margin:5px auto 8px;padding:10px 14px;border-radius:10px;background:#f2f7ff;border:1px solid #d4e3f8;color:#123c76;font-weight:800;font-size:13px;overflow-wrap:anywhere} .password-reset-actions{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:18px;flex-wrap:wrap} .password-reset-actions .btn{min-width:160px} @media(max-width:720px){ .admin-2fa-card{width:calc(100% - 20px)!important} .admin-2fa-grid{grid-template-columns:1fr;gap:18px} .admin-2fa-actions{align-items:flex-start;flex-direction:column} .profile-menu-panel{right:-4px;width:min(260px,calc(100vw - 28px))} } /* V62.2 — privacy / cookie consent */ .cookie-consent[hidden],.cookie-preferences[hidden]{display:none!important} .cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:10020;padding:16px;background:linear-gradient(180deg,transparent,rgba(8,22,45,.18))} .cookie-consent-card{max-width:1180px;margin:auto;background:#fff;border:1px solid rgba(15,43,82,.16);border-radius:18px;box-shadow:0 18px 60px rgba(4,24,55,.2);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px} .cookie-consent-copy{max-width:760px}.cookie-consent-copy h2{font-size:20px;margin:2px 0 7px}.cookie-consent-copy p{margin:0;color:var(--m);line-height:1.55;font-size:14px}.cookie-consent-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--brand,#0b5ed7)} .cookie-consent-links{display:flex;gap:14px;margin-top:8px}.cookie-consent-links a{font-size:13px;font-weight:700}.cookie-consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:350px} .cookie-preferences{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:20px}.cookie-preferences-backdrop{position:absolute;inset:0;background:rgba(5,16,35,.62);backdrop-filter:blur(3px)} .cookie-preferences-card{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.3);padding:24px} .cookie-preferences-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.cookie-preferences-head h2{margin:3px 0 0}.cookie-preferences-close{border:0;background:#eef3f9;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer;color:#18324f} .cookie-category{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #e8eef5}.cookie-category:first-of-type{margin-top:16px}.cookie-category b{display:block;margin-bottom:4px}.cookie-category p{margin:0;color:var(--m);font-size:13px;line-height:1.45}.cookie-always-on{white-space:nowrap;font-size:12px;font-weight:800;color:#207544;background:#edf8f1;border-radius:999px;padding:7px 10px} .cookie-toggle{cursor:pointer}.cookie-toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:46px;height:26px;border-radius:99px;background:#cbd5e1;position:relative;flex:0 0 auto;transition:.2s}.toggle-ui:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.2s}.cookie-toggle input:checked+.toggle-ui{background:#1769d2}.cookie-toggle input:checked+.toggle-ui:after{transform:translateX(20px)}.cookie-toggle input:focus-visible+.toggle-ui{outline:3px solid rgba(23,105,210,.25);outline-offset:2px} .cookie-google-note{background:#f5f8fc;border:1px solid #dfe8f3;border-radius:12px;padding:13px 14px;margin-top:8px}.cookie-google-note p{font-size:13px;color:var(--m);margin:4px 0 8px}.cookie-preferences-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cookie-modal-open{overflow:hidden}.footer-privacy-link{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer} .legal-link-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.legal-compliance-note{margin:14px 0;padding:14px;border:1px solid #dce7f3;border-radius:12px;background:#f7faff}.legal-compliance-note p{margin:4px 0;color:var(--m);font-size:13px}.privacy-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.privacy-admin-grid .full{grid-column:1/-1}.policy-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} @media(max-width:760px){.cookie-consent{padding:10px}.cookie-consent-card{align-items:stretch;flex-direction:column;padding:16px;border-radius:15px}.cookie-consent-actions{min-width:0;justify-content:stretch}.cookie-consent-actions .btn{flex:1 1 30%;white-space:nowrap}.cookie-preferences{padding:10px}.cookie-preferences-card{padding:18px;border-radius:16px}.cookie-preferences-actions{flex-direction:column}.cookie-preferences-actions .btn{width:100%}.privacy-admin-grid{grid-template-columns:1fr}.privacy-admin-grid .full{grid-column:auto}} /* ===================================================================== V62.3 — profiles, notification center, newsletter prompt, FAQ/admin monitor ===================================================================== */ .profile-avatar{overflow:hidden;font-weight:900}.profile-avatar>img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar>span{font-size:13px}.notification-badge{display:inline-grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:99px;background:#d92d20;color:#fff;font-size:9px;margin-left:auto} .profile-editor-panel{scroll-margin-top:110px}.profile-editor-grid{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:start}.profile-photo-editor{display:grid;justify-items:center;gap:9px}.profile-photo-large,.profile-public-avatar{width:132px;height:132px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#eaf2ff,#cfe1fa);border:1px solid #c7d8ed;color:#174f9f;font-size:42px;font-weight:900}.profile-photo-large img,.profile-public-avatar img{width:100%;height:100%;object-fit:cover}.profile-remove-photo{font-size:11px;color:#7a3140}.profile-photo-editor small{font-size:10px;color:#718096;text-align:center}.profile-fields{margin:0}.profile-public-head{display:flex;gap:24px;align-items:center}.profile-public-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px}.profile-public-grid aside{display:grid;align-content:start;gap:12px}.profile-skill-cloud{display:flex;flex-wrap:wrap;gap:7px}.profile-skill-cloud span{padding:6px 9px;border-radius:999px;background:#edf4fd;color:#174d8d;font-size:11px;font-weight:700} .notification-settings-panel{scroll-margin-top:110px}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.preference-grid>label{display:flex;gap:10px;align-items:flex-start;border:1px solid #e2e9f2;border-radius:12px;padding:12px;background:#fbfdff}.preference-grid input{margin-top:3px}.preference-grid span b,.preference-grid span small{display:block}.preference-grid span small{color:#6c7d93;margin-top:3px;line-height:1.4}.notification-mini-list .is-unread{border-left:3px solid #1769d2;padding-left:10px}.notification-toolbar{display:flex;justify-content:flex-end;gap:9px;margin-bottom:14px}.notification-list{display:grid;gap:10px}.notification-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 18px;border:1px solid #e3eaf2;border-radius:14px;background:#fff}.notification-row.is-unread{border-color:#b7d1f4;background:#f7fbff;box-shadow:inset 4px 0 #1769d2}.notification-row h2{font-size:16px;margin:3px 0}.notification-row p{margin:0;color:#5d6f85;font-size:13px}.notification-row small{color:#8190a4}.notification-category{font-size:9px;font-weight:900;letter-spacing:.11em;color:#1769d2}.narrow-wrap{max-width:900px} .newsletter-prompt[hidden]{display:none!important}.newsletter-prompt{position:fixed;right:20px;bottom:20px;z-index:10010;width:min(430px,calc(100vw - 32px));padding:22px;background:#fff;border:1px solid #dbe6f2;border-radius:18px;box-shadow:0 24px 70px rgba(7,30,66,.24);opacity:0;transform:translateY(18px);transition:.22s ease}.newsletter-prompt.is-visible{opacity:1;transform:none}.newsletter-prompt h2{margin:5px 0 7px;font-size:21px}.newsletter-prompt p{color:#5d6e82;line-height:1.5}.newsletter-prompt>small{display:block;color:#8794a6;margin-top:9px}.newsletter-prompt-close{position:absolute;right:10px;top:9px;width:34px;height:34px;border:0;border-radius:50%;background:#eef3f8;font-size:22px;cursor:pointer}.newsletter-prompt-form{display:grid;grid-template-columns:1fr auto;gap:8px}.newsletter-prompt-form input{min-width:0}.newsletter-admin-settings{padding:14px;margin:12px 0 18px;border:1px solid #e1e8f1;border-radius:12px;background:#f9fbfe} .monitor-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.monitor-kpi-grid>div{padding:15px;border:1px solid #dfe7f0;border-radius:13px;background:#fff}.monitor-kpi-grid small,.monitor-kpi-grid b,.monitor-kpi-grid span{display:block}.monitor-kpi-grid b{font-size:22px;margin:4px 0;color:#0d2c53}.monitor-kpi-grid span{font-size:11px;color:#73839a}.monitor-log-picker{display:flex;gap:10px;align-items:end;margin:14px 0}.monitor-log-picker label{min-width:220px}.monitor-log-output{min-height:360px;max-height:640px;overflow:auto;background:#071522;color:#d6e6f4;border-radius:12px;padding:16px;font:11px/1.55 'JetBrains Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.monitor-panel{margin-top:10px} @media(max-width:800px){.profile-editor-grid,.profile-public-grid{grid-template-columns:1fr}.profile-photo-editor{justify-items:start}.preference-grid{grid-template-columns:1fr}.notification-row{align-items:flex-start;flex-direction:column}.monitor-kpi-grid{grid-template-columns:repeat(2,1fr)}.newsletter-prompt{right:10px;bottom:10px;width:calc(100vw - 20px)}.newsletter-prompt-form{grid-template-columns:1fr}.profile-public-head{align-items:flex-start;flex-direction:column}} /* V62.4.2 - provider-neutral Virtual Practice Labs */ .virtual-labs-head .virtual-lab-notice{margin-top:20px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)} .virtual-lab-notice b{white-space:nowrap}.virtual-lab-notice span{color:var(--m)} .virtual-lab-filter{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:10px;align-items:end;margin-bottom:24px} .virtual-lab-filter label{display:grid;gap:6px;font-size:12px;font-weight:700}.virtual-lab-filter input,.virtual-lab-filter select{width:100%} .virtual-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .virtual-lab-card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:22px;display:flex;flex-direction:column;gap:14px;min-height:270px} .virtual-lab-card h2{font-size:20px;margin:0}.virtual-lab-card p{color:var(--m);margin:0;flex:1}.virtual-lab-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.virtual-lab-category{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .virtual-lab-meta{display:flex;flex-wrap:wrap;gap:8px}.virtual-lab-meta span{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;color:var(--m)} .virtual-lab-provider-note{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:24px;align-items:center}.virtual-lab-provider-note p{margin:0;color:var(--m)}.virtual-lab-provider-note code{display:block;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:10px} .virtual-lab-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.virtual-lab-detail-main,.virtual-lab-access-card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:24px}.virtual-lab-access-card{position:sticky;top:110px;display:grid;gap:14px}.virtual-lab-access-card h2{margin:0}.lab-entitled{font-weight:700}.virtual-lab-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.virtual-lab-specs>div{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:4px}.virtual-lab-specs small{color:var(--m);font-size:10px}.virtual-lab-admin-stats{margin:18px 0}.virtual-lab-admin-stats>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.virtual-lab-admin-panel{margin-top:22px}.danger-inline{margin-top:8px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.table-scroll{overflow:auto} @media(max-width:1000px){.virtual-lab-filter{grid-template-columns:1fr 1fr}.virtual-lab-grid{grid-template-columns:1fr 1fr}.virtual-lab-detail-grid{grid-template-columns:1fr}.virtual-lab-access-card{position:static}.virtual-lab-specs{grid-template-columns:1fr 1fr}} @media(max-width:650px){.virtual-lab-filter,.virtual-lab-grid,.virtual-lab-provider-note,.virtual-lab-specs{grid-template-columns:1fr}.virtual-lab-card{min-height:0}} /* V62.4.3 — reusable social share cards */ .social-share-card-widget{margin:22px 0;padding:16px;border:1px solid #d7e2ec;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(13,48,81,.06)} .social-share-card-summary{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center} .social-share-card-summary>div{min-width:0}.social-share-kicker{display:block;margin-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#1967a7}.social-share-card-summary strong{display:block;color:#102d49;font-size:17px;line-height:1.35}.social-share-card-summary small{display:block;margin-top:5px;color:#62758a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .social-card-preview-link{display:block;border-radius:10px;overflow:hidden;border:1px solid #dce7f1;background:#082f56}.social-card-preview-link img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover} .social-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.social-share-actions a,.social-share-actions button{appearance:none;border:1px solid #c9d9e7;background:#f8fbfd;color:#123f66;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}.social-share-actions a:hover,.social-share-actions button:hover{background:#0f67a7;border-color:#0f67a7;color:#fff} .social-share-actions .social-card-share-btn{background:#0f67a7;border-color:#0f67a7;color:#fff}.social-share-actions .social-card-share-btn:hover{background:#0a4f82} .social-share-local-note{display:block;margin-top:10px;color:#7b5a20;line-height:1.5}.social-share-local-note code{font-size:11px} .social-share-card-widget.compact{display:inline-block;margin:0;padding:0;border:0;box-shadow:none;background:transparent}.social-share-card-widget.compact .social-share-card-summary{display:none}.social-share-card-widget.compact .social-share-actions{margin:0}.social-share-card-widget.compact .social-share-actions a,.social-share-card-widget.compact .social-share-actions button{padding:7px 10px;font-size:11px}.social-share-card-widget.compact .social-share-local-note{display:none} .share-surface-section{padding:0 0 8px}.share-surface-section .social-share-card-widget{margin-top:18px} @media(max-width:720px){.social-share-card-summary{grid-template-columns:1fr}.social-card-preview-link{max-width:280px}.social-share-actions{gap:6px}.social-share-actions a,.social-share-actions button{padding:8px 10px}.social-share-card-widget.compact{display:block}.social-share-card-widget.compact .social-share-actions{margin-top:8px}} .social-share-compact-menu{position:relative;display:inline-block}.social-share-compact-menu>summary{list-style:none;cursor:pointer}.social-share-compact-menu>summary::-webkit-details-marker{display:none}.social-share-popover{position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:min(420px,88vw);padding:12px;border:1px solid #d3e1ec;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(8,44,77,.18)}.social-share-popover-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none;color:#173d5e}.social-share-popover-card img{display:block;width:128px;aspect-ratio:1200/630;object-fit:cover;border-radius:8px}.social-share-popover-card span{min-width:0}.social-share-popover-card b,.social-share-popover-card small{display:block}.social-share-popover-card small{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6c7e90}.social-share-popover .social-share-actions{margin-top:10px}.share .social-card-share-btn{padding:0;line-height:1} .social-share-popover{box-sizing:border-box;max-width:calc(100vw - 24px);overflow:hidden;transform:translateX(var(--share-shift-x,0px))}.community-thread-actions .social-share-popover{left:0;right:auto}.social-share-popover .social-share-actions{display:flex;flex-wrap:wrap;max-width:100%}.social-share-popover .social-share-actions>*{max-width:100%;white-space:normal;text-align:center}.social-share-popover-card{max-width:100%;overflow:hidden}.social-share-popover-card b{overflow-wrap:anywhere} @media(max-width:720px){.social-share-popover{position:fixed;left:12px;right:12px;bottom:16px;top:auto;width:auto}.social-share-popover-card{grid-template-columns:110px minmax(0,1fr)}.social-share-popover-card img{width:110px}} /* V62.4.4 Blog/Articles professional authoring editor */ .rte-toolbar-pro{gap:6px;background:#f7faff;border-bottom:1px solid #d9e4f2} .rte-tool-group{display:inline-flex;gap:3px;padding:2px;border:1px solid #dbe5f1;border-radius:8px;background:#fff} .rte-tool-group button{border:0!important;border-radius:5px!important} .rte-authoring-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:7px 11px;border-bottom:1px solid #e2e8f0;background:#fbfdff;color:#64748b;font-size:11px;font-weight:700} .blog-rte .rte-editor{min-height:360px;max-height:62vh;font-size:16px;line-height:1.75;background:#fff} .blog-rte .rte-source{min-height:360px;max-height:62vh;width:100%;padding:16px;border:0;background:#071a2d;color:#d8efff;font:13px/1.65 Consolas,"Courier New",monospace;resize:vertical} .rte-fullscreen{position:fixed!important;inset:14px!important;z-index:1000!important;display:flex!important;flex-direction:column!important;border-radius:14px!important;background:#fff!important;box-shadow:0 28px 90px rgba(15,23,42,.35)!important;overflow:hidden!important} .rte-fullscreen .rte-toolbar{flex:0 0 auto;max-height:125px;overflow:auto} .rte-fullscreen .rte-authoring-status{flex:0 0 auto} .rte-fullscreen .rte-editor,.rte-fullscreen .rte-source{flex:1 1 auto;min-height:0!important;max-height:none!important;height:auto!important;overflow:auto!important} body.rte-fullscreen-open{overflow:hidden!important} .rte-editor font[size="1"],.reader-content font[size="1"]{font-size:11px}.rte-editor font[size="2"],.reader-content font[size="2"]{font-size:13px}.rte-editor font[size="3"],.reader-content font[size="3"]{font-size:16px}.rte-editor font[size="4"],.reader-content font[size="4"]{font-size:20px}.rte-editor font[size="5"],.reader-content font[size="5"]{font-size:26px}.rte-editor font[size="6"],.reader-content font[size="6"]{font-size:34px}.rte-editor font[size="7"],.reader-content font[size="7"]{font-size:44px} .reader-content blockquote{margin:22px 0;padding:14px 18px;border-left:4px solid #2b6fe8;background:#f5f9ff;border-radius:0 10px 10px 0} .reader-content hr{border:0;border-top:1px solid #d9e2ef;margin:28px 0} .empty-state{grid-column:1/-1;padding:34px;border:1px dashed #cbd7e7;border-radius:14px;text-align:center;background:#fbfdff;color:#5b6b80} @media(max-width:700px){.rte-fullscreen{inset:4px!important;border-radius:8px!important}.rte-toolbar-pro{max-height:150px;overflow:auto}.blog-rte .rte-editor{min-height:300px;max-height:58vh}} .rte-toolbar-pro .rte-color-label{flex-direction:row!important} /* V62.4.6 — Resources child authoring blocks render inside the selected section */ .resource-inline-content-section{padding-top:18px;padding-bottom:18px} .resource-inline-content-list{display:grid;gap:16px} .resource-inline-content-block{margin:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card)} .resource-inline-content-block h2,.resource-inline-content-block h3{margin:0 0 8px} .resource-inline-content-block[data-resource-depth="1"]{margin-left:18px} .resource-inline-content-block[data-resource-depth="2"]{margin-left:36px} .resource-inline-content-block .menu-media-preview{margin-top:16px} @media(max-width:700px){.resource-inline-content-block[data-resource-depth]{margin-left:0}} /* V62.4.7 — compact resource video windows + Resource topic chips */ .resource-video-window{width:min(100%,640px);max-width:640px;margin:16px 0 20px;border:1px solid #d8e3ef;border-radius:16px;background:#07162f;overflow:hidden;box-shadow:0 10px 28px rgba(13,48,83,.10)} .resource-video-window-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#f7faff;border-bottom:1px solid #dce6f1;color:#284761;font-size:11px;font-weight:900;letter-spacing:.03em} .resource-video-window-toolbar>div{display:flex;gap:6px;flex-wrap:wrap} .resource-video-window-toolbar button{appearance:none;border:1px solid #c9d8e8;border-radius:8px;background:#fff;color:#285075;padding:6px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer} .resource-video-window-toolbar button:hover,.resource-video-window-toolbar button:focus-visible{border-color:#6fa2d5;background:#edf6ff;outline:none} .resource-video-window-body{min-width:0;background:#07162f} .resource-video-window .video-wrap{margin:0!important;width:100%;max-width:none!important;border-radius:0!important} .resource-video-window .video-source-actions,.resource-video-window .resource-actions{margin:0!important;padding:8px 10px;background:#fff;border-top:1px solid #e1e9f2} .resource-video-window.is-minimized{width:min(100%,420px)} .resource-video-window.is-minimized .resource-video-window-body{display:none} .resource-video-window.is-maximized{position:fixed;inset:18px;z-index:99999;width:auto;max-width:none;margin:0;display:flex;flex-direction:column;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.42)} .resource-video-window.is-maximized .resource-video-window-toolbar{flex:0 0 auto;padding:10px 12px} .resource-video-window.is-maximized .resource-video-window-body{display:flex!important;flex:1;min-height:0;flex-direction:column} .resource-video-window.is-maximized .video-wrap{flex:1;height:auto!important;min-height:0;padding-bottom:0!important} .resource-video-window.is-maximized .video-wrap iframe,.resource-video-window.is-maximized .video-wrap video{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain} body.resource-video-maximized{overflow:hidden} .catalog-media-preview .resource-video-window{width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none} .catalog-media-preview .resource-video-window-toolbar{display:none} .catalog-media-preview .resource-video-window-body{height:100%} .catalog-media-preview .resource-video-window .video-wrap{height:100%!important;padding-bottom:0!important} .resource-topic-chip-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:5px 1px 10px;margin:12px 0 16px;scrollbar-width:thin} .resource-topic-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;max-width:320px;padding:8px 12px;border:1px solid #d7e4f2;border-radius:999px;background:#fff;color:#2e4d6b;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px rgba(17,66,116,.04);transition:border-color .16s ease,background .16s ease,transform .16s ease} .resource-topic-chip span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#edf5ff;color:#1764bf;font-size:9px;font-weight:900} .resource-topic-chip b{overflow:hidden;text-overflow:ellipsis} .resource-topic-chip:hover,.resource-topic-chip:focus-visible{border-color:#75a8dd;background:#f1f7ff;color:#0d5aaa;transform:translateY(-1px);outline:none} .resource-topic-chip:hover span,.resource-topic-chip:focus-visible span{background:#1764bf;color:#fff} .resource-topic-panel,.menu-outline-item[id^="menu-topic-"]{scroll-margin-top:110px} .resource-inline-content-block[data-resource-depth="1"]{margin-left:0;border-left:4px solid #d9e8f7;background:#fbfdff} .resource-inline-content-block[data-resource-depth="2"]{margin-left:14px;border-left:4px solid #edf2f7} .resource-topic-chip-nav-root{margin-top:10px;margin-bottom:18px} @media(max-width:700px){ .resource-video-window{max-width:100%;width:100%} .resource-video-window.is-maximized{inset:8px} .resource-video-window-toolbar{align-items:flex-start} .resource-topic-chip{max-width:260px;padding:7px 10px} .resource-inline-content-block[data-resource-depth]{margin-left:0} } .resource-topic-panel:target,.menu-outline-item[id^="menu-topic-"]:target{border-color:#7eb0e3!important;box-shadow:0 0 0 4px rgba(40,113,190,.08),0 12px 30px rgba(17,66,116,.08)} /* ===================================================================== V62.4.8 — dedicated Resource Editor and controlled three-level hierarchy ===================================================================== */ .resource-editor-panel{overflow:visible}.resource-editor-toolbar{position:relative}.resource-editor-create-main{position:relative;margin:0!important;border:0!important}.resource-editor-create-main>summary{list-style:none;cursor:pointer}.resource-editor-create-main>summary::-webkit-details-marker{display:none}.resource-editor-popover{position:absolute;right:0;top:48px;z-index:30;width:min(820px,90vw);max-height:75vh;overflow:auto;padding:18px;border:1px solid #d7e3ef;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(20,52,89,.18)} .resource-editor-stats{margin-bottom:16px}.resource-editor-add-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:16px;align-items:start}.resource-editor-hierarchy-help{padding:22px;border:1px solid #dce7f2;border-radius:16px;background:linear-gradient(145deg,#f7fbff,#fff);text-align:center}.resource-editor-hierarchy-help h3{margin:6px 0;color:#0a4f91}.resource-editor-hierarchy-help strong{display:block;color:#173b62}.resource-editor-hierarchy-help p{margin:4px 0;color:#6c7f92;font-size:12px}.hierarchy-arrow{margin:8px 0;color:#4e8bc4;font-size:18px;font-weight:900}.resource-subheader-strip{margin:20px 0 14px}.resource-editor-subheader-section{scroll-margin-top:96px}.resource-topic-editor{margin-top:18px;padding-top:18px;border-top:1px solid #dfe8f1}.resource-topic-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.resource-topic-editor-head h3{margin:4px 0}.resource-topic-editor-head>span{color:#66798d;font-size:12px}.resource-editor-topic-chips{margin:12px 0 18px}.resource-topic-admin-list{display:grid;gap:10px;margin-top:14px}.resource-topic-admin-row{scroll-margin-top:100px}.resource-editor-init{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .resource-structure-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:12px}.resource-structure-head h2{margin:4px 0}.resource-structure-head p{max-width:650px;margin:0;color:#67788b;font-size:12px;line-height:1.6}.resource-subheader-chip-nav{display:flex;gap:9px;overflow-x:auto;padding:5px 1px 14px;margin-bottom:12px;scrollbar-width:thin}.resource-subheader-chip{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:9px 13px;border:1px solid #cfe0f0;border-radius:11px;background:#f9fcff;color:#234a70;text-decoration:none;font-size:12px;font-weight:850}.resource-subheader-chip span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:8px;background:#e8f3ff;color:#1764bf;font-size:9px}.resource-subheader-chip:hover,.resource-subheader-chip:focus-visible{border-color:#6fa3d6;background:#eef7ff;outline:none}.resource-structure-level{display:inline-block;margin-bottom:7px;color:#1764bf;font-size:9px;font-weight:900;letter-spacing:.14em}.resource-topic-panel .resource-structure-level{color:#6d7f91}.resource-inline-content-block[data-resource-depth="1"]{margin-left:18px;background:#fbfdff}.resource-inline-content-block[data-resource-depth="2"],.resource-inline-content-block[data-resource-depth="3"]{margin-left:36px;background:#fcfcfd} @media(max-width:800px){.resource-editor-add-grid{grid-template-columns:1fr}.resource-editor-popover{position:fixed;inset:76px 12px auto;width:auto;max-height:75vh}.resource-structure-head{display:grid}.resource-inline-content-block[data-resource-depth]{margin-left:0}} /* V62.4.9 Professional Resource Center / CMS */ .resource-center-hero .wrap{max-width:1080px}.resource-center-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.resource-center-groups{display:grid;gap:30px}.resource-center-group{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.resource-center-group-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}.resource-center-group-head h3{margin:0 0 6px;font-size:22px}.resource-center-group-head p{margin:0;color:var(--muted);max-width:720px}.resource-center-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-center-card{display:flex;gap:13px;padding:18px;border:1px solid #dce7f2;border-radius:15px;background:#fff;text-decoration:none;color:inherit;transition:.18s ease}.resource-center-card:hover{transform:translateY(-2px);border-color:#8eb9e5;box-shadow:0 12px 28px rgba(25,68,111,.08)}.resource-center-card-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#edf5ff;color:#1764bf;font-size:10px;font-weight:900}.resource-center-card h4{margin:0 0 6px;font-size:16px}.resource-center-card p{margin:0 0 10px;color:#62758a;font-size:12px;line-height:1.55}.resource-center-card span{color:#1764bf;font-size:11px;font-weight:850}.resource-center-latest{background:#f7faff} .resource-library-section{padding-top:20px}.resource-section-intro{display:grid;gap:16px;margin-bottom:24px;padding:24px;border:1px solid #dce8f3;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff)}.resource-section-intro h2{margin:4px 0}.resource-section-intro p{margin:0;color:#607489}.resource-library-heading{margin:10px 0 14px}.resource-library-heading h2{margin:4px 0}.resource-library-heading p{margin:0;color:#667b90}.resource-category-list{display:grid;gap:18px}.resource-category-panel{padding:22px;border:1px solid #dbe6f1;border-radius:18px;background:#fff}.resource-category-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.resource-category-head>div{display:flex;gap:12px}.resource-step{display:grid;place-items:center;min-width:36px;height:36px;border-radius:11px;background:#eaf4ff;color:#1764bf;font-size:10px;font-weight:900}.resource-category-head h3{margin:0 0 5px;font-size:20px}.resource-category-head p{margin:0;color:#6a7d91}.resource-count{padding:6px 10px;border-radius:999px;background:#f2f6fa;color:#61758a;font-size:10px;font-weight:800;white-space:nowrap}.resource-category-intro{margin-top:14px;padding-top:14px;border-top:1px solid #edf2f6}.resource-topic-list{display:grid;gap:12px;margin-top:10px}.resource-topic-card{padding:18px;border:1px solid #e0e8f1;border-radius:14px;background:#fbfdff;scroll-margin-top:100px}.resource-topic-card.is-premium{border-color:#d8c9f2;background:linear-gradient(145deg,#fdfbff,#fff)}.resource-topic-card-head h4{margin:5px 0 6px;font-size:17px}.resource-topic-card-head p{margin:0;color:#64788c}.resource-topic-meta{display:flex;gap:7px;flex-wrap:wrap}.resource-topic-meta span,.resource-topic-chip em{padding:4px 8px;border-radius:999px;background:#eff4f8;color:#5a6f84;font-size:9px;font-weight:850;font-style:normal}.resource-topic-meta .access-free,.access-free{background:#e9f8ef;color:#187844}.resource-topic-meta .access-paid,.access-paid{background:#f4edff;color:#6c3aae}.resource-topic-chip em{background:#f4edff;color:#6c3aae}.resource-premium-lock{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:17px;border:1px dashed #cdb8ec;border-radius:13px;background:#fbf8ff}.resource-premium-lock h5{margin:3px 0 5px;font-size:16px}.resource-premium-lock p{margin:0;color:#6f6680;max-width:620px}.resource-premium-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.resource-premium-actions form{margin:0} .resource-cms-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.resource-cms-head h2{margin:4px 0}.resource-cms-head p{margin:0;color:#64788d;max-width:760px}.resource-cms-legend{display:flex;gap:10px;flex-wrap:wrap}.resource-cms-legend span{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dbe6f0;border-radius:999px;background:#fff;font-size:10px;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;background:#9ba9b6}.dot.free{background:#1c9a58}.dot.paid{background:#7a48bf}.resource-cms-workflow{display:flex;align-items:center;gap:10px;margin:14px 0 20px;padding:14px;border:1px solid #dbe6ef;border-radius:15px;background:#f8fbfe}.resource-cms-workflow>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;min-width:150px}.resource-cms-workflow>div>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e8f3ff;color:#1764bf;font-size:9px;font-weight:900}.resource-cms-workflow b{font-size:11px}.resource-cms-workflow small{font-size:9px;color:#6e8194}.resource-cms-workflow>i{color:#9aabba}.resource-section-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.resource-section-tabs a{display:flex;flex-direction:column;min-width:130px;padding:10px 12px;border:1px solid #dbe6ef;border-radius:12px;background:#fff;text-decoration:none;color:#344f69}.resource-section-tabs a.active{border-color:#6fa6dc;background:#eff7ff;color:#0f5da7}.resource-section-tabs b{font-size:11px}.resource-section-tabs small{font-size:9px;color:#72859a}.resource-cms-selected{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:16px 0;padding:18px;border:1px solid #dbe6ef;border-radius:15px;background:#fbfdff}.resource-cms-selected h3{margin:3px 0}.resource-cms-selected p{margin:0;color:#687c90}.resource-cms-columns{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.resource-category-sidebar{position:sticky;top:88px;padding:15px;border:1px solid #dbe6ef;border-radius:15px;background:#fbfdff}.resource-sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.resource-sidebar-head h3{margin:3px 0;font-size:16px}.resource-category-admin-link{display:flex;gap:10px;padding:10px;border-radius:11px;text-decoration:none;color:#405b75;margin-bottom:6px}.resource-category-admin-link:hover,.resource-category-admin-link.active{background:#eaf4ff;color:#0d5da8}.resource-category-admin-link>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#fff;font-size:8px;font-weight:900}.resource-category-admin-link b{display:block;font-size:11px}.resource-category-admin-link small{display:block;font-size:9px;color:#7a8da0}.resource-compact-form{display:grid;gap:9px;margin-top:10px}.resource-content-admin{min-width:0}.resource-content-admin-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:17px;border:1px solid #dbe6ef;border-radius:15px;background:#fff}.resource-content-admin-head h3{margin:3px 0}.resource-content-admin-head p{margin:0;color:#687b8f}.resource-add-content{margin-top:14px}.resource-professional-form{margin-top:12px}.resource-access-fieldset{border:1px solid #d8e4ef;border-radius:14px;padding:14px;background:#f9fbfd}.resource-access-fieldset legend{padding:0 7px;color:#244d72;font-size:11px;font-weight:900}.resource-access-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resource-access-choice{display:flex!important;gap:9px;align-items:flex-start;padding:12px;border:1px solid #dce6ef;border-radius:12px;background:#fff}.resource-access-choice input{margin-top:3px}.resource-access-choice span{display:block}.resource-access-choice b{display:block}.resource-access-choice small{display:block;color:#73869a;line-height:1.45}.resource-paid-fields{display:grid;grid-template-columns:140px 120px minmax(220px,1fr);gap:10px;align-items:end;margin-top:10px}.resource-content-item-list{display:grid;gap:9px;margin-top:14px}.resource-content-item>summary{display:flex;justify-content:space-between;gap:12px}.resource-content-item>summary>div{display:flex;gap:10px;align-items:center}.resource-item-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf5ff;color:#1764bf;font-size:8px;font-weight:900}.resource-content-item summary small{display:block;color:#75889b;font-size:9px;margin-top:2px} @media(max-width:980px){.resource-center-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-cms-columns{grid-template-columns:1fr}.resource-category-sidebar{position:static}.resource-cms-workflow{overflow:auto}.resource-cms-workflow>div{min-width:145px}}@media(max-width:650px){.resource-center-card-grid{grid-template-columns:1fr}.resource-category-head,.resource-premium-lock,.resource-cms-head,.resource-cms-selected,.resource-content-admin-head{display:grid}.resource-paid-fields{grid-template-columns:1fr}.resource-access-options{grid-template-columns:1fr}} .blog-category-list{display:grid;gap:20px}.blog-category-panel{padding:22px;border:1px solid #dbe6f1;border-radius:18px;background:#fff}.blog-category-head{margin-bottom:14px}.blog-category-head>div{display:flex;gap:12px;align-items:center}.blog-category-head h3{margin:0;font-size:20px}.blog-category-head p{margin:3px 0 0;color:#718397;font-size:11px}.blog-category-grid .insight-card h4{margin:0 0 9px;font-size:17px}.blog-category-grid .insight-card p{margin-bottom:15px} .resource-writing-guide{display:grid;gap:4px;margin:9px 0 10px;padding:10px 12px;border-left:3px solid #7eaddb;border-radius:8px;background:#f4f9ff}.resource-writing-guide b{font-size:10px;color:#2f597f}.resource-writing-guide span{font-size:10px;color:#677c91;line-height:1.5} /* V62.5.0 Professional Resource Library */ .resource-library-principle{margin-bottom:28px;padding:20px 22px;border:1px solid #d9e6f2;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#fff)} .resource-library-principle>div{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:7px 0}.resource-library-principle b{padding:8px 11px;border-radius:10px;background:#edf5ff;color:#155da6;font-size:11px}.resource-library-principle i{color:#8aa4bd;font-style:normal}.resource-library-principle p{margin:0;color:#667b90;font-size:12px} .resource-center-group-head h2{margin:3px 0 6px;font-size:23px}.resource-center-card h3{margin:0 0 6px;font-size:16px}.resource-latest-row-list{display:grid;gap:10px} .resource-category-index{margin:6px 0 22px}.resource-category-chip-nav{display:flex;gap:8px;overflow-x:auto;padding:7px 1px 11px;scrollbar-width:thin}.resource-category-chip-nav a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 13px;border:1px solid #d5e3ef;border-radius:999px;background:#fff;color:#294e71;text-decoration:none;font-size:11px;font-weight:850}.resource-category-chip-nav a:hover,.resource-category-chip-nav a:focus-visible{border-color:#71a5d7;background:#eef7ff;color:#0d5da8;outline:none}.resource-category-chip-nav small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#edf3f8;color:#657b90;font-size:8px} .professional-resource-list{gap:22px}.professional-category-panel{scroll-margin-top:100px;padding:24px}.resource-topic-mini-nav{display:flex;gap:7px;overflow-x:auto;margin:14px 0 13px;padding-bottom:7px;scrollbar-width:thin}.resource-topic-mini-nav a{flex:0 0 auto;padding:6px 10px;border-radius:9px;background:#f2f6fa;color:#45647f;text-decoration:none;font-size:10px;font-weight:750}.resource-topic-mini-nav a:hover{background:#e8f3ff;color:#0d5da8} .resource-topic-row-list{display:grid;gap:9px}.resource-simple-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 16px;border:1px solid #dfe8f1;border-radius:13px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.resource-simple-row:hover{border-color:#9bbfe1;box-shadow:0 8px 22px rgba(19,66,110,.06);transform:translateY(-1px)}.resource-simple-row.is-premium{border-color:#ddcff1;background:linear-gradient(145deg,#fefcff,#fff)}.resource-row-index{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf5ff;color:#1764bf;font-size:9px;font-weight:900}.resource-row-main{min-width:0}.resource-row-main h3,.resource-row-main h4{margin:4px 0 5px}.resource-row-main h4{font-size:15px}.resource-row-main h4 a,.resource-row-main h3 a{color:#102a46;text-decoration:none}.resource-row-main h4 a:hover,.resource-row-main h3 a:hover{color:#0d61b4}.resource-row-main p{margin:0;color:#677b90;font-size:11px;line-height:1.55}.resource-row-meta{display:flex;gap:6px;flex-wrap:wrap}.resource-row-meta span{padding:4px 7px;border-radius:999px;background:#f0f4f7;color:#60758a;font-size:8px;font-weight:850}.resource-row-meta .access-free{background:#e9f8ef;color:#187844}.resource-row-meta .access-paid{background:#f4edff;color:#6c3aae}.resource-row-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.btn.disabled{pointer-events:none;opacity:.58}.empty-state.compact{padding:16px} .resource-topic-pagehead .wrap{max-width:1160px}.resource-breadcrumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:14px;color:#71859a;font-size:10px;font-weight:750}.resource-breadcrumb a{color:#27659e;text-decoration:none}.resource-topic-title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.resource-topic-title-row h1{margin:7px 0 8px}.resource-topic-title-row p{max-width:800px;margin:0}.resource-topic-primary-actions{display:flex;gap:8px;flex:0 0 auto}.resource-topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.resource-topic-main{min-width:0}.resource-topic-sidebar{position:sticky;top:88px;display:grid;gap:12px}.resource-topic-sidebar .content-block{margin:0;padding:16px}.resource-topic-sidebar h3{margin:5px 0 10px}.resource-topic-sidebar nav{display:grid;gap:4px}.resource-topic-sidebar nav a{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:center;padding:7px 8px;border-radius:9px;color:#465f79;text-decoration:none;font-size:10px;font-weight:750}.resource-topic-sidebar nav a span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f0f5f9;font-size:7px}.resource-topic-sidebar nav a:hover,.resource-topic-sidebar nav a.active{background:#eaf4ff;color:#0d5da8}.resource-topic-body{margin:0}.resource-source-callout{display:flex;justify-content:space-between;gap:18px;align-items:center}.resource-topic-lock{margin-top:0}.resource-topic-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:17px;border-top:1px solid #e3eaf1}.resource-topic-prevnext div{display:grid;gap:4px}.resource-topic-prevnext .next{text-align:right}.resource-topic-prevnext span{color:#8293a4;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.resource-topic-prevnext a{color:#1c5f9d;text-decoration:none;font-size:11px;font-weight:800}.resource-pdf-note p{font-size:10px;color:#6a7d91}.article-title-actions{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.article-title-actions>div{min-width:0}.article-footer-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #e1e9f1} @media(max-width:850px){.resource-simple-row{grid-template-columns:34px minmax(0,1fr)}.resource-row-actions{grid-column:2;justify-content:flex-start}.resource-topic-layout{grid-template-columns:1fr}.resource-topic-sidebar{position:static}.resource-topic-title-row,.article-title-actions,.resource-source-callout{display:grid}.resource-topic-primary-actions{justify-content:flex-start}} @media(max-width:560px){.resource-simple-row{grid-template-columns:1fr}.resource-row-index{display:none}.resource-row-actions{grid-column:1}.resource-topic-prevnext{grid-template-columns:1fr}.resource-topic-prevnext .next{text-align:left}.resource-category-chip-nav a{padding:8px 10px}.professional-category-panel{padding:17px}} /* ===================================================================== V62.5.1 — polished Resource presentation by content type ===================================================================== */ .resource-compact-pagehead{padding:30px 0 24px!important;background:linear-gradient(120deg,#f4f8fd,#f8fbff)} .resource-compact-pagehead h1{margin:7px 0 6px!important;font-size:clamp(34px,4vw,46px)} .resource-compact-pagehead p{max-width:850px;margin:0;color:var(--muted);line-height:1.6} .resource-index-page,.resource-media-library,.labs-guide-page,.cheat-library-page,.blog-library-page{padding-top:28px!important;padding-bottom:56px!important} .resource-toolbar-pro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px} .resource-toolbar-pro .catalog-search{max-width:660px;margin:0} .resource-media-heading{margin:0 0 18px}.resource-media-heading h2{margin:4px 0 6px}.resource-media-heading p{max-width:760px;margin:0;color:var(--muted)} .resource-published-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch} .resource-published-card{height:100%;display:flex;flex-direction:column} .resource-published-card .course-visual{height:145px}.resource-published-card>p{flex:1}.resource-published-card .course-footer{margin-top:auto} .resource-price-chip{color:#6c3aae!important;background:#f4edff!important;border-radius:999px;padding:4px 7px} .tutorial-library-list{display:grid;gap:26px}.tutorial-category-section{scroll-margin-top:92px;padding:22px 0 4px;border-bottom:1px solid #e2eaf2}.tutorial-category-section:first-child{padding-top:8px}.tutorial-category-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:13px}.tutorial-category-head h2{margin:4px 0 5px;font-size:25px}.tutorial-category-head p{margin:0;color:#65798e;max-width:760px}.tutorial-topic-list{display:grid;gap:9px;margin-bottom:22px}.tutorial-topic-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 16px;border:1px solid #dfe8f1;border-radius:13px;background:#fff}.tutorial-index{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf5ff;color:#1764bf;font-size:9px;font-weight:900}.tutorial-topic-row h3{margin:4px 0 5px;font-size:16px}.tutorial-topic-row h3 a{text-decoration:none;color:#102a46}.tutorial-topic-row h3 a:hover{color:#0d61b4}.tutorial-topic-row p{margin:0;color:#667b90;font-size:11px;line-height:1.55}.tutorial-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end} .labs-guide-sections{display:grid;gap:30px}.labs-category-title{margin:0 0 13px}.labs-category-title h2{margin:0 0 5px;font-size:24px}.labs-category-title p{margin:0;color:#687c90}.labs-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-guide-card{height:100%;display:flex;flex-direction:column}.lab-guide-card .course-visual{height:132px}.lab-guide-card>p{flex:1}.lab-feature-line{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 10px;color:#63788e;font-size:10px;font-weight:750}.labs-guide-products{margin-top:34px;padding-top:28px;border-top:1px solid #e1e9f1} .cheat-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.cheat-sheet-card{height:100%;display:flex;flex-direction:column}.cheat-sheet-card .course-visual{height:132px}.cheat-sheet-card>p{flex:1}.cheat-sheet-card .course-footer{margin-top:auto} .practice-pagehead{border-bottom:1px solid #e0e8f0}.practice-pro-section{padding:42px 0!important}.practice-section-head{margin-bottom:18px}.practice-section-head h2{margin:0 0 6px;font-size:27px}.practice-section-head p{margin:0;color:#687b90;max-width:760px}.practice-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.practice-pro-card{min-height:140px;padding:18px;border:1px solid #dce6ef;border-radius:14px;background:#fff;display:flex;flex-direction:column}.practice-pro-card small{color:#145fd0;letter-spacing:.08em}.practice-pro-card h3{margin:8px 0 6px;font-size:16px}.practice-pro-card p{margin:0 0 12px;color:#667a8e;font-size:12px;line-height:1.5;flex:1}.practice-pro-card .text-link{margin-top:auto}.practice-pro-section.soft{background:#f5f8fc} .blog-pagehead{padding-bottom:22px!important}.blog-pro-groups{display:grid;gap:30px}.blog-pro-group{scroll-margin-top:92px}.blog-pro-group-head{margin-bottom:12px}.blog-pro-group-head h2{margin:4px 0 5px;font-size:25px}.blog-pro-group-head p{margin:0;color:#6a7d91}.blog-pro-list{display:grid;gap:9px}.blog-pro-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 16px;border:1px solid #dfe8f1;border-radius:13px;background:#fff}.blog-pro-row.is-premium{border-color:#ddcff1;background:#fefcff}.blog-pro-index{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf5ff;color:#1764bf;font-size:9px;font-weight:900}.blog-pro-main h3{margin:4px 0 5px;font-size:16px}.blog-pro-main h3 a{text-decoration:none;color:#102a46}.blog-pro-main p{margin:0;color:#687c90;font-size:11px;line-height:1.55}.blog-pro-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end} /* Tight topic/article reading rhythm: remove the large dead space above content. */ .resource-topic-pagehead{padding:28px 0 20px!important}.resource-topic-pagehead h1{font-size:clamp(34px,4vw,46px)!important}.resource-topic-reader{padding-top:22px!important;padding-bottom:52px!important}.resource-topic-main>.content-block:first-child{margin-top:0!important}.resource-topic-body{padding:22px!important}.resource-topic-body.reader-content> :first-child{margin-top:0!important}.resource-topic-sidebar{top:82px}.article{padding-top:4px}.article-title-actions{margin-bottom:16px}.article-body.reader-content{margin-top:12px} /* Reusable article/topic Q&A accordion. */ .content-qa-section{margin-top:28px;padding-top:24px;border-top:1px solid #e0e8f0}.content-qa-head{margin-bottom:13px}.content-qa-head h2{margin:4px 0 5px;font-size:24px}.content-qa-head p{margin:0;color:#6a7e92}.content-qa-list{display:grid;gap:8px}.content-qa-item{border:1px solid #dce6ef;border-radius:12px;background:#fff;overflow:hidden}.content-qa-item summary{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}.content-qa-item summary::-webkit-details-marker{display:none}.content-qa-item summary span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef5fc;color:#1764bf;font-size:8px;font-weight:900}.content-qa-item summary b{font-size:13px}.content-qa-item summary i{font-style:normal;color:#1764bf;font-size:18px;font-weight:800}.content-qa-item[open] summary i{transform:rotate(45deg)}.content-qa-answer{padding:0 55px 15px;color:#455f78;font-size:12px;line-height:1.7}.resource-topic-qa{margin-top:24px} /* Compact Q&A authoring inside Blog and Resource Editor. */ .article-qa-admin,.resource-topic-qa-admin{margin-top:10px}.admin-qa-list{display:grid;gap:9px;margin:12px 0}.admin-qa-row{padding:12px;border:1px solid #dce6ef;border-radius:12px;background:#fbfdff}.admin-qa-row form+form{margin-top:7px}.admin-qa-create{margin-top:12px;padding-top:12px;border-top:1px solid #e0e8f0} .home-insights-section .section-heading p{margin:5px 0 0;color:var(--muted)} @media(max-width:1000px){.resource-published-grid,.labs-card-grid,.cheat-card-grid,.practice-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-topic-row,.blog-pro-row{grid-template-columns:38px minmax(0,1fr)}.tutorial-row-actions,.blog-pro-actions{grid-column:2;justify-content:flex-start}} @media(max-width:650px){.resource-published-grid,.labs-card-grid,.cheat-card-grid,.practice-pro-grid{grid-template-columns:1fr}.resource-toolbar-pro{align-items:stretch}.resource-toolbar-pro .catalog-search{min-width:0;width:100%}.tutorial-category-head{display:grid}.tutorial-topic-row,.blog-pro-row{grid-template-columns:1fr}.tutorial-index,.blog-pro-index{display:none}.tutorial-row-actions,.blog-pro-actions{grid-column:1;justify-content:flex-start}.content-qa-answer{padding:0 15px 15px}.resource-compact-pagehead{padding:24px 0 18px!important}} .content-qa-answer{white-space:pre-line} .resource-preserved-intro{margin:0 0 22px}.resource-category-copy{margin:10px 0 14px;padding:12px 14px;border-left:3px solid #d9e8f7;background:#fbfdff;border-radius:8px}.cheat-category-list{display:grid;gap:30px}.cheat-category-section{scroll-margin-top:92px}.practice-resource-library{padding-top:40px!important}.practice-extra-category{margin-top:18px}.practice-extra-category>h3{margin:0 0 4px}.practice-extra-category>p{margin:0 0 10px;color:#687c90} /* V62.5.3 paid Resource previews + Automation Tools */ .resource-paid-preview{margin:0 0 22px;padding:22px;border:1px solid #cfe0f0;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f6faff)} .resource-paid-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.resource-paid-preview-head h2{margin:4px 0 5px}.resource-preview-badge{white-space:nowrap;border:1px solid #bfd5ea;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:#315b83}.resource-preview-copy{max-height:340px;overflow:auto;border-top:1px solid #e1ebf4;padding-top:14px}.resource-paid-pdf-preview iframe{min-height:520px}.resource-preview-limit-note{display:block;padding:8px 12px;color:var(--muted)} .resource-preview-fieldset{border:1px solid #cfe0f0;border-radius:14px;padding:14px;background:#f9fcff}.resource-preview-fieldset legend{font-weight:800;padding:0 7px}.resource-admin-visibility-actions,.resource-inline-admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.resource-admin-visibility-actions form,.resource-inline-admin-actions form{margin:0} .automation-tools-library{padding-top:28px}.automation-tool-category{margin-top:32px}.automation-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.automation-tool-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(18,47,76,.06);display:flex;flex-direction:column}.automation-tool-visual{min-height:145px;padding:18px;background:linear-gradient(135deg,#eef6ff,#e8f7f3);display:flex;flex-direction:column;justify-content:space-between}.automation-tool-visual span{font:800 10px var(--mono);letter-spacing:.1em;color:#3d6388}.automation-tool-visual strong{font-size:18px;color:#123c63}.automation-tool-visual i{align-self:flex-end;font-size:28px;font-style:normal}.automation-tool-body{padding:17px;display:flex;flex:1;flex-direction:column}.automation-tool-body h3{margin:8px 0}.automation-tool-body p{color:var(--muted);font-size:12px;line-height:1.6;flex:1}.automation-tool-card-actions{margin-top:14px}.automation-tools-hero{padding-bottom:24px} @media(max-width:900px){.automation-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-paid-preview-head{flex-direction:column}.resource-paid-pdf-preview iframe{min-height:430px}}@media(max-width:620px){.automation-tool-grid{grid-template-columns:1fr}} /* V62.5.4 - Resource authoring workflow polish */ .resource-authoring-bar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:12px 14px;margin:10px 0 2px;border:1px solid #dce7f1;border-radius:12px;background:#f8fbfe}.resource-author-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;color:#74879a;font-size:9px}.resource-author-meta span{display:inline-flex;align-items:center;gap:5px}.resource-author-meta span+span:before{content:'•';color:#a7b4c0}.resource-authoring-actions,.resource-category-head-actions,.resource-admin-visibility-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.resource-authoring-actions form,.resource-category-head-actions form,.resource-admin-visibility-actions form,.resource-inline-admin-actions form{margin:0}.resource-publication-fieldset{display:grid;grid-template-columns:minmax(160px,.5fr) minmax(240px,1fr) minmax(240px,1fr);gap:12px;align-items:end;border:1px solid #d7e4ef;border-radius:14px;padding:14px;background:#f9fbfd}.resource-publication-fieldset legend{padding:0 7px;color:#244d72;font-size:11px;font-weight:900}.resource-status-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.resource-status-pill.status-published{background:#e8f8ef;color:#167247}.resource-status-pill.status-draft{background:#eef2f6;color:#576b7f}.resource-status-pill.status-scheduled{background:#fff4db;color:#8b6300}.resource-danger-actions{justify-content:flex-end;padding-top:12px;margin-top:12px;border-top:1px solid #e7edf3}.resource-admin-preview-banner{margin-bottom:16px;border-style:dashed}.resource-category-head-actions>details{min-width:160px}.resource-category-head-actions>details>summary{cursor:pointer}.resource-content-item>summary{align-items:center}.resource-content-item[open]>summary{border-bottom:1px solid #e5edf4;padding-bottom:10px;margin-bottom:4px} @media(max-width:820px){.resource-authoring-bar{display:grid}.resource-authoring-actions{justify-content:flex-start}.resource-publication-fieldset{grid-template-columns:1fr}.resource-category-head-actions{justify-content:flex-start}} /* V62.6 - User Library, Automation Store & IST experience */ .library-pagehead{padding-bottom:30px}.library-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.library-tabs a{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-weight:700}.library-tabs a.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.library-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.library-summary-grid>a,.admin-commerce-stats>div{display:flex;flex-direction:column;gap:5px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm)}.library-summary-grid small,.admin-commerce-stats small{font-size:11px;letter-spacing:.08em}.library-summary-grid b,.admin-commerce-stats b{font-size:28px}.library-summary-grid span{font-size:12px;color:var(--muted)}.library-two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.library-panel{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:22px;margin-bottom:22px}.library-list{display:grid;gap:8px}.library-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.library-row:last-child{border-bottom:0}.library-row span{display:grid;gap:3px}.library-row small,.library-row time{font-size:12px;color:var(--muted)}.library-row.static{cursor:default}.purchase-list{display:grid;gap:12px}.purchase-list .purchase-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:14px}.purchase-list .purchase-card h3{margin:7px 0 5px}.purchase-card-side{display:grid;justify-items:end;gap:10px;min-width:150px}.library-table-wrap{overflow:auto}.library-table{width:100%;border-collapse:collapse}.library-table th,.library-table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.library-table th{font-size:11px;letter-spacing:.06em;color:var(--muted)}.saved-grid,.tool-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.saved-card,.tool-library-card{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:18px;display:grid;gap:8px}.saved-card small,.saved-card span{color:var(--muted);font-size:12px}.tool-library-card{grid-template-columns:1fr auto;align-items:start}.tool-library-actions{display:grid;justify-items:end;gap:8px;text-align:right}.tool-meta-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tool-meta-chips span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:5px 8px}.automation-tool-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.automation-tool-spec-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:5px}.automation-tool-spec-grid small{font-size:10px;letter-spacing:.08em;color:var(--muted)}.tool-feature-block,.tool-gallery{margin-top:22px}.tool-line-list{display:grid;gap:8px;margin-top:10px}.tool-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}.tool-gallery-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tool-gallery-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.tool-gallery-grid figcaption{padding:8px 10px;font-size:12px;color:var(--muted)}.tool-after-purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-release-list{display:grid;gap:8px}.tool-release-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.tool-release-row small{display:block;color:var(--muted);margin-top:3px}.resource-workflow-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.resource-workflow-filters a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700}.resource-workflow-filters a.active{background:var(--ink);color:var(--bg)}.resource-workflow-filters span{opacity:.7}.resource-tool-fieldset{border:1px solid var(--line);border-radius:14px;padding:16px}.resource-tool-admin-suite{margin:16px 0}.resource-tool-admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.tool-admin-release-list{display:grid;gap:8px;margin-top:14px}.tool-admin-release-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.tool-admin-release-list>div>span{display:grid}.tool-admin-release-list>div>div{display:flex;gap:6px}.tool-admin-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.tool-admin-shot-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tool-admin-shot-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.tool-admin-shot-grid figcaption{padding:7px;font-size:12px;display:grid;gap:6px}.admin-commerce-stack{display:grid;gap:18px}.admin-commerce-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-action-stack{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.article-action-stack form,.resource-topic-primary-actions form{margin:0}.pagehead-actions{margin-top:14px} @media(max-width:900px){.library-summary-grid,.saved-grid,.automation-tool-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-two-col,.resource-tool-admin-grid,.tool-after-purchase-grid{grid-template-columns:1fr}.tool-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-library-card{grid-template-columns:1fr}.tool-library-actions{justify-items:start;text-align:left}} @media(max-width:600px){.library-summary-grid,.saved-grid,.tool-gallery-grid,.automation-tool-spec-grid,.admin-commerce-stats{grid-template-columns:1fr}.library-panel{padding:16px}.purchase-list .purchase-card{flex-direction:column}.purchase-card-side{justify-items:start}.library-row{align-items:flex-start;flex-direction:column;gap:6px}} /* V62.6.1 - reusable user ratings + Q&A */ .content-user-feedback{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)} .content-feedback-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.content-feedback-head h2{margin:4px 0 5px}.content-feedback-head p{margin:0;color:var(--muted)} .rating-summary-card{min-width:145px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:grid;justify-items:center;gap:3px}.rating-summary-card strong{font-size:30px}.rating-summary-card small{color:var(--muted)}.rating-stars{color:#b77900;font-weight:800;letter-spacing:.04em} .content-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.content-feedback-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:20px}.content-feedback-card>h3{margin:0 0 14px}.feedback-rating-form,.feedback-question-form{display:grid;gap:11px}.feedback-rating-form label,.feedback-question-form label{display:grid;gap:6px;font-weight:700;font-size:12px}.feedback-rating-form select,.feedback-rating-form textarea,.feedback-question-form textarea{width:100%} .member-review-list,.member-question-list{display:grid;gap:10px;margin-top:18px}.member-review,.member-question{border-top:1px solid var(--line);padding-top:12px}.member-review>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-review p{margin:8px 0;color:var(--muted);white-space:pre-wrap}.member-review small,.member-question small,.member-answer small{color:var(--muted)} .member-question-title,.member-answer{display:grid;grid-template-columns:30px 1fr;gap:10px}.member-question-title>span,.member-answer>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef5fc;color:#1764bf;font-weight:900}.member-question-title b{display:block;white-space:pre-wrap}.member-answer-list{display:grid;gap:8px;margin:12px 0 0 38px}.member-answer{padding:11px;border-radius:12px;background:var(--soft,#f5f8fc)}.member-answer p{margin:0 0 5px;white-space:pre-wrap}.question-status{display:inline-block;margin:10px 0 0 38px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px}.feedback-empty{margin-top:15px}.notice.compact{padding:12px}.notice.compact p{margin:4px 0 0} .resource-card-rating{display:flex;gap:8px;align-items:center;margin-top:8px}.resource-card-rating small,.practice-card-meta span{color:var(--muted);font-size:11px}.practice-card-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto}.practice-card-meta{margin:3px 0 9px}.practice-feedback-intro{margin-bottom:18px} @media(max-width:800px){.content-feedback-grid{grid-template-columns:1fr}.content-feedback-head{flex-direction:column}.rating-summary-card{justify-items:start;min-width:0}.member-review>div{align-items:flex-start;flex-direction:column;gap:3px}.member-answer-list{margin-left:0}} /* V62.6.2 - rating-only feedback + right-sidebar Q&A */ .rating-only-feedback{margin-top:30px}.rating-only-card{max-width:520px}.rating-only-form{grid-template-columns:minmax(220px,1fr) auto;align-items:end}.rating-only-form .btn{white-space:nowrap}.rating-only-form select{min-height:42px} .article-with-sidebar{max-width:1160px}.article-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.article-reader-main{min-width:0}.content-feedback-sidebar{min-width:0}.article-reader-layout>.content-feedback-sidebar{position:sticky;top:82px} .feedback-qa-sidebar-card{margin:0!important;padding:17px!important}.feedback-qa-sidebar-head h3{margin:5px 0 6px;font-size:19px}.feedback-qa-sidebar-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.sidebar-question-form{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.sidebar-question-form label{font-size:11px}.sidebar-question-form textarea{min-height:82px;resize:vertical}.sidebar-signin-note{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)} .sidebar-qa-group{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.sidebar-qa-label{display:block;margin-bottom:9px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.11em}.sidebar-common-qa-list,.sidebar-member-question-list{display:grid;gap:8px}.sidebar-common-qa-item{border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}.sidebar-common-qa-item summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px;cursor:pointer;list-style:none}.sidebar-common-qa-item summary::-webkit-details-marker{display:none}.sidebar-common-qa-item summary b{font-size:10px;line-height:1.45}.sidebar-common-qa-item summary i{font-style:normal;color:#1764bf;font-size:16px;font-weight:800;line-height:1}.sidebar-common-qa-item[open] summary i{transform:rotate(45deg)}.sidebar-common-qa-item>div{padding:0 10px 11px;color:#536a80;font-size:10px;line-height:1.6;white-space:pre-line} .sidebar-member-question{padding:10px 0;border-top:1px solid var(--line)}.sidebar-member-question:first-child{padding-top:0;border-top:0}.sidebar-member-question-title,.sidebar-member-answer{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px}.sidebar-member-question-title>span,.sidebar-member-answer>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eef5fc;color:#1764bf;font-size:10px;font-weight:900}.sidebar-member-question-title b{display:block;font-size:10px;line-height:1.5;white-space:pre-wrap}.sidebar-member-question-title small,.sidebar-member-answer small{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}.sidebar-member-answer-list{display:grid;gap:7px;margin:8px 0 0 31px}.sidebar-member-answer{padding:8px;border-radius:9px;background:var(--soft,#f5f8fc)}.sidebar-member-answer p{margin:0;color:#415b74;font-size:10px;line-height:1.55;white-space:pre-wrap}.sidebar-question-status{display:inline-block;margin:7px 0 0 31px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px} @media(max-width:850px){.article-reader-layout{grid-template-columns:1fr}.article-reader-layout>.content-feedback-sidebar{position:static}.rating-only-form{grid-template-columns:1fr}.rating-only-card{max-width:none}} /* V62.7 — timed PNETLab / EVE-NG access */ .lab-timed-access-card .btn{width:100%;justify-content:center}.lab-access-rules{margin-top:26px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.lab-access-rules h2{margin-top:0}.lab-access-rules ol{margin:0;padding-left:20px;display:grid;gap:9px;color:var(--m)} .lab-state-box{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:7px}.lab-state-box>span{font-size:11px;font-weight:800;letter-spacing:.08em}.lab-state-box h3,.lab-state-box p{margin:0}.lab-state-box p{color:var(--m)}.lab-state-box.active{border-width:2px}.lab-countdown{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px}.lab-countdown small{font-size:10px;color:var(--m);font-weight:800;letter-spacing:.08em}.lab-countdown b{font-size:28px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.lab-countdown.primary b{font-size:34px}.lab-credential-box{border:1px dashed var(--line);border-radius:14px;padding:14px;display:grid;gap:8px}.lab-credential-box>small{font-size:10px;font-weight:800;color:var(--m)}.lab-credential-box>div{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center}.lab-credential-box code{overflow-wrap:anywhere}.lab-credential-box p{margin:0} .lab-access-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.lab-access-admin-summary>span{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:3px}.lab-access-admin-summary small{font-size:10px;color:var(--m)}.lab-access-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:10px}.lab-access-actions form{display:flex;gap:6px;align-items:end}.lab-access-actions input[type=number]{width:92px}.my-lab-list{display:grid;gap:10px}.my-lab-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.my-lab-row:first-child{border-top:0}.my-lab-row h3,.my-lab-row p{margin:2px 0}.my-lab-row p{color:var(--m)}.my-lab-row>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end} @media(max-width:760px){.lab-access-admin-summary{grid-template-columns:1fr 1fr}.my-lab-row{grid-template-columns:1fr}.my-lab-row>div:last-child{justify-content:flex-start}} @media(max-width:520px){.lab-access-admin-summary{grid-template-columns:1fr}.lab-countdown.primary b{font-size:28px}.lab-credential-box>div{grid-template-columns:1fr}} /* V62.9.2 FIX2 — page-width containment and purchase-card isolation */ .product-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px)} .product-hero-grid>*,.product-content>*,.purchase-card,.purchase-card form,.coupon-inline{min-width:0;max-width:100%} .product-hero .purchase-card,.quiz-lock{display:block} .purchase-card .coupon-inline{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%} .purchase-card .coupon-inline input,.purchase-card .coupon-inline button{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box} .purchase-card .coupon-inline button{white-space:normal;overflow-wrap:anywhere} .reader-content,.article-body,.content-block,.panel,.card{min-width:0;max-width:100%;overflow-wrap:anywhere} .reader-content img,.article-body img,.content-block img,.reader-content video,.article-body video,.content-block video{max-width:100%;height:auto} .reader-content iframe,.article-body iframe,.document-viewer iframe{display:block;width:100%;max-width:100%} .reader-content pre,.article-body pre,.content-block pre{max-width:100%;overflow-x:auto;white-space:pre} .reader-content table,.article-body table,.content-block table{display:block;max-width:100%;overflow-x:auto} h1,h2,h3,h4,p,a,span,code{overflow-wrap:anywhere} @media(max-width:1000px){.product-hero-grid{grid-template-columns:minmax(0,1fr)}.purchase-card{width:min(100%,460px)}} @media(max-width:520px){.purchase-card{width:100%}.product-hero h1{font-size:clamp(30px,10vw,40px)!important}} /* V62.9.2 FIX3 — stable desktop navigation hover corridor */ .site-header .dropdown-content{z-index:1200} .site-header .flyout-panel{box-sizing:content-box;z-index:1201!important} .site-header .flyout:hover>a,.site-header .flyout:focus-within>a{background:var(--s)} /* V62.9.2 FIX10 — interactive human learning showcase */ .home-human-section{background:#fff!important} .home-human-heading p{max-width:720px} .home-human-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-template-rows:repeat(2,minmax(225px,1fr));gap:16px} .home-human-card{position:relative;min-height:225px;overflow:hidden;border-radius:20px;background:#0a2343;color:#fff;box-shadow:0 14px 34px rgba(8,38,73,.12);isolation:isolate} .home-human-featured{grid-row:1/3;min-height:466px} .home-human-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .35s ease} .home-human-card .home-human-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,19,38,.02) 18%,rgba(3,19,38,.9) 100%);z-index:1;transition:background .3s ease} .home-human-card>div{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:24px} .home-human-featured>div{padding:32px} .home-human-card small{display:block;margin-bottom:7px;color:#83e7ff;font:800 9px/1 var(--mono);letter-spacing:.14em} .home-human-card h3{margin:0;color:#fff;font-size:22px;line-height:1.2} .home-human-featured h3{font-size:30px} .home-human-card p{max-width:620px;margin:8px 0 12px;color:#dcecff;font-size:12px;line-height:1.55} .home-human-card b{display:inline-block;color:#fff;font-size:11px;transform:translateY(4px);opacity:.85;transition:transform .25s ease,opacity .25s ease} .home-human-card:hover img,.home-human-card:focus-visible img{transform:scale(1.045);filter:saturate(1.06)} .home-human-card:hover .home-human-shade,.home-human-card:focus-visible .home-human-shade{background:linear-gradient(180deg,rgba(3,19,38,.08),rgba(3,19,38,.94))} .home-human-card:hover b,.home-human-card:focus-visible b{transform:translateY(0);opacity:1} .home-human-card:focus-visible{outline:3px solid #37bdf8;outline-offset:3px} @media(max-width:820px){.home-human-grid{grid-template-columns:1fr;grid-template-rows:auto}.home-human-featured{grid-row:auto;min-height:360px}.home-human-card{min-height:300px}} @media(max-width:520px){.home-human-featured,.home-human-card{min-height:285px}.home-human-card>div,.home-human-featured>div{padding:20px}.home-human-featured h3{font-size:24px}} @media(prefers-reduced-motion:reduce){.home-human-card img,.home-human-card b{transition:none}} /* V62.8 future Virtual Lab integration */ .admin-dashboard-head .virtual-lab-notice{margin-top:18px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)} .admin-dashboard-head .virtual-lab-notice b{white-space:nowrap}.admin-dashboard-head .virtual-lab-notice span{color:var(--m)} .lab-inline-action{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 4px}.lab-inline-action .meta{margin:0} .lab-refund-box{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.lab-refund-box h3{margin:0 0 12px}.lab-refund-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.lab-refund-summary>span{display:grid;gap:3px;padding:9px;border:1px solid var(--line);border-radius:10px}.lab-refund-summary small{font-size:10px;color:var(--m)}.warning-text{font-weight:700}.lab-log-details{max-width:560px;white-space:pre-wrap;word-break:break-word;font-size:12px}.lab-activity-filter{margin:12px 0 18px}.lab-activity-table td{min-width:110px}.lab-activity-table td:last-child{min-width:180px}@media(max-width:900px){.lab-refund-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} .regional-pricing-admin{border:1px solid var(--line);border-radius:14px;padding:16px;margin:8px 0}.regional-pricing-admin legend{font-weight:800;padding:0 8px}.regional-pricing-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.regional-pricing-columns section{background:var(--soft);border-radius:12px;padding:14px}.regional-pricing-columns h4{margin:0 0 10px}@media(max-width:720px){.regional-pricing-columns{grid-template-columns:1fr}} /* FIX37 — consent-gated live-training registration */ .live-registration-step{display:grid;gap:12px}.live-registration-step[hidden]{display:none!important}.live-registration-step h3{margin:2px 0 4px;color:#173b63;font-size:18px}.live-training-register-form select,.live-training-register-form textarea{width:100%;padding:12px;border:1px solid #cddae7;border-radius:9px;background:#fff;color:#172b43;font:inherit}.live-training-register-form textarea{resize:vertical;min-height:84px}.live-registration-progress{display:grid;grid-template-columns:28px auto 1fr 28px auto;gap:7px;align-items:center;margin-bottom:4px;color:#77869a;font-size:11px;font-weight:800}.live-registration-progress b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0e63bd;color:#fff}.live-registration-progress i{height:2px;background:#d7e4f0}.live-registration-progress.is-review i{background:#4bb381}.live-registration-progress.is-review b:first-child{background:#16844d}.live-training-consent{padding:12px;border:1px solid #d5e2ee;border-radius:10px;background:#f8fbfe}.live-training-consent a{color:#075cad;text-decoration:underline}.live-training-register-form button:disabled{cursor:not-allowed;opacity:.48}.live-registration-review dl{display:grid;gap:0;margin:2px 0 4px;border:1px solid #dae5ef;border-radius:12px;overflow:hidden}.live-registration-review dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 12px;border-bottom:1px solid #e6edf4}.live-registration-review dl>div:last-child{border-bottom:0}.live-registration-review dt{color:#758397;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.live-registration-review dd{margin:0;color:#1f3854;font-size:12px;font-weight:700;overflow-wrap:anywhere}.live-registration-review .live-registration-total{background:#eef7ff}.live-registration-total dd{color:#075cad;font-size:18px}.live-registration-consent-confirmation{margin:0;padding:11px;border-radius:9px;background:#eaf8f0;color:#126b41;font-size:12px;line-height:1.5}.live-registration-review-actions{display:flex;gap:8px}.live-registration-review-actions .lt60-register-submit{flex:1}.admin-training-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.live-registration-review dl>div{grid-template-columns:1fr;gap:4px}.live-registration-review-actions{flex-direction:column-reverse}.live-registration-review-actions .btn{width:100%}} /* FIX47 — Resource lesson series + globally resizable HTML source mode */ .rte .rte-source{ width:100%!important; box-sizing:border-box!important; max-height:none!important; resize:vertical!important; overflow:auto!important; } .rte:not(.blog-rte):not(.ccna-rte) .rte-source{min-height:280px} .resource-subsection-manager{margin:18px 0 20px;padding:18px;border:1px solid #dce7f3;border-radius:16px;background:#f8fbff} .resource-subsection-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px} .resource-subsection-manager-head h3{margin:3px 0 6px}.resource-subsection-manager-head p{margin:0;max-width:820px;color:#5c6f84;line-height:1.55} .resource-subsection-count{white-space:nowrap;padding:6px 10px;border-radius:999px;background:#e8f2ff;color:#24588d;font-size:12px;font-weight:800} .resource-subsection-list{display:grid;gap:10px;margin-top:12px} .resource-subsection-card>summary{display:flex!important;align-items:center;justify-content:space-between;gap:14px} .resource-subsection-card>summary>div{display:flex;align-items:center;gap:10px}.resource-subsection-card>summary small{display:block;color:#6b7c90;margin-top:2px} .practice-series-card{grid-column:span 1;cursor:default!important} .practice-series-intro{font-size:14px;color:#50657c;line-height:1.55;margin:10px 0}.practice-series-intro>:first-child{margin-top:0}.practice-series-intro>:last-child{margin-bottom:0} .practice-series-lessons{display:grid;gap:8px;margin-top:14px} .practice-series-lesson{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #dce7f3;border-radius:11px;background:#fff;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease} .practice-series-lesson:hover{transform:translateY(-1px);border-color:#adc9e8;box-shadow:0 5px 14px rgba(18,65,110,.08)} .practice-series-number{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#eef5fd;color:#21598e;font-size:11px;font-weight:900} .practice-series-copy{display:grid;gap:2px;min-width:0;flex:1}.practice-series-copy b{font-size:14px}.practice-series-copy small{font-size:11px;color:#6d7f92;text-transform:none;letter-spacing:0} .practice-series-arrow{font-weight:900;color:#2b69a8} @media(max-width:760px){.resource-subsection-manager-head{flex-direction:column}.resource-subsection-count{align-self:flex-start}.practice-series-lesson{align-items:flex-start}} .seo-health-table .seo-health-url{display:block;margin-top:3px;overflow-wrap:anywhere} /* FIX49 — compact Practice page cards and lesson series */ .practice-pro-section{padding:30px 0!important} .practice-section-head{margin-bottom:12px} .practice-section-head h2{font-size:25px;margin-bottom:4px} .practice-section-head p{font-size:13px;line-height:1.45} .practice-pro-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px} .practice-pro-card{min-height:0;padding:13px 14px;border-radius:12px} .practice-pro-card>small{font-size:10px;line-height:1.2} .practice-pro-card h3{margin:5px 0 4px;font-size:15px;line-height:1.25} .practice-pro-card>p{margin:0 0 8px;font-size:11.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .practice-card-meta{margin:2px 0 5px} .practice-card-actions{gap:7px} .practice-card-actions .text-link{font-size:11px} /* A lesson series uses the width of its section, while lessons stay dense. */ .practice-series-card{grid-column:1/-1;padding:13px 14px!important} .practice-series-card>p{max-width:900px;margin-bottom:4px!important} .practice-series-intro{margin:4px 0 0;font-size:11.5px;line-height:1.4;color:#607488;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .practice-series-lessons{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin-top:9px} .practice-series-lesson{gap:8px;padding:7px 9px;border-radius:9px;min-height:50px} .practice-series-lesson:hover{transform:none;box-shadow:0 3px 9px rgba(18,65,110,.06)} .practice-series-number{min-width:27px;width:27px;height:27px;border-radius:7px;font-size:10px} .practice-series-copy{gap:1px} .practice-series-copy b{font-size:12.5px;line-height:1.25} .practice-series-copy small{font-size:9.5px;line-height:1.2} .practice-series-arrow{font-size:13px} /* Keep the quiz fallback and additional Practice resources equally compact. */ .practice-quiz-chip-grid{gap:8px;margin:10px 0 14px} .practice-quiz-chip{padding:9px 11px;border-radius:10px;box-shadow:none} .practice-quiz-chip:hover{transform:none;box-shadow:0 3px 9px rgba(20,33,61,.06)} .practice-quiz-chip strong{font-size:12.5px} .practice-extra-category{margin-top:18px} .practice-extra-category>h3{margin-bottom:4px} .practice-extra-category>p{margin-top:0;font-size:12px} @media(max-width:760px){ .practice-pro-section{padding:24px 0!important} .practice-pro-grid{grid-template-columns:1fr} .practice-series-lessons{grid-template-columns:1fr} .practice-series-card{grid-column:auto} } /* FIX50 — collapsed master cards for Practice lesson series */ .practice-series-accordion{ grid-column:1/-1; display:block!important; padding:0!important; overflow:hidden; border-radius:12px; background:#fff; } .practice-series-accordion>summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 14px; min-height:62px; user-select:none; } .practice-series-accordion>summary::-webkit-details-marker{display:none} .practice-series-summary-copy{display:grid;gap:2px;min-width:0;flex:1} .practice-series-summary-copy>small{font-size:9px;line-height:1.15;color:#145fd0;letter-spacing:.12em;text-transform:uppercase;font-weight:800} .practice-series-summary-copy>strong{font-size:15px;line-height:1.25;color:#102a4c} .practice-series-summary-copy>span{font-size:11px;line-height:1.35;color:#687b90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:820px} .practice-series-summary-meta{display:flex;align-items:center;gap:10px;white-space:nowrap} .practice-series-summary-meta>b{font-size:10.5px;color:#567087;padding:5px 8px;border-radius:999px;background:#f0f5fa;font-weight:800} .practice-series-chevron{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef5fd;color:#1c5b9c;font-size:18px;font-style:normal;line-height:1;transition:transform .18s ease,background .18s ease} .practice-series-accordion[open] .practice-series-chevron{transform:rotate(180deg);background:#e4f0fc} .practice-series-accordion[open]>summary{background:#fbfdff} .practice-series-panel{padding:9px 14px 13px;border-top:1px solid #e4ebf2;background:#fcfdff} .practice-series-panel .practice-series-intro{margin:0 0 8px;padding:0 2px;font-size:11px;line-height:1.4} .practice-series-panel .practice-series-lessons{margin-top:0} .practice-series-accordion:focus-within{border-color:#a9c8e8;box-shadow:0 0 0 3px rgba(47,112,181,.08)} .practice-series-summary:focus-visible{outline:2px solid #2369ad;outline-offset:-2px;border-radius:11px} @media(max-width:760px){ .practice-series-accordion{grid-column:auto} .practice-series-accordion>summary{padding:10px 11px;gap:8px;min-height:58px} .practice-series-summary-copy>strong{font-size:14px} .practice-series-summary-copy>span{font-size:10.5px;max-width:54vw} .practice-series-summary-meta>b{display:none} .practice-series-panel{padding:8px 10px 11px} } /* FIX51 — parallel Practice master cards; lesson contents open on a dedicated page */ .practice-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .practice-series-link-card{ grid-column:auto!important; min-height:132px; text-decoration:none; color:inherit; cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; } .practice-series-link-card:hover{ transform:translateY(-2px); border-color:#a9c8e8; box-shadow:0 7px 18px rgba(18,65,110,.08); } .practice-series-link-card:focus-visible{outline:2px solid #2369ad;outline-offset:2px} .practice-series-link-top{display:flex;align-items:center;justify-content:space-between;gap:10px} .practice-series-link-top>small{font-size:9px;line-height:1.15;color:#145fd0;letter-spacing:.12em;text-transform:uppercase;font-weight:800} .practice-series-count{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border-radius:999px;background:#eef5fd;color:#567087;font-size:10px;font-weight:800} .practice-series-link-card h3{font-size:16px;margin:7px 0 5px} .practice-series-link-card>p{min-height:34px;margin-bottom:10px!important} .practice-series-link-footer{margin-top:auto;padding-top:8px;border-top:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between;color:#155bb1;font-size:11px;font-weight:800} .practice-series-link-footer b{font-size:15px} .practice-series-pagehead{padding-bottom:24px!important} .practice-series-back{display:inline-block;margin-bottom:14px;color:#245f9e;text-decoration:none;font-size:12px;font-weight:750} .practice-series-page-meta{display:flex;gap:8px;margin-top:12px}.practice-series-page-meta span{padding:5px 9px;border-radius:999px;background:#eef5fd;color:#526d87;font-size:11px;font-weight:800} .practice-series-content-section{padding:28px 0 44px!important} .practice-series-overview{margin:0 0 22px} .practice-series-page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px} .practice-series-page-head h2{margin:3px 0 0;font-size:24px} .practice-series-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .practice-series-page-lesson{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:12px 13px;border:1px solid #dce7f3;border-radius:12px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} .practice-series-page-lesson:hover{border-color:#a9c8e8;box-shadow:0 5px 14px rgba(18,65,110,.07);transform:translateY(-1px)} .practice-series-page-number{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef5fd;color:#21598e;font-size:11px;font-weight:900} .practice-series-page-copy{display:grid;gap:2px;min-width:0} .practice-series-page-copy small{color:#687b90;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800} .practice-series-page-copy strong{font-size:14px;line-height:1.25;color:#102a4c} .practice-series-page-copy em{font-style:normal;font-size:11px;line-height:1.35;color:#65798d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .practice-series-page-copy>span{font-size:10px;color:#60778d;margin-top:2px} .practice-series-page-arrow{color:#2369ad;font-size:15px} @media(max-width:1000px){ .practice-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .practice-pro-grid,.practice-series-page-grid{grid-template-columns:1fr} .practice-series-link-card{min-height:0} .practice-series-page-head{align-items:flex-start} } /* FIX55: live Admin server resource monitoring */ .monitor-kpi-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))} .monitor-kpi{position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease} .monitor-kpi>i{display:block;height:5px;margin-top:10px;background:#edf2f7;border-radius:999px;overflow:hidden} .monitor-kpi>i>em{display:block;height:100%;background:#1769e0;border-radius:999px;transition:width .35s ease} .monitor-kpi.monitor-warn{border-color:#e8c46a}.monitor-kpi.monitor-warn>i>em{background:#c98b13} .monitor-kpi.monitor-critical{border-color:#e49a9a}.monitor-kpi.monitor-critical>i>em{background:#c52a2a} .monitor-livebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:10px 12px;border:1px solid #dfe7f0;border-radius:12px;background:#fff} .monitor-livebar>div{display:flex;align-items:center;gap:8px;min-width:0}.monitor-livebar .meta{margin-left:4px} .monitor-live-dot{width:9px;height:9px;border-radius:50%;background:#159957;box-shadow:0 0 0 4px rgba(21,153,87,.10);flex:0 0 auto} .monitor-live-dot.offline{background:#c52a2a;box-shadow:0 0 0 4px rgba(197,42,42,.10)} .monitor-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0} .monitor-chart-card{min-width:0}.monitor-chart-card canvas{display:block;width:100%;height:220px;margin-top:8px} .monitor-chart-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#64748b;margin-top:8px} .monitor-chart-legend span{display:inline-flex;align-items:center;gap:6px}.monitor-chart-legend i{width:16px;height:3px;border-radius:999px;display:inline-block} .legend-cpu,.legend-download{background:#1368e8}.legend-memory{background:#7656d6}.legend-disk{background:#16a085}.legend-upload{background:#e67e22} .monitor-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .monitor-detail-grid>div{border:1px solid #e3eaf2;border-radius:12px;padding:13px;background:#fbfdff;min-width:0} .monitor-detail-grid small,.monitor-detail-grid b,.monitor-detail-grid span{display:block}.monitor-detail-grid small{font-size:10px;letter-spacing:.1em;color:#6b7d94;font-weight:700}.monitor-detail-grid b{font-size:14px;margin:5px 0;color:#102b4e;overflow-wrap:anywhere}.monitor-detail-grid span{font-size:11px;color:#73839a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .monitor-warning{border-color:#efd18b;background:#fffbef}.admin-monitor-summary{margin-top:12px} @media(max-width:1050px){.monitor-kpi-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-chart-grid{grid-template-columns:1fr}} @media(max-width:600px){.monitor-kpi-grid-six,.monitor-detail-grid{grid-template-columns:1fr}.monitor-livebar{align-items:flex-start;flex-direction:column}.monitor-livebar>div{flex-wrap:wrap}.monitor-chart-legend{gap:10px}} /* FIX62: preserve the original compact horizontal brand treatment. */ .network-guide-academy-brand{min-width:300px!important;gap:8px!important;overflow:visible!important} .network-guide-academy-brand .networktech-mark{width:58px!important;height:58px!important;flex:0 0 58px!important;border:0!important;background:transparent!important;overflow:visible!important} .network-guide-academy-brand .networktech-mark img{position:static!important;display:block!important;width:58px!important;height:58px!important;object-fit:contain!important;background:transparent!important} .network-guide-academy-brand .networktech-name{font-size:17px!important;letter-spacing:-.35px!important;white-space:nowrap!important} .network-guide-academy-brand .networktech-slogan{font-size:5.8px!important;letter-spacing:.72px!important;white-space:nowrap!important} .networktech-brand-footer.network-guide-academy-brand{min-width:0!important} @media(max-width:760px){.site-header .network-guide-academy-brand{min-width:235px!important;gap:6px!important;margin-right:0!important}.site-header .network-guide-academy-brand .networktech-mark,.site-header .network-guide-academy-brand .networktech-mark img{width:50px!important;height:50px!important;flex-basis:50px!important}.site-header .network-guide-academy-brand .networktech-name{font-size:14px!important}.site-header .network-guide-academy-brand .networktech-slogan{font-size:4.8px!important;letter-spacing:.48px!important}} @media(max-width:390px){.site-header .network-guide-academy-brand{min-width:210px!important}.site-header .network-guide-academy-brand .networktech-mark,.site-header .network-guide-academy-brand .networktech-mark img{width:45px!important;height:45px!important;flex-basis:45px!important}.site-header .network-guide-academy-brand .networktech-name{font-size:12.5px!important}.site-header .network-guide-academy-brand .networktech-slogan{font-size:4.3px!important}} /* FIX63: balanced header spacing after the longer Academy wordmark. */ @media(min-width:1280px){.site-header>.nav{gap:16px!important;padding-top:8px!important;padding-bottom:8px!important}.site-header .network-guide-academy-brand{margin-right:14px!important}.site-header .desktop-nav{gap:17px!important}} @media(min-width:1000px) and (max-width:1279px){.site-header>.nav{gap:11px!important;padding-top:7px!important;padding-bottom:7px!important}.site-header .network-guide-academy-brand{margin-right:8px!important}.site-header .desktop-nav{gap:12px!important}.site-header .network-guide-academy-brand .networktech-name{font-size:15px!important}} /* FIX64: every accessible course attachment has an explicit open action. */ .course-resource-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px} .course-resource-actions:empty{display:none} .course-resource-actions .btn{width:max-content;max-width:100%} /* FIX67: paginated analytics drilldown in a fixed scrollable window. */ .analytics-drilldown-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:34px;margin-bottom:12px} .analytics-drilldown-heading h2{margin:0}.analytics-drilldown-heading p{margin:5px 0 0;color:var(--m)} .analytics-drilldown-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:14px;margin-bottom:14px;border:1px solid var(--l);border-radius:14px;background:#fff} .analytics-drilldown-filters label{display:grid;gap:5px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#536783} .analytics-drilldown-filters input,.analytics-drilldown-filters select{width:100%;min-width:0;height:38px;padding:7px 9px;border:1px solid #cfd8e6;border-radius:9px;background:#fff;color:#102b4e;font:inherit;letter-spacing:0} .analytics-filter-actions{display:flex;align-items:end;gap:8px;grid-column:1/-1} .analytics-drilldown-scroll{height:min(78vh,900px);min-height:500px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--l);border-radius:14px;background:#fff;scrollbar-gutter:stable} .analytics-drilldown-scroll table{min-width:1180px;margin:0;border:0} .analytics-drilldown-scroll thead th{position:sticky;top:0;z-index:2;background:#f6f8fc;box-shadow:0 1px 0 var(--l)} .analytics-drilldown-scroll td,.analytics-drilldown-scroll th{vertical-align:top} .analytics-empty-row{text-align:center!important;padding:30px!important;color:var(--m)} .analytics-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:12px 0 24px} .analytics-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap} .analytics-page-number{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #cfd8e6;border-radius:9px;background:#fff;color:#16375d;text-decoration:none;font-size:12px;font-weight:800} .analytics-page-number:hover{border-color:#1769e0;color:#1769e0}.analytics-page-number.active{border-color:#1769e0;background:#1769e0;color:#fff} .analytics-page-gap{padding:0 2px;color:var(--m)}.analytics-pagination .disabled{opacity:.45;pointer-events:none} #analytics-drilldown-region{transition:opacity .15s ease}#analytics-drilldown-region.is-loading{opacity:.55;pointer-events:none;cursor:progress} @media(max-width:1050px){.analytics-drilldown-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}} @media(max-width:600px){.analytics-drilldown-heading{align-items:flex-start;flex-direction:column}.analytics-export-button{width:100%;justify-content:center}.analytics-drilldown-filters{grid-template-columns:1fr}.analytics-drilldown-scroll{height:68vh;min-height:360px}.analytics-filter-actions{position:sticky;bottom:0;background:#fff;padding-top:4px}.analytics-pagination{grid-template-columns:1fr 1fr}.analytics-page-numbers{grid-column:1/-1;grid-row:1}.analytics-pagination>.btn:last-child{justify-self:end}} /* FIX90 — colorful coupon experience */ .purchase-checkout-form{display:grid;gap:10px}.coupon-card{position:relative;overflow:hidden;margin:10px 0 2px;padding:15px;border:1px solid #d7dcff;border-radius:16px;background:linear-gradient(145deg,#f7f3ff 0%,#eef8ff 52%,#fff7e9 100%);box-shadow:0 10px 28px rgba(47,69,155,.10);transition:.2s ease}.coupon-card:before{content:"";position:absolute;width:130px;height:130px;right:-52px;top:-58px;border-radius:50%;background:radial-gradient(circle,#ffd166 0%,#ff9f43 42%,rgba(255,159,67,0) 72%);opacity:.28;pointer-events:none}.coupon-card:after{content:"";position:absolute;width:110px;height:110px;left:-66px;bottom:-74px;border-radius:50%;background:#725cff;opacity:.10;pointer-events:none}.coupon-card-head{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.coupon-ticket-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6c4df6,#2e8cff);color:#fff;font-size:21px;font-weight:900;box-shadow:0 8px 18px rgba(79,82,229,.25)}.coupon-card-head strong{display:block;color:#17214a;font-size:14px;line-height:1.25}.coupon-card-head small{display:block;margin-top:2px;color:#6f7894;font-size:9.5px;line-height:1.4}.coupon-kicker{display:block;margin-bottom:2px;color:#6f43e9;font-size:8px;font-weight:900;letter-spacing:.12em}.coupon-badge{align-self:start;padding:5px 8px;border-radius:999px;background:#fff0be;border:1px solid #ffd66b;color:#9a6100;font-size:8px;font-weight:900;letter-spacing:.08em}.coupon-entry-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.coupon-code-input{min-width:0!important;height:42px!important;padding:0 12px!important;border:1.5px dashed #8c82e8!important;border-radius:11px!important;background:rgba(255,255,255,.92)!important;color:#251f4f!important;font:800 12px var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;outline:none}.coupon-code-input:focus{border-style:solid!important;border-color:#5f55e8!important;box-shadow:0 0 0 3px rgba(95,85,232,.12)!important}.coupon-apply-btn{height:42px;border:0;border-radius:11px;padding:0 14px;background:linear-gradient(135deg,#6f4df6,#2089f3);color:#fff;font-size:10.5px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(69,92,216,.2);transition:.15s ease;white-space:nowrap}.coupon-apply-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(69,92,216,.28)}.coupon-apply-btn:disabled{opacity:.6;cursor:wait;transform:none}.coupon-status{position:relative;z-index:1;min-height:16px;margin-top:7px;color:#6d7790;font-size:9.5px;font-weight:700;line-height:1.45}.coupon-status a{color:#5743d5;text-decoration:underline}.coupon-card.is-dirty{border-color:#c6c0fb}.coupon-card.is-loading{border-color:#68a6ee;background:linear-gradient(145deg,#f1f6ff,#eefaff,#fff8ec)}.coupon-card.is-loading .coupon-status{color:#2568b2}.coupon-card.is-applied{border-color:#74d99a;background:linear-gradient(145deg,#effff5 0%,#f3fbff 55%,#fff8e8 100%);box-shadow:0 12px 30px rgba(23,151,86,.12)}.coupon-card.is-applied .coupon-ticket-icon{background:linear-gradient(135deg,#13a864,#49c982)}.coupon-card.is-applied .coupon-status{color:#15834f}.coupon-card.is-applied .coupon-badge{background:#dff8e8;border-color:#9be0b4;color:#137247}.coupon-card.is-invalid{border-color:#f2a1a8;background:linear-gradient(145deg,#fff2f4,#fff8f2 58%,#f7f5ff)}.coupon-card.is-invalid .coupon-ticket-icon{background:linear-gradient(135deg,#e94f64,#ff875e)}.coupon-card.is-invalid .coupon-status{color:#b62c43}.coupon-price-breakdown{position:relative;z-index:1;margin-top:10px;padding:10px;border:1px solid rgba(92,103,160,.13);border-radius:12px;background:rgba(255,255,255,.82);backdrop-filter:blur(5px)}.coupon-price-breakdown[hidden]{display:none}.coupon-price-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 2px;color:#68758e;font-size:10px}.coupon-price-breakdown strong{color:#22304e;font-size:11px}.coupon-price-breakdown em{font-style:normal;color:#6675a4;font-size:8.5px}.coupon-price-breakdown .coupon-discount-row{color:#128753}.coupon-price-breakdown .coupon-discount-row strong{color:#128753}.coupon-price-breakdown .coupon-payable-row{margin-top:4px;padding:9px 10px;border-radius:10px;background:linear-gradient(135deg,#172b62,#2556a8);color:#fff;font-weight:900}.coupon-price-breakdown .coupon-payable-row strong{color:#fff;font-size:16px}.coupon-tax-note{display:block;margin-top:7px;color:#7b8497;font-size:8.5px;line-height:1.45}.coupon-buy-btn{margin-top:0!important;background:linear-gradient(135deg,#0b4b9d,#147ad6)!important;box-shadow:0 10px 22px rgba(11,75,157,.18)}.coupon-buy-btn:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.15);box-shadow:none}.coupon-card.is-applied+.coupon-buy-btn{background:linear-gradient(135deg,#0b7650,#13a56e)!important}.purchase-card .coupon-buy-btn{width:100%} @media(max-width:520px){.coupon-card{padding:13px}.coupon-card-head{grid-template-columns:38px minmax(0,1fr)}.coupon-ticket-icon{width:38px;height:38px}.coupon-badge{display:none}.coupon-entry-row{grid-template-columns:1fr}.coupon-apply-btn{width:100%}.coupon-card-head small{font-size:9px}} /* FIX91 — coupon distribution / My Offers */ .library-tabs .tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:99px;background:#6b4df7;color:#fff;font-size:10px;font-weight:900}.offers-summary-tile{background:linear-gradient(145deg,#f6f0ff,#eef8ff)!important}.my-offers-panel{overflow:hidden}.my-offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.my-offer-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:11px;min-height:285px;padding:20px;border:1px solid #d9d7ff;border-radius:20px;background:linear-gradient(145deg,#f7f2ff 0%,#eef8ff 58%,#fff8e8 100%);box-shadow:0 14px 34px rgba(44,63,140,.10)}.my-offer-card:before{content:"";position:absolute;right:-45px;top:-55px;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#ffd166,#ff8f5a);opacity:.22}.my-offer-card.audience-welcome{background:linear-gradient(145deg,#fff7e6,#f7f0ff 52%,#ebf8ff)}.my-offer-card.audience-selected{background:linear-gradient(145deg,#effff5,#edf8ff 52%,#fff6e8)}.my-offer-card.audience-members{background:linear-gradient(145deg,#eef8ff,#f3efff 55%,#ecfff7)}.my-offer-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.offer-audience{padding:6px 9px;border-radius:99px;background:#fff;color:#5941c9;border:1px solid #dcd3ff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.offer-discount{color:#0b7b52;font-size:18px;font-weight:950}.my-offer-card h3{position:relative;z-index:1;margin:0;font-size:20px;color:#17234d}.my-offer-card p{position:relative;z-index:1;margin:0;color:#65718c;line-height:1.55}.offer-code-row{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:10px;border:1px dashed #8f80ef;border-radius:13px;background:rgba(255,255,255,.85)}.offer-code-row code{flex:1;color:#392a84;font-weight:950;font-size:15px;letter-spacing:.08em}.offer-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px}.offer-meta span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.72);color:#65708b;font-size:9px;font-weight:800}.my-offer-card>.btn{position:relative;z-index:1;margin-top:auto}.account-offer-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.account-offer-mini{display:grid;gap:5px;padding:13px;border:1px solid #dcd8ff;border-radius:14px;background:linear-gradient(145deg,#faf6ff,#f1f9ff);text-decoration:none}.account-offer-mini span{color:#0b8658;font-size:15px;font-weight:950}.account-offer-mini strong{color:#1c2850}.account-offer-mini code{color:#6048d7;font-weight:900}.membership-offer-ready{max-width:760px;margin:0 auto 18px;padding:14px 18px;border:1px solid #82dba8;border-radius:16px;background:linear-gradient(135deg,#effff5,#eef7ff);box-shadow:0 10px 24px rgba(23,151,86,.10)}.membership-offer-ready span{display:block;color:#15824f;font-size:9px;font-weight:950;letter-spacing:.1em}.membership-offer-ready strong{display:block;margin:4px 0;color:#4831b6;font:950 20px var(--mono)}.membership-offer-ready p{margin:0;color:#64718a;font-size:12px}.membership-coupon-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;padding:14px;border:1px solid #7bd99d;border-radius:15px;background:linear-gradient(145deg,#effff5,#f1f7ff)}.membership-coupon-summary>span{grid-column:1/-1;color:#13824e;font-size:9px;font-weight:950;letter-spacing:.1em}.membership-coupon-summary>strong{display:none}.membership-coupon-summary div{padding:8px;border-radius:10px;background:#fff}.membership-coupon-summary small{display:block;color:#778198;font-size:9px}.membership-coupon-summary b{display:block;margin-top:3px;color:#23304f}.membership-coupon-summary .final{background:#153d80}.membership-coupon-summary .final small,.membership-coupon-summary .final b{color:#fff}.coupon-campaign-edit{margin-top:14px}.coupon-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.coupon-campaign-row summary{cursor:pointer}@media(max-width:900px){.my-offers-grid,.account-offer-strip{grid-template-columns:1fr 1fr}}@media(max-width:620px){.my-offers-grid,.account-offer-strip,.membership-coupon-summary{grid-template-columns:1fr}.offer-code-row{align-items:stretch;flex-direction:column}.offer-code-row .btn{width:100%}} .catalog-offer-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 15px;border:1px solid #8edcae;border-radius:14px;background:linear-gradient(135deg,#effff5,#eef7ff)}.catalog-offer-banner span{color:#12814e;font-size:9px;font-weight:950;letter-spacing:.1em}.catalog-offer-banner strong{color:#5439c5;font:950 15px var(--mono)}.catalog-offer-banner p{margin:0;color:#66728c;font-size:11px} .offer-action-row{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.offer-action-row .btn{flex:1;min-width:140px} /* FIX93 — coupon sharing, selected eligibility and Admin share panel */ .coupon-share-admin{margin:14px 0;padding:16px;border:1px solid #c4b5fd;border-radius:18px;background:linear-gradient(135deg,#faf5ff,#eff6ff);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.coupon-share-admin strong{display:block;max-width:720px;overflow:hidden;text-overflow:ellipsis;color:#312e81}.coupon-share-admin small{display:block;margin-top:5px;color:var(--m)}.coupon-share-buttons{display:flex;gap:8px;flex-wrap:wrap}.coupon-offer-hero{padding:54px 0;background:radial-gradient(circle at 12% 15%,rgba(124,58,237,.18),transparent 32%),radial-gradient(circle at 88% 10%,rgba(37,99,235,.15),transparent 30%),linear-gradient(180deg,#f8faff,#fff)}.coupon-offer-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px}.coupon-offer-copy,.coupon-offer-share{border:1px solid #ddd6fe;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(49,46,129,.10);padding:30px}.coupon-offer-copy h1{font-size:clamp(32px,5vw,58px);margin:10px 0}.coupon-offer-discount{display:inline-flex;flex-direction:column;gap:3px;margin:16px 0;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.coupon-offer-discount span{font-size:24px;font-weight:900}.coupon-offer-discount small{opacity:.9}.coupon-offer-code{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px;border:1px dashed #7c3aed;border-radius:16px;background:#faf5ff}.coupon-offer-code small{display:block;color:#6d28d9;font-weight:800}.coupon-offer-code code{font-size:24px;font-weight:900;letter-spacing:.08em}.coupon-offer-state{margin-top:16px;padding:13px 15px;border-radius:14px;background:#fff7ed;color:#9a3412}.coupon-offer-state.ended{background:#fef2f2;color:#991b1b}.coupon-offer-share h2{margin:8px 0}.coupon-offer-share .coupon-share-buttons a,.coupon-offer-share .coupon-share-buttons button{border:0;border-radius:12px;padding:10px 12px;background:#eef2ff;color:#312e81;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.coupon-public-url{display:block;margin-top:15px;padding:11px;border-radius:12px;background:#f8fafc;overflow-wrap:anywhere}.coupon-eligible-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.coupon-eligible-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;box-shadow:var(--shadow)}.coupon-eligible-card>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#6d28d9}.coupon-eligible-card h3{margin:8px 0}.celebration-banner-close{border:0;background:rgba(255,255,255,.18);color:inherit;border-radius:999px;width:30px;height:30px;font-size:20px;cursor:pointer;flex:0 0 auto}@media(max-width:800px){.coupon-offer-shell{grid-template-columns:1fr}.coupon-eligible-grid{grid-template-columns:1fr}.coupon-share-admin{align-items:flex-start;flex-direction:column}} /* ===================================================================== FIX94 — compact public header Reduces the oversized FIX62 Academy header footprint while preserving menu order, search visibility, dropdown behaviour and mobile controls. ===================================================================== */ @media(min-width:801px){ .site-header{height:auto!important;min-height:0!important} .site-header>.nav{ min-height:60px!important; height:60px!important; gap:12px!important; padding-top:4px!important; padding-bottom:4px!important; } .site-header .network-guide-academy-brand{ min-width:248px!important; margin-right:10px!important; gap:6px!important; } .site-header .network-guide-academy-brand .networktech-mark, .site-header .network-guide-academy-brand .networktech-mark img{ width:44px!important; height:44px!important; flex-basis:44px!important; } .site-header .network-guide-academy-brand .networktech-name{ font-size:15px!important; letter-spacing:-.3px!important; } .site-header .network-guide-academy-brand .networktech-slogan{ font-size:5px!important; letter-spacing:.58px!important; margin-top:2px!important; } .site-header .desktop-nav{gap:14px!important;font-size:11.5px!important} .site-header .desktop-nav>a,.site-header .dropdown>a{ font-size:11.5px!important; padding:5px 0!important; } .site-header .header-search{max-width:285px!important;min-width:160px!important} .site-header .header-search form{height:32px!important;border-radius:9px!important} .site-header .profile-menu-trigger{padding:2px!important} .site-header .profile-avatar{width:32px!important;height:32px!important} .site-header .actions{gap:7px!important} .site-header .desktop-nav>a:after,.site-header .dropdown>a:after{bottom:-9px!important} } @media(min-width:1280px){ .site-header>.nav{gap:14px!important} .site-header .network-guide-academy-brand{margin-right:12px!important} .site-header .desktop-nav{gap:15px!important} } @media(min-width:1000px) and (max-width:1279px){ .site-header>.nav{gap:10px!important} .site-header .network-guide-academy-brand{min-width:232px!important;margin-right:6px!important} .site-header .desktop-nav{gap:11px!important} .site-header .header-search{max-width:215px!important} } @media(max-width:800px){ .site-header{height:auto!important;min-height:0!important} .site-header>.nav{min-height:60px!important} .site-header .network-guide-academy-brand{min-width:218px!important;gap:5px!important} .site-header .network-guide-academy-brand .networktech-mark, .site-header .network-guide-academy-brand .networktech-mark img{ width:44px!important;height:44px!important;flex-basis:44px!important } .site-header .network-guide-academy-brand .networktech-name{font-size:13px!important} .site-header .network-guide-academy-brand .networktech-slogan{font-size:4.4px!important;letter-spacing:.45px!important} .site-header .mobile-menu-btn{width:36px!important;height:36px!important} } /* FIX95 — public-safe coupon messaging + branded social share cards */ .coupon-offer-discount small{font-weight:700;letter-spacing:.01em;color:rgba(255,255,255,.92)} .coupon-share-card-preview{display:block;margin:14px 0 16px;text-decoration:none;color:#312e81;border:1px solid #ddd6fe;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(49,46,129,.09)} .coupon-share-card-preview img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;background:#312e81}.coupon-share-card-preview span{display:block;padding:9px 12px;font-size:12px;font-weight:900;text-align:center} .coupon-card-downloads{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.coupon-card-downloads a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c7d2fe;border-radius:999px;padding:7px 10px;background:#fff;color:#3730a3;text-decoration:none;font-size:11px;font-weight:900}.coupon-card-downloads a:hover{background:#eef2ff} .coupon-share-admin{display:grid!important;grid-template-columns:220px minmax(260px,1fr) auto!important;align-items:center!important}.coupon-share-admin-preview{display:block;border-radius:14px;overflow:hidden;border:1px solid #c7d2fe;background:#312e81}.coupon-share-admin-preview img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.coupon-share-admin-main{min-width:0}.admin-card-downloads{margin-top:9px} @media(max-width:980px){.coupon-share-admin{grid-template-columns:180px minmax(0,1fr)!important}.coupon-share-admin>.coupon-share-buttons{grid-column:1/-1}.coupon-share-admin-preview{max-width:220px}} @media(max-width:640px){.coupon-share-admin{grid-template-columns:1fr!important}.coupon-share-admin-preview{max-width:280px}.coupon-card-downloads a{flex:1 1 auto}} /* FIX97 — support contact icons; WhatsApp uses a green circular chat/phone mark */ .footer-contact-link{display:inline-flex!important;align-items:center;gap:7px;min-width:0} .footer-contact-link .footer-contact-icon{width:14px;height:14px;flex:0 0 14px;display:block;color:#8fb9ff} .footer-contact-link span{min-width:0;overflow-wrap:anywhere} .footer-contact-email:hover .footer-contact-icon,.footer-contact-phone:hover .footer-contact-icon{color:#dbeafe} .footer-whatsapp{font-weight:650;color:#86efac!important} .footer-whatsapp .footer-whatsapp-icon{width:15px;height:15px;flex-basis:15px;color:#25d366} .footer-whatsapp:hover{color:#bbf7d0!important} .footer-whatsapp:hover .footer-whatsapp-icon{color:#34e17a} /* ===================================================================== FIX99 — final mobile hardening Prevent narrow-header/banner/coupon/footer overflow without changing desktop layout or business/payment behavior. ===================================================================== */ @media(max-width:640px){ .celebration-site-banner-inner{min-width:0!important;align-items:center!important} .celebration-banner-copy{flex:1 1 auto!important;min-width:0!important} .celebration-banner-copy span{max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .celebration-banner-cta{flex:0 0 auto!important;max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important} .celebration-banner-close{flex:0 0 30px!important} .coupon-offer-code{align-items:stretch!important;flex-direction:column!important} .coupon-offer-code>div{min-width:0!important} .coupon-offer-code code{display:block;max-width:100%;font-size:clamp(18px,7vw,24px)!important;overflow-wrap:anywhere;word-break:break-word} .coupon-offer-code .btn{width:100%!important} .footer-bottom span,.footer-bottom small{max-width:100%;overflow-wrap:anywhere} } @media(max-width:360px){ .site-header>.nav{width:calc(100% - 20px)!important;gap:8px!important} .site-header .network-guide-academy-brand{min-width:0!important;flex:1 1 auto!important;margin-right:0!important;gap:4px!important} .site-header .network-guide-academy-brand .networktech-mark, .site-header .network-guide-academy-brand .networktech-mark img{width:40px!important;height:40px!important;flex-basis:40px!important} .site-header .network-guide-academy-brand .networktech-wordmark{min-width:0!important} .site-header .network-guide-academy-brand .networktech-name{font-size:11.5px!important;white-space:nowrap!important} .site-header .network-guide-academy-brand .networktech-slogan{font-size:3.7px!important;letter-spacing:.35px!important;white-space:nowrap!important} .site-header .mobile-menu-btn{width:34px!important;height:34px!important;flex:0 0 34px!important} .celebration-banner-emoji{display:none!important} .celebration-banner-cta{max-width:82px!important;padding:7px 8px!important;font-size:11px!important} } /* V62.9.46 FIX100 — Word-like authoring comfort controls. */ .rte .rte-editor{min-height:420px} .rte:not(.blog-rte):not(.ccna-rte) .rte-source{min-height:420px} .blog-rte .rte-editor,.blog-rte .rte-source{min-height:520px;max-height:72vh} .ccna-rte .rte-editor,.ccna-rte .rte-source{min-height:620px;max-height:76vh} .rte-fullscreen .nga-ribbon{flex:0 0 auto;max-height:190px;overflow:auto} .rte-fullscreen .rte-authoring-status{flex:0 0 auto} .rte-fullscreen .rte-editor,.rte-fullscreen .rte-source{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:auto!important} .rte-fullscreen .rte-fullscreen-btn{background:#0b3b76!important;color:#fff!important;border-color:#0b3b76!important} .nga-ribbon .rte-size{width:72px!important;min-width:72px!important} .rte-mini-toolbar{position:fixed;z-index:100100;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 16px);padding:6px;border:1px solid #cbd6e5;border-radius:9px;background:rgba(255,255,255,.98);box-shadow:0 12px 32px rgba(15,36,64,.22);font:12px/1.2 Arial,sans-serif;backdrop-filter:blur(8px)} .rte-mini-toolbar[hidden]{display:none!important} .rte-mini-toolbar select,.rte-mini-toolbar button{height:30px;min-height:30px;border:1px solid #d6dfeb;border-radius:5px;background:#fff;color:#172b45;font:12px Arial,sans-serif;box-sizing:border-box} .rte-mini-toolbar select{padding:3px 22px 3px 7px}.rte-mini-font{width:112px}.rte-mini-size{width:62px} .rte-mini-toolbar button{min-width:30px;padding:4px 7px;cursor:pointer}.rte-mini-toolbar button:hover,.rte-mini-toolbar button:focus{background:#eaf3ff;border-color:#82aee0;outline:0} .rte-mini-color{position:relative;display:grid;place-items:center;width:31px;height:30px;border:1px solid #d6dfeb;border-radius:5px;background:#fff;overflow:hidden;cursor:pointer}.rte-mini-color span{font-weight:800;pointer-events:none}.rte-mini-color input{position:absolute;left:2px;right:2px;bottom:2px;width:25px;height:5px;padding:0;border:0;opacity:.85;cursor:pointer}.rte-mini-highlight span{color:#b88300} .rte-mini-clear{font-weight:800}.rte-mini-link{font-size:13px!important} @media(max-width:800px){.rte .rte-editor,.rte:not(.blog-rte):not(.ccna-rte) .rte-source{min-height:360px}.blog-rte .rte-editor,.blog-rte .rte-source{min-height:420px;max-height:66vh}.ccna-rte .rte-editor,.ccna-rte .rte-source{min-height:480px;max-height:70vh}} @media(max-width:620px){.rte-mini-toolbar{gap:3px;overflow-x:auto;padding:5px;max-width:calc(100vw - 12px)}.rte-mini-font{width:92px}.rte-mini-size{width:58px}.rte-mini-toolbar select,.rte-mini-toolbar button{flex:0 0 auto}.rte-fullscreen{inset:2px!important}.rte-fullscreen .nga-ribbon{max-height:160px}} /* FIX103: restrained inline recommendations, separate from catalog cards. */ .nga-picks{box-sizing:border-box;max-width:760px;margin:16px 0;padding:10px 0;border-top:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee;color:var(--i,#172b43)} .nga-picks-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap} .nga-picks-head h3{margin:0;font-size:13px;line-height:1.4;font-weight:650} .nga-picks-head>div{display:flex;gap:14px;align-items:center} .nga-picks-head a{font-size:11px;line-height:1.5;color:#52657c;text-decoration:none} .nga-picks-head a:hover{text-decoration:underline} .nga-picks-list{display:flex;flex-wrap:wrap;gap:8px} .nga-pick{display:flex;align-items:center;gap:9px;flex:0 1 340px;min-width:0;max-width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid #e5eaf0;border-radius:7px;background:var(--card,#fff);color:inherit;text-decoration:none} .nga-pick:hover{border-color:#aabfd7;background:#f8fbff} .nga-pick:focus-visible{outline:2px solid #2464af;outline-offset:2px} .nga-pick img,.nga-pick-initials{width:34px;height:34px;flex:0 0 34px;border-radius:5px;object-fit:contain} .nga-pick-initials{display:grid;place-items:center;background:#edf3f9;color:#345878;font-size:11px;font-weight:700} .nga-pick-copy{min-width:0;flex:1} .nga-pick-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere} .nga-pick-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#68798b;line-height:1.4} .nga-pick-view{flex-shrink:0;color:#245587;font-size:11px} .nga-resource-picks{padding-bottom:18px} @media(max-width:520px){.nga-pick{flex-basis:100%}.nga-picks-head>div{gap:10px}} /* FIX104: compact product photo and useful product summary. */ .nga-picks{max-width:840px} .nga-pick{flex-basis:395px;padding:9px;gap:10px} .nga-pick img,.nga-pick-initials{width:64px;height:64px;flex-basis:64px;object-fit:contain;background:#f4f7fb;border-radius:6px} .nga-pick-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.45;color:#5e6e81;margin:3px 0;overflow-wrap:anywhere} .nga-pick-copy small{font-family:inherit;letter-spacing:0;font-size:10px} @media(max-width:520px){.nga-pick{flex-basis:100%}.nga-pick img,.nga-pick-initials{width:56px;height:56px;flex-basis:56px}} /* FIX106: image fallback and authoring preview. */ .nga-picks[hidden],.nga-pick img[hidden],.nga-pick-initials[hidden],img[data-affiliate-image][hidden],.affiliate-image-preview img[hidden]{display:none!important} .affiliate-image-preview{display:flex;align-items:center;gap:10px;margin-top:6px;min-width:0}.affiliate-image-preview img{width:64px;height:64px;object-fit:contain;border:1px solid #dbe4ed;border-radius:6px}.affiliate-image-preview small{font-size:11px;line-height:1.5;font-weight:400}