.sample-directory,.sample-page{color:#173c61}.sample-directory-hero,.sample-hero{padding:42px 0 55px;background:linear-gradient(125deg,#eaf5ff,#f8fbff 60%,#fff1e7)}.sample-directory-hero h1,.sample-hero h1{max-width:950px;margin:10px 0 15px;color:#07366d;font-size:clamp(40px,4.5vw,58px);font-weight:650;line-height:1.1;letter-spacing:-.04em}.sample-directory-hero p,.sample-hero p{max-width:850px;color:#55718c;font-size:16px;line-height:1.75}.sample-hero>.container>div{display:flex;flex-wrap:wrap;margin-top:25px}.sample-hero>.container>div span{min-width:180px;padding:10px 18px;border-right:1px solid #c8def2;color:#6d8296;font-size:9px;text-transform:uppercase}.sample-hero>.container>div strong{display:block;color:#07366d;font-size:14px;text-transform:none}.sample-directory-list{padding:60px 0}.sample-search{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;margin-bottom:38px;padding:9px 16px;border:1px solid #bdd8f3;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(6,63,126,.07)}.sample-search i{color:#0b68de;font-size:19px}.sample-search input{height:40px;border:0;outline:0;background:transparent;font:500 15px Manrope,Arial,sans-serif}.sample-search>span{padding:8px 12px;border-radius:8px;background:#edf6ff;font-size:12px}.sample-category{margin-bottom:42px}.sample-category[hidden],.sample-category a[hidden]{display:none}.sample-category header{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px;padding-bottom:11px;border-bottom:1px solid #d5e4f2}.sample-category h2{margin:0;color:#07366d;font-size:25px;font-weight:650;text-transform:capitalize}.sample-category header span{color:#0b68de;font-size:11px;font-weight:800;text-transform:uppercase}.sample-category>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sample-category a{display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;min-height:88px;padding:15px;border:1px solid #d5e5f4;border-radius:12px;color:#173c61;background:#fff;text-decoration:none;box-shadow:0 7px 20px rgba(7,58,116,.05)}.sample-category a:hover{transform:translateY(-2px);border-color:#87b9e8}.sample-category a>i:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;color:#0b68de;background:#edf6ff;font-size:19px}.sample-category strong,.sample-category small{display:block}.sample-category strong{color:#07366d;font-size:14px;font-weight:650}.sample-category small{margin-top:4px;color:#7890a5;font-size:10px}.sample-category a>i:last-child{color:#0b68de}.sample-no-results{padding:45px;border:1px dashed #bdd8f3;border-radius:14px;text-align:center;background:#f7fbff}.sample-content{padding:68px 0}.sample-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px;align-items:start}.sample-article{min-width:0;padding:42px;border:1px solid #d6e5f4;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(7,58,116,.06)}.sample-article h2{margin:28px 0 13px;color:#07366d;font-size:22px;font-weight:600;line-height:1.4}.sample-article h3{margin:23px 0 11px;color:#164d85;font-size:19px;font-weight:600}.sample-article p,.sample-article li{color:#405f7d;font-size:16px;line-height:1.8}.sample-article a{color:#0b68de}.sample-article img{max-width:100%;height:auto}.sample-article table{display:table;width:100%;margin:22px 0;border-collapse:collapse;font-size:13px}.sample-article th,.sample-article td{padding:10px;border:1px solid #cddfee;vertical-align:top}.sample-article th{color:#07366d;background:#edf6ff}.sample-article{overflow-wrap:anywhere}.sample-article>div{max-width:100%}.sample-sidebar{position:sticky;top:110px;display:grid;gap:18px;max-height:calc(100vh - 128px);padding-right:5px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.sample-note{padding:22px;border:1px solid #cfe1f4;border-radius:15px;background:linear-gradient(145deg,#eef7ff,#fff5ed)}.sample-note i{color:#f26d21;font-size:25px}.sample-note h2{margin:8px 0;color:#07366d;font-size:19px;font-weight:650}.sample-note p{margin:0;color:#607a93;font-size:12px;line-height:1.7}.sample-related{padding:60px 0;background:#f1f8ff}.sample-related h2{margin:8px 0 22px;color:#07366d;font-size:27px;font-weight:650}.sample-related .container>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sample-related a{display:flex;gap:10px;align-items:center;padding:15px;border:1px solid #d4e4f3;border-radius:11px;color:#204e7b;background:#fff;text-decoration:none;font-size:13px;font-weight:650}.sample-related a i{color:#0b68de}@media(max-width:991px){.sample-layout{grid-template-columns:1fr}.sample-sidebar{position:static;max-height:none;overflow:visible}}@media(max-width:767px){.sample-directory-hero,.sample-hero{padding:32px 0 42px}.sample-search{grid-template-columns:22px 1fr}.sample-search>span{display:none}.sample-category>div,.sample-related .container>div{grid-template-columns:1fr}.sample-article{padding:25px 20px}.sample-article{overflow-x:auto}.sample-article table{min-width:650px}}.sample-article .sample-embedded-image{display:block;width:auto;max-width:100%;height:auto!important;margin:26px auto;padding:6px;border:1px solid #d4e4f3;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(7,58,116,.08);object-fit:contain}.sample-page .sample-hero{padding:28px 0 34px}.sample-page .sample-hero h1{max-width:980px;margin:8px 0 12px;font-size:clamp(36px,3.7vw,52px);line-height:1.08}.sample-page .sample-hero p{margin:0;line-height:1.65}.sample-page .sample-hero>.container>div{margin-top:18px}.sample-page .sample-content{padding-top:46px}