.modern-subpage #content.ht-page{--ht-ink:#233d4b;--ht-muted:#536c7b;--ht-line:#d5e1e7;--ht-soft:#f2f7f8;--ht-accent:#087f73;--ht-panel:#fff;color:var(--ht-ink);font-size:16px;line-height:1.7;letter-spacing:0}
.ht-page *{box-sizing:border-box;letter-spacing:0;min-width:0}.ht-page [hidden]{display:none!important}.ht-page svg [hidden]{display:none!important}
.modern-subpage #content.ht-page>header>p{color:var(--ht-muted);font-size:16px;line-height:1.7;margin:10px 0}.modern-subpage #content.ht-page>header>.ht-kicker{color:var(--ht-accent);font-size:13px;font-weight:700}.modern-subpage #content.ht-page h1{font-size:34px;line-height:1.25;color:var(--ht-ink);margin:10px 0 14px}.modern-subpage #content.ht-page h2{font-size:21px;line-height:1.5;color:var(--ht-ink);margin:0 0 14px}.modern-subpage #content.ht-page h3{font-size:18px;line-height:1.5;color:var(--ht-ink);margin:22px 0 10px}.modern-subpage #content.ht-page p{color:var(--ht-muted);font-size:15px;overflow-wrap:anywhere}.modern-subpage #content.ht-page .ht-small{font-size:13px;line-height:1.8;margin:12px 0}.ht-workspace{border-top:1px solid var(--ht-line);padding-top:20px;margin-top:24px}
.ht-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;background:var(--ht-soft);border-radius:6px;margin-bottom:20px}.ht-page button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:44px;height:auto;padding:10px 14px;border:1px solid var(--ht-line);border-radius:6px;background:var(--ht-panel);color:var(--ht-ink);font:700 14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:normal;text-transform:none;box-shadow:none;cursor:pointer;margin:0;overflow-wrap:anywhere}.ht-page button:hover{background:var(--ht-soft);border-color:#80afa7}.ht-page button:disabled{opacity:.5;cursor:not-allowed}.ht-modes button{font-size:13px;padding:10px 4px;background:transparent;border-color:transparent}.ht-modes button[aria-pressed=true]{color:var(--ht-accent);background:var(--ht-panel);border-color:#b6d8d0}.ht-page .ht-primary{background:#087f73;color:#fff;border-color:#087f73}.ht-page .ht-primary:hover{background:#076b62}.ht-page :is(button,input,select,summary,a):focus-visible{outline:3px solid #398fae;outline-offset:3px}
.ht-page label{display:block;font-size:14px;font-weight:700;color:var(--ht-ink);line-height:1.5;margin:0}.modern-subpage #content.ht-page :is(input:not([type=checkbox]),select,textarea){width:100%;max-width:100%;min-height:46px;height:46px;padding:10px 12px;border:1px solid #bed0d9;border-radius:6px;background-color:var(--ht-panel);color:var(--ht-ink);font:400 16px/1.4 inherit;font-family:inherit;font-size:16px;margin:7px 0 0;box-shadow:none}.ht-page input[aria-invalid=true]{border-color:#ad4545!important;outline:1px solid #ad4545}.ht-settings,.ht-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ht-settings{margin-bottom:22px}.ht-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ht-page form{margin:0}.ht-mode>label{max-width:360px;margin-bottom:16px}.ht-page .ht-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.ht-actions button{flex:0 1 auto}.ht-examples{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:16px 0 4px;border-top:1px solid var(--ht-line)}.ht-examples>span{font-size:12px;font-weight:700;color:var(--ht-muted);margin-right:4px}.ht-examples button{font-size:12px;min-height:36px;padding:7px 10px}.modern-subpage #content.ht-page #ht-message{font-size:13px;min-height:23px;color:var(--ht-accent);margin:12px 0}.modern-subpage #content.ht-page #ht-message.ht-error{color:#a13232}
.ht-answer{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;background:#ecf7f3;border-block:1px solid #c1ded5;padding:18px 20px;margin-top:18px;min-height:86px}.ht-answer>span:first-child{flex-basis:100%;font-size:13px;color:var(--ht-muted);font-weight:700}.ht-answer output{font-size:30px;font-weight:800;line-height:1.3;color:#075e55;overflow-wrap:anywhere}.ht-answer>span:last-child{font-size:15px;color:var(--ht-muted)}.ht-page #ht-check-result{padding:14px 0;border-bottom:1px solid var(--ht-line);font-size:14px;overflow-wrap:anywhere}
.ht-visual{margin-top:18px}.ht-page figure{margin:0}.ht-page #ht-svg{display:block;width:100%;max-width:540px;aspect-ratio:500/350;height:auto;margin:0 auto;overflow:visible}.ht-page svg text{fill:var(--ht-ink);font:600 20px sans-serif;text-anchor:middle;paint-order:stroke;stroke:var(--ht-panel);stroke-width:4px;stroke-linejoin:round}.ht-page svg .ht-label-c{fill:var(--ht-accent);font-weight:800}.ht-page svg .ht-label-empty{font-size:15px;font-weight:400;fill:var(--ht-muted)}.ht-shape{fill:#e7f5ef;stroke:#087f73;stroke-width:3}.ht-right{fill:none;stroke:#546b78;stroke-width:2}.ht-altitude{fill:none;stroke:#b87529;stroke-width:2;stroke-dasharray:5 4}.ht-rectangle-outline{fill:none;stroke:#7c8f9f;stroke-width:2}.ht-page figcaption{font-size:13px;line-height:1.8;color:var(--ht-muted);padding:0 0 12px;overflow-wrap:anywhere}.ht-drawing-settings{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,1fr);gap:16px;align-items:center;margin:6px 0 22px}.ht-page .ht-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400}.ht-page input[type=checkbox]{appearance:auto;position:static;opacity:1;width:18px;height:18px;flex:0 0 18px;margin:0}
.ht-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:20px 0}.ht-metrics>div{border-top:1px solid var(--ht-line);padding:12px 0}.ht-metrics dt{font-size:13px;color:var(--ht-muted);font-weight:400}.ht-metrics dd{font-size:17px;line-height:1.6;margin:5px 0 0;font-weight:700;overflow-wrap:anywhere}.ht-steps{padding-top:22px;margin-top:14px;border-top:1px solid var(--ht-line)}.ht-page #ht-steps{padding-left:24px;margin:0}.ht-page #ht-steps li{font-size:15px;line-height:1.9;color:var(--ht-ink);padding:5px 0 5px 5px;overflow-wrap:anywhere}.ht-copy{padding-top:16px;border-top:1px solid var(--ht-line)}.modern-subpage #content.ht-page textarea{height:170px;min-height:170px}.ht-section{border-top:1px solid var(--ht-line);padding-top:28px;margin-top:30px}.ht-page .ht-formula{font-size:18px;color:var(--ht-ink);font-weight:600;overflow-wrap:anywhere}.ht-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ht-related a{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--ht-line);border-radius:6px;color:var(--ht-ink);text-decoration:none}.ht-related strong{font-size:16px}.ht-related span{font-size:13px;color:var(--ht-muted);line-height:1.8}.ht-page .ht-table-wrap{max-width:100%;overflow-x:auto}.ht-page table{width:100%;font-size:14px;border-collapse:collapse;margin:16px 0}.ht-page table tr{background:transparent!important;border-bottom:1px solid var(--ht-line)}.ht-page table :is(th,td){padding:10px 8px;font-size:14px;line-height:1.7;overflow-wrap:anywhere;color:var(--ht-ink)}.ht-page table th{background:var(--ht-soft)}.ht-page ul{padding-left:22px;color:var(--ht-muted)}.ht-page ul li{font-size:15px;margin:8px 0}.ht-page .ht-unit-note{font-size:12px;color:var(--ht-muted)}
@media(max-width:760px){.ht-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.ht-modes button:nth-child(4){grid-column:1/2}.ht-modes button:nth-child(5){grid-column:2/4}}
@media(max-width:600px){.modern-subpage #content.ht-page{padding:20px}.modern-subpage #content.ht-page h1{font-size:28px}.modern-subpage #content.ht-page h2{font-size:19px}.modern-subpage #content.ht-page>header>p{font-size:14px}.ht-workspace{margin-top:18px;padding-top:16px}.ht-modes{margin-bottom:16px}.ht-settings{margin-bottom:18px}.ht-fields,.ht-settings{gap:12px}.ht-three{grid-template-columns:1fr}.ht-answer{padding:15px}.ht-answer output{font-size:27px}.ht-metrics{gap:0 14px}.ht-metrics dd{font-size:16px}.ht-drawing-settings{grid-template-columns:1fr;gap:12px}.ht-related{grid-template-columns:1fr}.ht-actions button{flex:1 1 auto}.ht-examples button{min-height:40px}.ht-page #ht-steps li{font-size:14px}.ht-page svg text{font-size:22px}.ht-section{margin-top:24px;padding-top:24px}}
@media(max-width:359px){.ht-fields{grid-template-columns:1fr}.ht-page label{font-size:13px}.ht-metrics{grid-template-columns:1fr}.ht-metrics>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ht-metrics dd{text-align:right}.ht-modes button{font-size:12px}}
@media(prefers-color-scheme:dark){body.ht-body{--modern-bg:#10242b;--modern-panel:#1c323c;--modern-panel-soft:#223d46;--modern-text:#e3edef;--modern-muted:#b2c5cf;--modern-line:#40565f;background:#10242b}.modern-subpage #content.ht-page{--ht-ink:#e3edef;--ht-muted:#b2c5cf;--ht-line:#40565f;--ht-soft:#223d46;--ht-accent:#8ad6c7;--ht-panel:#1c323c;background:var(--ht-panel);color-scheme:dark}.ht-answer{background:#1b443b;border-color:#4c7e6e}.ht-answer output{color:#a8e5d7}.ht-shape{fill:#214b41;stroke:#8ad6c7}.ht-right{stroke:#bdd1d8}.modern-subpage #content.ht-page #ht-message.ht-error{color:#ffc0bf}.ht-body.modern-subpage #sidebar .modern-sidebar-card{background:#1c323c;border-color:#40565f}.ht-body.modern-subpage #sidebar :is(h2,h3,a,strong,label){color:#e3edef}.ht-body.modern-subpage #sidebar :is(input,select){background-color:#1c323c;color:#e3edef}.ht-body.modern-subpage #sidebar :is(.modern-sidebar-links a,.modern-category-group,.modern-category-subgroup-toggle){background:#223d46}.ht-body.modern-subpage #sidebar .modern-category-list a{background:#1c323c;color:#e3edef}.ht-body .modern-sidebar-body{background:#10242b}.ht-body .modern-site-header{background:#1c323c}.ht-body .modern-site-header .modern-brand,.ht-body .modern-site-header .modern-primary-nav>a,.ht-body .modern-category-menu>summary{color:#e3edef}.ht-body .modern-category-menu-panel,.ht-body .modern-search-results{background:#223d46}.ht-body .modern-category-menu-panel a,.ht-body .modern-category-menu-panel strong,.ht-body .modern-search-results a strong{color:#e3edef}.ht-body.modern-subpage .modern-tool-search input[type=search]{background:#1c323c;color:#e3edef}.ht-body #content.ht-page a{color:#8ad6c7}}
@media(prefers-reduced-motion:reduce){.ht-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}