.steno-page{--steno-ink:#101b39;--steno-muted:#66738b;--steno-border:#e0e7f0;--steno-blue:#2563eb;--steno-purple:#7629f2;--steno-green:#08a66d;--steno-orange:#f47721;color:var(--steno-ink);background:#fff;min-height:100vh;font-size:14px}.steno-page *{box-sizing:border-box}.steno-page a{text-decoration:none}.steno-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding-bottom:6px}.steno-page [id]{scroll-margin-top:24px}.steno-crumbs{display:flex;align-items:center;gap:10px;padding:17px 0 12px;color:#536078;font-size:12px}.steno-crumbs a{color:#2563eb;font-weight:600}.steno-crumbs>span:nth-child(2n){color:#a4afc0}.steno-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:28px;align-items:center;min-height:268px;padding:2px 0 20px}.steno-hero-copy{min-width:0}.steno-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#5b57e8;font-size:10px;font-weight:800;letter-spacing:.12em}.steno-eyebrow span{width:7px;height:7px;border-radius:50%;background:#7a32f5;box-shadow:0 0 0 4px #f0eaff}.steno-hero h1{max-width:700px;margin:0;color:#10152e;font-size:clamp(30px,3.4vw,42px);font-weight:900;letter-spacing:-1.4px;line-height:1.08}.steno-hero h1 span{color:#3929d7}.steno-lead{max-width:690px;margin:12px 0 17px;color:#5c6880;font-size:13px;line-height:1.65}.steno-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.steno-stat{display:flex;align-items:center;gap:9px;min-width:0;min-height:54px;padding:8px 10px;border:1px solid #e4e9f1;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgb(29 42 76/3%)}.steno-format-icon,.steno-stat-icon,.steno-subject-icon,.steno-title-icon{display:grid;flex:0 0 auto;place-items:center}.steno-stat-icon{width:31px;height:31px;border-radius:9px}.steno-stat-icon svg{width:16px;height:16px}.steno-stat-icon.purple{color:#8039fa;background:#f0e7ff}.steno-stat-icon.green{color:#099a67;background:#e6fbf1}.steno-stat-icon.orange{color:#ef681d;background:#fff0e5}.steno-stat-icon.pink{color:#e33d8b;background:#fff0f7}.steno-stat-copy{min-width:0}.steno-stat-copy b,.steno-stat-copy small{display:block}.steno-stat-copy b{overflow:hidden;color:#14203c;font-size:14px;font-weight:850;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.steno-stat-copy small{margin-top:4px;color:#78849a;font-size:10px;line-height:1.15}.steno-art{position:relative;height:240px;isolation:isolate}.steno-art-orbit{position:absolute;inset:13px 5px 8px 6px;z-index:-1;border-radius:48% 52% 43% 57%/49% 42% 58% 51%;background:linear-gradient(140deg,#f1ecff,#edf4ff 70%,#faf7ff);transform:rotate(-7deg)}.steno-notes{position:absolute;top:31px;left:8%;width:40%;height:150px;padding:18px 14px 12px 24px;border:1px solid #dfe4ef;border-radius:7px;background:repeating-linear-gradient(transparent 0 24px,#eaf0fb 25px 26px),#fff;box-shadow:0 12px 22px rgb(61 68 136/10%);transform:rotate(-8deg)}.steno-notes strong{display:block;margin-bottom:10px;color:#6743ee;font-size:11px;font-style:italic}.steno-notes i{display:block;width:74%;height:1px;margin:10px 0;background:#9cb3ef}.steno-notes i:nth-of-type(2){width:57%}.steno-notes i:nth-of-type(3){width:82%}.steno-notes i:nth-of-type(4){width:48%}.steno-notes em{display:block;margin-top:5px;color:#8a92a7;font-size:7px}.steno-note-spiral{position:absolute;top:15px;left:-8px;color:#6a51eb;font-size:21px;line-height:1.05}.steno-checklist{position:absolute;top:26px;right:7%;width:32%;height:136px;padding:28px 12px 10px;border:3px solid #ffc64f;border-radius:10px;background:#fff;box-shadow:0 10px 20px rgb(59 69 122/10%);transform:rotate(5deg)}.steno-clip{position:absolute;top:-9px;left:35%;width:35%;height:13px;border:2px solid #9873ff;border-radius:4px 4px 0 0;background:#efeaff}.steno-checklist b{display:block;margin-bottom:8px;color:#34405c;font-size:10px}.steno-checkline{display:flex;align-items:center;gap:5px;margin:8px 0;color:#20a6e8}.steno-checkline svg{width:12px;height:12px;stroke-width:3}.steno-checkline i{height:3px;flex:1;border-radius:2px;background:#d9e0ec}.steno-keyboard{position:absolute;right:20%;bottom:21px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:48%;padding:9px;border:1px solid #8f7df2;border-radius:11px;background:linear-gradient(145deg,#aaa4ff,#7769ef);box-shadow:0 9px 0 #554ad0,0 18px 25px rgb(75 74 201/21%);transform:perspective(180px) rotateX(10deg) rotate(-3deg)}.steno-keyboard i{height:10px;border-radius:3px;background:#e8e7ff;box-shadow:0 2px 0 #cdc9fb}.steno-keyboard i:nth-child(17){grid-column:2/span 4}.steno-art-spark{position:absolute;color:#7537f2;font-size:20px}.spark-one{top:35px;left:2%}.spark-two{right:3%;bottom:55px;color:#ffc44b;font-size:27px}.steno-modebar{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:7px;padding:5px;border:1px solid var(--steno-border);border-radius:11px;background:#fff;box-shadow:0 3px 12px rgb(23 37 66/3%)}.steno-modebar a{display:flex;min-width:0;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:#26334f;transition:background-color .18s ease,color .18s ease}.steno-modebar a:hover{background:#f4f6ff}.steno-modebar a.active{color:#fff;background:linear-gradient(105deg,#6428e8,#8b13f3);box-shadow:0 5px 13px rgb(113 42 235/22%)}.steno-modebar a>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:50%;color:#2563eb;background:#eef4ff}.steno-modebar a.active>span{color:#fff;background:rgb(255 255 255/17%)}.steno-modebar a>span svg{width:16px;height:16px}.steno-modebar b{font-size:12px;font-weight:800}.steno-modebar b,.steno-modebar small{display:block;overflow:hidden;text-overflow:ellipsis}.steno-modebar small{margin-top:3px;color:#7c879d;font-size:10px;font-weight:500;white-space:nowrap}.steno-modebar .active small{color:rgb(255 255 255/83%)}.steno-notice{display:flex;align-items:flex-start;gap:9px;margin:13px 0;padding:10px 13px;border:1px solid #d6e7ff;border-radius:8px;background:#eff6ff;color:#49658c}.steno-notice>svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px;color:#2372ef;fill:#2372ef;stroke:#fff}.steno-notice p{margin:0;font-size:11px;line-height:1.55}.steno-panel{margin-top:14px;padding:16px;border:1px solid var(--steno-border);border-radius:10px;background:#fff;box-shadow:0 4px 14px rgb(24 41 73/3%)}.steno-section-title{display:flex;align-items:center;gap:10px}.steno-section-title h2{margin:0;color:#141d39;font-size:16px;font-weight:850;letter-spacing:-.2px;line-height:1.3}.steno-title-icon{width:31px;height:31px;border-radius:10px;color:#2269ed;background:#edf4ff}.steno-title-icon svg{width:17px;height:17px}.steno-title-icon.green{color:#06976a;background:#e9fbf3}.steno-title-icon.purple{color:#8038f4;background:#f2eaff}.steno-title-icon.orange{color:#ec6a28;background:#fff1e9}.steno-title-icon.blue{color:#2269ed;background:#edf4ff}.steno-section-intro{margin:6px 0 12px;color:#6b778d;font-size:11px;line-height:1.55}.steno-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.steno-subject-card{display:flex;flex-direction:column;border:1px solid #e1e7ef;border-radius:12px;background:linear-gradient(165deg,#fff,#fcfdff);color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.steno-subject-card:hover{transform:translateY(-2px);border-color:#cbd7f7;box-shadow:0 8px 20px rgb(38 57 103/8%)}.steno-subject-card:focus-visible{outline:3px solid #a8c5ff;outline-offset:3px}.steno-subject-head{display:flex;min-height:60px;align-items:center;gap:16px}.steno-subject-icon{width:60px;height:60px;border-radius:50%;color:#fff}.steno-subject-icon svg{width:28px;height:28px}.steno-subject-icon.green{background:#06aa75}.steno-subject-icon.pink{background:#eb1767}.steno-subject-icon.purple{background:#7934ed}.steno-subject-head>div{min-width:0}.steno-subject-head h3{margin:0 0 12px;color:#17203b;font-weight:800;line-height:1.35}.steno-subject-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.steno-cbt-pill,.steno-question-pill{display:inline-block;padding:7px 13px;border-radius:999px;font-weight:750;line-height:1.2}.steno-question-pill.green{color:#078a60;background:#e3fbf1}.steno-question-pill.pink{color:#df145f;background:#ffe5ef}.steno-question-pill.purple{color:#6034da;background:#f0eaff}.steno-cbt-pill{color:#2563eb;background:#eaf3ff}.steno-subject-card>p{margin:16px 0;color:#68748a;line-height:1.55}.steno-card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid #e8edf3;font-weight:800}.steno-card-link svg{width:19px;height:19px}.steno-card-link.green{color:#08a46d}.steno-card-link.pink{color:#eb1767}.steno-card-link.purple{color:#7d22ed}.steno-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.steno-format-card{display:flex;min-width:0;min-height:72px;align-items:flex-start;gap:8px;padding:10px 9px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.steno-format-card:hover{transform:translateY(-2px);border-color:#cbd7f7;box-shadow:0 6px 13px rgb(38 57 103/7%)}.steno-format-icon{width:29px;height:29px;border-radius:9px}.steno-format-icon svg{width:15px;height:15px}.steno-format-icon.f0{color:#2670ed;background:#eaf2ff}.steno-format-icon.f1{color:#8436ee;background:#f2eaff}.steno-format-icon.f2{color:#009e72;background:#e5fbf2}.steno-format-icon.f3{color:#ec6d2a;background:#fff1e8}.steno-format-card>span:nth-child(2){min-width:0;flex:1}.steno-format-card b,.steno-format-card small{display:block}.steno-format-card b{color:#205ee1;font-size:10px;line-height:1.3}.steno-format-card small{margin-top:4px;color:#778197;font-size:9px;line-height:1.4}.steno-format-arrow{width:12px;height:12px;flex:0 0 auto;align-self:flex-end;color:#3c77ed}.steno-ready-banner{display:flex;align-items:center;gap:11px;margin-top:14px;padding:10px 13px;border:1px solid #bcebd8;border-radius:9px;background:linear-gradient(100deg,#f0fdf7,#f5fffa)}.steno-ready-banner>span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;color:#079b68;background:#def8ed}.steno-ready-banner>span svg{width:16px;height:16px}.steno-ready-banner p{flex:1;margin:0;color:#378267;font-size:10px;line-height:1.5}.steno-ready-banner p b{color:#148354}.steno-ready-banner>a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:6px;color:#fff;background:#079e69;font-size:10px;font-weight:800;white-space:nowrap}.steno-ready-banner>a:hover{background:#087d56}.steno-ready-banner>a svg{width:13px;height:13px}.steno-about>p{margin:10px 0 0;color:#68758c;font-size:11px;line-height:1.65}.steno-about .steno-source-line{display:flex;align-items:center;gap:5px;color:#78849a;font-size:10px}.steno-source-line a{display:inline-flex;align-items:center;gap:4px;color:#2864e4;font-weight:700}.steno-source-line svg{width:11px;height:11px;transform:rotate(-45deg)}.steno-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 9px;margin-top:12px}.steno-benefit-grid>span,.steno-check-grid>span{display:flex;min-width:0;align-items:flex-start;gap:8px;padding:8px 9px;border-radius:7px;background:#f5f8fb;color:#596780;font-size:10px;line-height:1.45}.steno-check-grid svg{width:13px;height:13px;flex:0 0 auto;margin-top:1px;color:#0baf79;stroke-width:3}.steno-detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:13px;align-items:stretch}.steno-detail-grid>.steno-panel{min-width:0}.steno-pattern-panel{display:flex;flex-direction:column}.steno-table-wrap{overflow-x:auto;margin-top:4px;border:1px solid #dfe6ef;border-radius:8px}.steno-pattern-table{width:100%;border-collapse:collapse;color:#4f5d75;font-size:10px;text-align:left}.steno-pattern-table th{padding:8px 7px;color:#263650;background:#f1f5fa;font-size:9px;font-weight:800;line-height:1.3}.steno-pattern-table td{padding:8px 7px;border-top:1px solid #edf0f4;line-height:1.4}.steno-pattern-table td:not(:first-child),.steno-pattern-table th:not(:first-child){text-align:center}.steno-pattern-table .total td{color:#17213b;background:#f4f8fc;font-weight:850}.steno-skill-note,.steno-table-note{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:9px;border:1px solid #ffe6a0;border-radius:8px;background:#fff9e8;color:#7d6730;font-size:9px;line-height:1.5}.steno-skill-note svg,.steno-table-note svg{width:15px;height:15px;flex:0 0 auto;color:#e99c0a}.steno-grade-card{display:flex;gap:10px;margin-top:9px;padding:11px 10px;border:1px solid #ece8fa;border-radius:8px;background:#fff}.steno-grade-badge{display:grid;width:57px;min-height:52px;flex:0 0 auto;place-items:center;border-radius:7px;font-size:11px;font-weight:850}.grade-c .steno-grade-badge{color:#6f37d8;background:#f3edff}.grade-d .steno-grade-badge{color:#e45a18;background:#fff1e8}.steno-grade-card>div{min-width:0}.steno-grade-card b,.steno-grade-card small{display:block}.steno-grade-card b{margin:2px 0 5px;color:#1d2945;font-size:10px}.steno-grade-card small{margin-top:3px;color:#727e94;font-size:9px;line-height:1.35}.steno-skill-note{border-color:#d9e6ff;background:#f1f6ff;color:#586a8b}.steno-skill-note svg{color:#4582e9}.steno-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin-top:10px}.steno-benefit-grid>span{align-items:center}.steno-benefit-grid svg{width:14px;height:14px;flex:0 0 auto;color:#0bab75}.steno-bottom-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:13px;align-items:stretch}.steno-tips-list{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.steno-tips-list li{display:flex;align-items:center;gap:10px;min-height:37px}.steno-tips-list li>span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;color:#7541e7;background:#f2eaff;font-size:11px;font-weight:850}.steno-tips-list p{flex:1;margin:0;padding:8px 9px;border-radius:7px;background:#f5f8fb;color:#5d6a80;font-size:10px;line-height:1.45}.steno-faq-list{display:grid;gap:5px;margin-top:12px}.steno-faq-list details{overflow:hidden;border:1px solid #e5e9f0;border-radius:7px;background:#fff}.steno-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 9px;color:#536078;cursor:pointer;font-size:9px;line-height:1.4;list-style:none}.steno-faq-list summary::-webkit-details-marker{display:none}.steno-faq-list summary svg{width:13px;height:13px;flex:0 0 auto;color:#7c8799;transition:transform .18s ease}.steno-faq-list details[open] summary svg{transform:rotate(180deg)}.steno-faq-list details>p{margin:0;padding:0 10px 10px;color:#69758a;font-size:10px;line-height:1.6}.steno-resource-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.steno-resource-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #d8e5ff;border-radius:7px;color:#2161e3;background:#f7faff;font-size:9px;font-weight:750;transition:background-color .18s ease,border-color .18s ease}.steno-resource-links a:hover{border-color:#a9c5ff;background:#edf4ff}.steno-resource-links svg{width:11px;height:11px}.steno-bank-note{display:flex;align-items:center;gap:6px;margin:11px 0 0;color:#77839a;font-size:9px;line-height:1.5}.steno-bank-note svg{width:13px;height:13px;flex:0 0 auto;color:#7894df}@media (min-width:1280px){.steno-shell{width:min(1120px,calc(100% - 64px))}.steno-hero{min-height:286px}.steno-art{height:258px}}@media (max-width:900px){.steno-hero{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:14px}.steno-check-grid,.steno-format-grid,.steno-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.steno-shell{width:min(100% - 28px,540px)}.steno-crumbs{gap:7px;padding:13px 0 9px;font-size:11px}.steno-hero{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:4px;padding-bottom:14px}.steno-hero h1{font-size:clamp(29px,9vw,38px);letter-spacing:-1px}.steno-lead{margin:9px 0 13px;font-size:12px}.steno-stats{gap:7px}.steno-stat{min-height:49px;padding:7px 8px}.steno-stat-copy b{font-size:12px}.steno-stat-copy small{font-size:9px}.steno-art{order:-1;width:min(100%,330px);height:164px;margin:0 auto 7px}.steno-notes{top:20px;height:104px;padding-top:12px}.steno-notes strong{margin-bottom:7px;font-size:9px}.steno-notes i{margin:7px 0}.steno-notes em{font-size:6px}.steno-checklist{top:15px;height:104px;padding-top:21px}.steno-checklist b{margin-bottom:5px;font-size:8px}.steno-checkline{margin:5px 0}.steno-keyboard{bottom:13px;padding:6px;gap:3px}.steno-keyboard i{height:7px}.steno-modebar{grid-template-columns:1fr;gap:3px}.steno-modebar a{padding:8px 10px}.steno-modebar a>span{width:29px;height:29px}.steno-notice{margin:10px 0;padding:9px 10px}.steno-panel{margin-top:10px;padding:12px;border-radius:9px}.steno-section-title{gap:8px}.steno-section-title h2{font-size:14px}.steno-title-icon{width:28px;height:28px;border-radius:9px}.steno-bottom-grid,.steno-detail-grid,.steno-subject-grid{grid-template-columns:1fr}.steno-subject-card{min-height:0}.steno-format-grid{gap:7px}.steno-format-card{min-height:75px;padding:8px}.steno-ready-banner{flex-wrap:wrap;align-items:flex-start}.steno-ready-banner p{min-width:calc(100% - 46px)}.steno-ready-banner>a{margin-left:39px}.steno-benefit-grid,.steno-check-grid{grid-template-columns:1fr}.steno-pattern-table{min-width:0;table-layout:fixed}.steno-pattern-table td,.steno-pattern-table th{padding:8px 4px;overflow-wrap:anywhere}.steno-pattern-table th{font-size:10px}.steno-pattern-table th:first-child{width:40%}.steno-pattern-table th:nth-child(2),.steno-pattern-table th:nth-child(3){width:22%}.steno-pattern-table th:last-child{width:16%}.steno-bottom-grid{gap:0}.steno-resource-links{gap:6px}.steno-resource-links a{font-size:9px}}@media (prefers-reduced-motion:reduce){.steno-page *,.steno-page :after,.steno-page :before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.steno-shell{width:min(1152px,calc(100% - 32px))}.steno-crumbs{font-size:14px}.steno-eyebrow{font-size:12px}.steno-hero h1{font-size:clamp(30px,3.2vw,48px)}.steno-lead{font-size:14px;line-height:1.75}.steno-stat{min-height:62px;padding:10px 12px}.steno-stat-icon{width:40px;height:40px}.steno-stat-icon svg{width:20px;height:20px}.steno-stat-copy b{font-size:18px}.steno-stat-copy small{font-size:12px}.steno-modebar b{font-size:14px}.steno-modebar small{font-size:12px}.steno-notice p{font-size:13px}.steno-section-title h2{font-size:20px}.steno-section-intro{font-size:14px}.steno-subject-card{min-height:294px;padding:20px}.steno-subject-head h3{font-size:16px}.steno-cbt-pill,.steno-question-pill{font-size:12px}.steno-subject-card>p{font-size:14px}.steno-card-link{font-size:15px}.steno-format-card{min-height:82px;padding:12px}.steno-format-card b{font-size:12px}.steno-format-card small{font-size:11px}.steno-ready-banner p,.steno-ready-banner>a{font-size:12px}.steno-about>p{font-size:14px}.steno-about .steno-source-line,.steno-benefit-grid>span,.steno-check-grid>span,.steno-pattern-table{font-size:12px}.steno-pattern-table th{font-size:11px}.steno-grade-card b,.steno-skill-note,.steno-table-note{font-size:12px}.steno-grade-card small{font-size:11px}.steno-faq-list summary,.steno-tips-list p{font-size:12px}.steno-faq-list details>p{font-size:13px}.steno-bank-note,.steno-resource-links a{font-size:12px}@media (min-width:640px) and (max-width:1279px){.steno-shell{width:min(1152px,calc(100% - 48px))}}@media (min-width:1280px){.steno-shell{width:min(1152px,calc(100% - 64px))}}@media (max-width:639px){.steno-shell{width:min(calc(100% - 28px),540px)}.steno-crumbs{font-size:12px}.steno-hero h1{font-size:clamp(29px,9vw,38px)}.steno-lead{font-size:13px}.steno-stat{min-height:52px;padding:7px 8px}.steno-stat-icon{width:31px;height:31px}.steno-stat-icon svg{width:16px;height:16px}.steno-stat-copy b{font-size:13px}.steno-stat-copy small{font-size:10px}.steno-section-title h2{font-size:16px}.steno-section-intro{font-size:12px}.steno-subject-card{min-height:0;padding:16px}.steno-subject-head{align-items:flex-start}.steno-subject-icon{width:48px;height:48px}.steno-subject-icon svg{width:22px;height:22px}.steno-subject-head h3{font-size:15px}.steno-cbt-pill,.steno-question-pill{padding:6px 10px;font-size:11px}.steno-about>p{font-size:12px}.steno-bank-note,.steno-benefit-grid>span,.steno-check-grid>span,.steno-faq-list details>p,.steno-faq-list summary,.steno-format-card b,.steno-grade-card b,.steno-grade-card small,.steno-pattern-table,.steno-ready-banner p,.steno-resource-links a,.steno-skill-note,.steno-table-note,.steno-tips-list p{font-size:11px}.steno-format-card small{font-size:10px}}