.hh-page{--hh-ink:#1b324c;--hh-blue:#28529e;--hh-rule:#d6dcdd;--hh-muted:#536274;color:var(--hh-ink);max-width:1264px;margin:0 auto;padding:30px clamp(20px,5vw,64px) 72px;font-family:Arial,Helvetica,sans-serif}
.hh-crumb{display:flex;align-items:center;gap:10px;color:var(--hh-muted);font:normal .81rem/1.5 Arial,sans-serif}.hh-crumb a{color:inherit;text-decoration:none}.hh-crumb a:hover,.hh-sources a:hover{text-decoration:underline}
.hh-heading{margin:36px 0 25px}.hh-page .hh-kicker{margin:0 0 10px;color:var(--hh-blue);font:700 .72rem/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.hh-heading h1{max-width:930px;margin:0;color:var(--hh-ink);font:normal clamp(2.55rem,5.3vw,4.7rem)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.058em}.hh-heading>p:last-child{max-width:780px;color:var(--hh-muted);font:normal clamp(1rem,1.45vw,1.16rem)/1.55 Arial,sans-serif;margin:16px 0 0}
.hh-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(90px,.26fr);align-items:end;gap:18px;padding:20px 22px;background:#fffefa;border:1px solid var(--hh-rule);border-radius:5px}.hh-controls label{display:flex;flex-direction:column;gap:7px;min-width:0;font:700 .86rem/1.4 Arial,sans-serif}.hh-controls select{width:100%;min-width:0;height:45px;padding:0 7px;border:1px solid #aab6c4;border-radius:4px;color:var(--hh-ink);font:normal .95rem/1.2 Arial,sans-serif;background:white;cursor:pointer}
.hh-output-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:28px 0 10px}.hh-output-head h2{margin:0;font:normal 1.55rem/1.15 Georgia,serif;letter-spacing:-.035em}.hh-output-head span{color:var(--hh-muted);font-size:.82rem}.hh-results,.hh-details-grid{display:grid;gap:15px}.hh-results.is-pair,.hh-details-grid.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.hh-result{padding:23px clamp(16px,3vw,30px) 22px;border:1px solid #cbd6e1;border-top:3px solid #28529e;background:#f0f4f8;border-radius:3px;color:var(--hh-ink);min-width:0}.hh-result-1{background:#f6f1ed;border-color:#dccfc7;border-top-color:#a44639}.hh-result .hh-label{font:700 .69rem/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#34588b}.hh-result-1 .hh-label{color:#854536}.hh-result h2{font:normal clamp(1.28rem,2.1vw,1.8rem)/1.15 Georgia,serif;letter-spacing:-.035em;margin:7px 0 13px}.hh-number{font:normal clamp(2.9rem,5.6vw,4.75rem)/1 Georgia,serif;letter-spacing:-.063em;white-space:nowrap}.hh-number span{font:normal clamp(1.05rem,2vw,1.6rem)/1 Georgia,serif;letter-spacing:-.025em;white-space:nowrap}.hh-direction{font-size:.91rem;line-height:1.45;margin:5px 0 0;color:#3c526a}.hh-case-desc{color:#44556a;font:.93rem/1.5 Arial,sans-serif;margin:16px 0 0;max-width:55em}.hh-inherited{border-top:1px solid #c3ced9;margin:16px 0 0;padding:13px 0 0;display:flex;flex-direction:column;gap:4px;font:.85rem/1.4 Arial,sans-serif}.hh-inherited strong{font-size:1rem;color:var(--hh-ink)}.hh-inherited small{font-size:.78rem;color:var(--hh-muted)}.hh-jump{display:inline-block;margin-top:7px;align-self:flex-start;border:0;background:transparent;color:var(--hh-blue);font:600 .82rem/1.45 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;padding:0;cursor:pointer}
@media(min-width:800px){.hh-results:not(.is-pair) .hh-result{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-content:start}.hh-results:not(.is-pair) .hh-result .hh-label,.hh-results:not(.is-pair) .hh-result h2,.hh-results:not(.is-pair) .hh-number,.hh-results:not(.is-pair) .hh-direction{grid-column:1}.hh-results:not(.is-pair) .hh-result .hh-case-desc{grid-column:2;grid-row:1/3;margin:0;align-self:start}.hh-results:not(.is-pair) .hh-result .hh-inherited{grid-column:2;grid-row:3/5;margin:2px 0 0}.hh-results:not(.is-pair) .hh-result:not(:has(.hh-inherited)) .hh-case-desc{grid-row:1/5;align-self:center}}
.hh-cross{font:.85rem/1.55 Arial,sans-serif;color:var(--hh-muted);margin:10px 0 0}.hh-chartbox{border:1px solid var(--hh-rule);border-radius:4px;padding:clamp(16px,3vw,31px);background:#fffefa;margin:24px 0 32px}.hh-smallhead h2,.hh-method h2{margin:0;color:var(--hh-ink);font:normal clamp(1.8rem,3.2vw,2.8rem)/1.1 Georgia,serif;letter-spacing:-.055em}.hh-intro,.hh-method p,.hh-disclosure p{font:normal .96rem/1.58 Arial,sans-serif;color:var(--hh-muted)}.hh-intro{max-width:62em;margin:10px 0 16px}.hh-detail{background:#fffefa;border:1px solid var(--hh-rule);border-radius:4px;min-width:0;padding:17px 19px}.hh-detail h3,.hh-method h3{margin:0 0 12px;font:normal 1.3rem/1.25 Georgia,serif;letter-spacing:-.035em}.hh-table{border-collapse:collapse;width:100%;font:normal .88rem/1.45 Arial,sans-serif;color:var(--hh-ink);font-variant-numeric:tabular-nums}.hh-table td,.hh-table th{border-bottom:1px solid #dce0de;padding:8px 6px;text-align:right}.hh-table th:first-child{text-align:left}.hh-table td{white-space:nowrap}.hh-table tbody th{font-weight:400}.hh-table thead{color:#45566c}.hh-table tfoot{font-weight:700;background:#edf2f7}.hh-disclosure{margin:13px 0 0;border-block-end:1px solid var(--hh-rule);padding:4px 0 12px}.hh-disclosure summary{color:var(--hh-blue);font-size:.95rem;font-weight:600;cursor:pointer;line-height:1.5;padding-block:5px}.hh-disclosure>div{padding:4px 1px 3px;max-width:950px}.hh-disclosure .hh-table{max-width:690px}.hh-explainer{background:#edf2f7;padding:12px 15px;border-left:3px solid #496a9e}.hh-method{margin-top:35px;padding-top:24px;border-top:1px solid var(--hh-rule)}.hh-method>p{max-width:820px}.hh-method article{margin:10px 0 18px}.hh-method article p{margin:7px 0}.hh-sources{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:18px}.hh-sources a{font:600 .88rem/1.45 Arial,sans-serif;color:var(--hh-blue);text-underline-offset:3px}
@media(max-width:740px){.hh-controls{grid-template-columns:minmax(0,1fr) 85px;gap:12px}.hh-controls label:nth-child(2){grid-column:1;grid-row:2}.hh-controls label:last-child{grid-column:2;grid-row:1}.hh-results.is-pair,.hh-details-grid.is-pair{grid-template-columns:minmax(0,1fr)}.hh-heading{margin:25px 0 20px}.hh-output-head{flex-wrap:wrap;gap:4px 12px}.hh-chartbox{margin-top:18px}.hh-result{padding:17px}}
@media(max-width:480px){.hh-page{padding:21px 18px 44px}.hh-controls{grid-template-columns:minmax(0,1fr);padding:14px;gap:10px}.hh-controls label:nth-child(2),.hh-controls label:last-child{grid-column:auto;grid-row:auto}.hh-controls label:last-child{max-width:120px}.hh-controls select{height:41px;font-size:.9rem}.hh-table{font-size:.78rem}.hh-table th,.hh-table td{padding:7px 3px}.hh-detail{padding:13px}.hh-results.is-pair{gap:9px}.hh-output-head span{font-size:.76rem}.hh-number{font-size:3.15rem}.hh-direction{font-size:.86rem}}

.hh-modes{display:flex;align-items:center;flex-wrap:wrap;gap:5px 18px;margin:-4px 0 18px;font:600 .88rem/1.45 Arial,sans-serif}
.hh-modes>[aria-current="page"]{border-bottom:2px solid var(--hh-blue);color:var(--hh-ink);padding:8px 0}
.hh-modes>a{display:inline-flex;align-items:center;gap:7px;color:var(--hh-blue);padding:8px 0;text-decoration:none}
.hh-modes>a:hover{text-decoration:underline;text-underline-offset:3px}

.hh-modes button{padding:8px 0;border:0;background:none;color:var(--hh-blue);font:inherit;cursor:pointer}
.hh-modes button:hover{text-decoration:underline;text-underline-offset:3px}
.hh-examples{border-top:1px solid var(--hh-rule);padding-top:24px;margin:36px 0}
.hh-examples h2{font:normal clamp(1.8rem,3.2vw,2.8rem)/1.1 Georgia,serif;letter-spacing:-.045em;margin:0}
.hh-examples h3{font:normal 1.4rem/1.25 Georgia,serif;margin:24px 0 8px}
.hh-examples p{font:.96rem/1.55 Arial,sans-serif;color:var(--hh-muted);max-width:820px;margin:0 0 12px}
.hh-example-table{overflow-x:auto;border:1px solid var(--hh-rule);border-radius:4px;background:#fffefa;padding:3px 10px}
.hh-example-table table{min-width:575px}.hh-example-table th{vertical-align:middle}.hh-example-table small{display:block;color:var(--hh-muted);font-size:.76rem;margin-top:3px}
.hh-example-table th a,.hh-expert-link{color:var(--hh-blue);text-underline-offset:3px}.hh-expert-link{display:inline-block;margin-top:14px;font:600 .9rem/1.45 Arial,sans-serif}
