.titration-hub-hero{padding-bottom:48px}.titration-hub-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:40px;align-items:center}.titration-hub-quick{background:rgba(255,255,255,.68);border:1px solid #d8cfbf;border-radius:16px;padding:22px}.titration-hub-quick>strong{display:block;color:var(--navy);font-size:1.06rem}.titration-hub-quick p{margin:.5rem 0 0;color:var(--muted)}
.titration-section-heading{align-items:start}.titration-tool-picker{padding-top:58px}.titration-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.titration-tool-card{display:flex;flex-direction:column;min-height:300px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 5px 18px rgba(16,43,63,.045);transition:.18s transform,.18s border-color,.18s box-shadow}.titration-tool-card:hover{transform:translateY(-3px);border-color:#a4bdb8;box-shadow:var(--shadow);color:var(--ink)}.titration-tool-card.is-existing{background:#fbfaf5}.titration-tool-card-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.titration-card-meta{display:grid;gap:3px;text-align:right;color:var(--muted);font-size:.78rem}.titration-tool-card-copy{display:grid;gap:7px;margin-top:18px}.titration-tool-card-copy strong{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:1.42rem;line-height:1.15}.titration-tool-card-copy small{color:var(--muted);font-size:.94rem;line-height:1.5}.titration-skill-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.titration-skill-list em,.titration-hero-skills span{font-style:normal;border:1px solid #cedbd7;background:#f1f6f4;border-radius:999px;padding:4px 8px;color:#36535c;font-size:.73rem;font-weight:700}.titration-tool-card>b{margin-top:auto;padding-top:18px;color:var(--teal2);font-size:.9rem}.titration-how-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:46px;align-items:center}.titration-how-grid .prose h2{margin-top:.2em}.titration-skill-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center}.titration-skill-map span{display:grid;place-items:center;min-height:96px;text-align:center;border:1px solid #cddbd7;background:#fff;border-radius:15px;padding:12px}.titration-skill-map strong{color:var(--navy)}.titration-skill-map small{color:var(--muted);line-height:1.35}.titration-skill-map i{font-style:normal;color:var(--teal);font-weight:900}.titration-skill-map span:nth-of-type(4),.titration-skill-map span:nth-of-type(5){grid-row:2}.titration-skill-map i:nth-of-type(4){grid-row:2}.titration-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.titration-note-grid article{border-left:4px solid var(--teal);background:#f7faf8;border-radius:0 14px 14px 0;padding:19px 20px}.titration-note-grid strong{color:var(--navy)}.titration-note-grid p{margin:.45rem 0 0;color:var(--muted)}
.titration-breadcrumb-inline{display:flex;gap:8px;align-items:center;margin-bottom:18px;font-size:.86rem}.titration-breadcrumb-inline a{color:var(--teal2)}.titration-breadcrumb-inline span{color:#87949a}.titration-breadcrumb-inline strong{font-weight:700;color:var(--muted)}.titration-hero-skills{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.titration-practice-shell{padding-top:54px}.titration-practice-app{max-width:980px;margin-inline:auto;padding:0;overflow:hidden}.titration-app-header{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:26px 30px 20px;border-bottom:1px solid var(--line);background:#fbfcfa}.titration-app-header h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:clamp(1.7rem,3vw,2.3rem);margin:.1em 0 0}.titration-session-summary{display:flex;gap:9px}.titration-session-summary span{min-width:92px;display:grid;text-align:center;border:1px solid #d2dfdc;background:#fff;border-radius:12px;padding:8px 10px}.titration-session-summary strong{font-size:1.3rem;color:var(--navy);line-height:1}.titration-session-summary small{font-size:.68rem;color:var(--muted);line-height:1.2;margin-top:4px}.titration-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:18px 30px;background:#f3f7f5;border-bottom:1px solid var(--line)}.titration-toolbar label{display:grid;gap:5px;font-size:.82rem;font-weight:750;color:var(--navy)}.titration-toolbar select{min-width:170px;background:#fff;border:1px solid #a9b8b5;border-radius:9px;padding:8px 10px;color:var(--ink)}.titration-toolbar .button{margin-left:auto;min-height:41px}.titration-question-stage{padding:28px 30px 32px}.titration-question-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.titration-question-meta span{background:#edf3f1;border:1px solid #d2ddda;border-radius:999px;padding:4px 9px;font-size:.74rem;font-weight:750;color:#415862}.titration-question{background:#f7f8f5;border:1px solid #e0e4df;border-radius:15px;padding:22px 24px;font-size:1.03rem}.titration-question p:first-child{margin-top:0}.titration-question p:last-child{margin-bottom:0}.titration-equation{display:block;overflow-x:auto;padding:12px 14px;background:#fff;border:1px solid #d8dedb;border-radius:10px;color:var(--navy);font-family:Georgia,"Times New Roman",serif;text-align:center;font-size:1.05rem}.titration-answer{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:22px 0 8px}.titration-answer>#tit-answer-control{flex:1;min-width:260px}.titration-number-answer{display:grid;gap:7px;color:var(--navy);font-weight:750}.titration-number-entry{display:flex;align-items:center;border:1px solid #9eaeaa;border-radius:10px;background:#fff;overflow:hidden;max-width:370px}.titration-number-entry input{min-width:0;width:100%;border:0;padding:11px 12px;outline:0;background:#fff;color:var(--ink)}.titration-number-entry:focus-within{box-shadow:0 0 0 3px rgba(23,124,122,.14);border-color:var(--teal)}.titration-number-entry b{padding:0 12px;color:var(--muted);font-size:.88rem;white-space:nowrap}.titration-options{border:0;padding:0;margin:0;display:grid;gap:9px}.titration-options legend{font-weight:800;color:var(--navy);margin-bottom:7px}.titration-options label{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:11px 13px;border:1px solid #c8d3d0;border-radius:10px;background:#fff;cursor:pointer}.titration-options label:hover{background:#f1f7f4;border-color:#9dbbb4}.titration-options input{margin-top:.3em;accent-color:var(--teal)}.titration-help-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}.titration-solution h3{margin-top:0;color:var(--navy);font-family:Georgia,"Times New Roman",serif}.titration-solution ol{margin-bottom:0}.titration-app-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding:17px 30px;background:#fbfcfa;font-size:.88rem}.titration-app-footer>a{font-weight:750}.titration-app-footer>span{color:var(--muted);text-align:right}.titration-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.titration-related-grid a{display:grid;gap:5px;border:1px solid #cad8d4;border-radius:13px;background:#fff;padding:17px 18px;text-decoration:none;color:var(--ink)}.titration-related-grid a:hover{border-color:#9fbcb5;color:var(--ink)}.titration-related-grid strong{color:var(--navy)}.titration-related-grid small{color:var(--muted)}
@media(max-width:960px){.titration-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.titration-how-grid{grid-template-columns:1fr}.titration-skill-map{max-width:720px}.titration-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.titration-hub-hero-grid{grid-template-columns:1fr}.titration-hub-quick{max-width:620px}.titration-note-grid{grid-template-columns:1fr}.titration-app-header{align-items:start;flex-direction:column}.titration-session-summary{width:100%}.titration-session-summary span{flex:1}.titration-toolbar .button{margin-left:0}.titration-skill-map{grid-template-columns:1fr}.titration-skill-map i{transform:rotate(90deg);text-align:center}.titration-skill-map span:nth-of-type(4),.titration-skill-map span:nth-of-type(5),.titration-skill-map i:nth-of-type(4){grid-row:auto}}
@media(max-width:580px){.titration-tool-grid{grid-template-columns:1fr}.titration-tool-card{min-height:0}.titration-app-header,.titration-toolbar,.titration-question-stage,.titration-app-footer{padding-left:20px;padding-right:20px}.titration-toolbar{align-items:stretch;flex-direction:column}.titration-toolbar label,.titration-toolbar select,.titration-toolbar .button{width:100%}.titration-answer{align-items:stretch;flex-direction:column}.titration-answer .button{width:100%}.titration-related-grid{grid-template-columns:1fr}.titration-app-footer{align-items:flex-start;flex-direction:column}.titration-app-footer>span{text-align:left}}

.titration-toolbar label > small {
  display: block;
  max-width: 18rem;
  margin-top: .35rem;
  color: var(--muted, #60717b);
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.3;
}

.titration-next-step{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:22px;padding:20px 22px;border:1px solid #bed4ce;border-radius:14px;background:#f2f8f5}.titration-next-step[hidden]{display:none}.titration-next-step h3{margin:.15rem 0 .35rem;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:1.3rem}.titration-next-step p{margin:0;color:var(--muted);max-width:650px}.titration-next-step .button-row{flex:0 0 auto;margin:0}
.titration-progress-nudge{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:18px;padding:14px 16px;border-top:1px solid #dbe5e1;border-bottom:1px solid #dbe5e1;background:#fbfdfc}.titration-progress-nudge[hidden]{display:none}.titration-progress-nudge strong{color:var(--navy)}.titration-progress-nudge p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.titration-progress-nudge>a{flex:0 0 auto;font-weight:750}
@media(max-width:760px){.titration-next-step,.titration-progress-nudge{align-items:flex-start;flex-direction:column}.titration-next-step .button-row{width:100%}.titration-next-step .button{flex:1}.titration-progress-nudge>a{align-self:flex-start}}
@media(max-width:580px){.titration-next-step .button-row{display:grid;width:100%}.titration-next-step .button{width:100%}}