.tutorials-hero{background:linear-gradient(155deg, var(--clinical-blue-deep), var(--ink));text-align:center;padding:72px 0 80px;position:relative;overflow:hidden}.tutorials-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 50% 120%,#0e9a5e26 0%,#0000 70%);position:absolute;inset:0}.tutorials-hero .eyebrow{color:#7dcfb3;justify-content:center;display:flex}.tutorials-hero .eyebrow:before{background:#0e9a5e}.tutorials-hero h1{color:#fff;max-width:720px;margin:16px auto 14px;font-size:40px;line-height:1.12}.tutorials-hero p{color:#b9cbda;max-width:560px;margin:0 auto;font-size:17px}.tutorials-section{padding:64px 0 96px}.tutorials-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.tutorials-filters{flex-wrap:wrap;flex:1;gap:8px;display:flex}.tutorials-filters .chip{border:1.5px solid var(--line);background:var(--white);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.tutorials-filters .chip:hover{border-color:var(--clinical-blue);color:var(--clinical-blue-deep)}.tutorials-filters .chip.selected{background:var(--clinical-blue-pale);border-color:var(--clinical-blue);color:var(--clinical-blue-deep)}.tutorials-search-wrap{flex:0 360px;min-width:280px;position:relative}.tutorials-search-wrap svg{color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tutorials-search-wrap input{background:var(--white);width:100%;color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius-sm);outline:none;padding:11px 14px 11px 40px;font-family:Inter,sans-serif;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.tutorials-search-wrap input:focus{border-color:var(--clinical-blue);box-shadow:0 0 0 3px #2c6e9e1f}.tutorials-result-count{color:var(--ink-soft);margin-bottom:24px;font-size:13.5px}.tutorials-page-grid{grid-template-columns:repeat(3,1fr)}.tutorial-card-link,.tutorial-card-btn{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:var(--white);border:none;padding:0;text-decoration:none;display:block}.tutorial-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--clinical-blue-deep);background:var(--clinical-blue-pale);border-radius:6px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.nav-links a.active{color:var(--ink);font-weight:600}.wa-float{z-index:99;background:var(--emerald);border:1.5px solid var(--emerald);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 24px #0e9a5e66}.wa-float:hover{background:var(--emerald-deep);border-color:var(--emerald-deep);box-shadow:var(--shadow-lg);transform:scale(1.1)}.wa-label{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .2s;position:absolute;top:50%;right:68px;transform:translateY(-50%)}.wa-label:after{content:"";border:6px solid #0000;border-left-color:var(--ink);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.wa-float:hover .wa-label{opacity:1}@media (max-width:980px){.tutorials-page-grid{grid-template-columns:repeat(2,1fr)}.tutorials-toolbar{flex-direction:column}.tutorials-search-wrap{flex:auto;width:100%;min-width:0}}@media (max-width:640px){.tutorials-hero{padding:52px 0 60px}.tutorials-hero h1{font-size:30px}.tutorials-page-grid{grid-template-columns:1fr}}