:root{--ink:#182d41;--muted:#5d7082;--blue:#155bc1;--line:#dee7ef;--soft:#f3f7fb;--teal:#067c80}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.hc-shell{max-width:1200px;margin:auto;padding:0 28px}.hc-header{border-bottom:1px solid var(--line);background:#fff}.hc-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;gap:18px;align-items:center;color:var(--ink);font-size:18px;font-weight:700}.brand img{width:90px;height:52px;object-fit:contain}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.hc-header nav{display:flex;align-items:center;gap:24px;font-size:14px}.button{display:inline-block;border:1px solid var(--blue);background:var(--blue);color:#fff;padding:12px 20px;border-radius:10px;cursor:pointer;font-weight:600;white-space:nowrap}.button.small{padding:8px 14px}.button.outline{background:#fff;color:var(--blue)}.hero{background:radial-gradient(ellipse at 95% 15%,#d8edf3,transparent 58%),linear-gradient(120deg,#edf4fd,#f9fbfe);padding:58px 0 42px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--teal)}h1,h2,h3{line-height:1.22;letter-spacing:-.5px}h1{font-size:46px;margin:16px 0}.hero p{color:var(--muted);font-size:18px}.search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #bacfe2;border-radius:14px;padding:9px 10px 9px 20px;max-width:820px;box-shadow:0 8px 24px #1434550a;margin-top:26px}.search>span{font-size:28px}.search input{min-width:0;flex:1;border:0;padding:10px}.suggestions{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;font-size:12px}.suggestions span{color:var(--muted)}.browse{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding-top:44px;padding-bottom:40px}.browse aside h2{font-size:14px;margin-bottom:20px}.category{display:block;padding:9px 12px;border-radius:8px;color:var(--muted);font-size:14px;margin-bottom:4px}.category.active{background:#eaf2ff;color:var(--blue);font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head h2{font-size:25px;margin:8px 0 24px}.count{font-size:12px;background:var(--soft);border-radius:30px;padding:5px 12px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:22px;color:var(--ink);transition:box-shadow .15s,transform .15s}.guide-card:hover{box-shadow:0 8px 28px #17395810;transform:translateY(-2px);text-decoration:none;border-color:#b4c9df}.card-top{display:flex;justify-content:space-between;color:var(--teal);font-size:11px;font-weight:600}.guide-card h3{font-size:19px;margin:18px 0 9px}.guide-card p{color:var(--muted);font-size:13px;margin:0 0 24px;overflow-wrap:anywhere}.read{margin-top:auto;display:flex;justify-content:space-between;color:var(--blue);font-size:12px;font-weight:600}.pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin:32px 0;font-size:13px}.empty{padding:26px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:26px;padding-bottom:26px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.breadcrumbs{display:flex;gap:12px;padding:25px 0;font-size:12px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:65px;padding-bottom:50px}.guide h1{font-size:38px}.lead{font-size:18px;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line)}.link-button{background:none;border:0;padding:0;color:var(--blue);cursor:pointer;font-size:inherit}.notice{background:#fff5dd;border:1px solid #e9d6a8;border-radius:10px;padding:16px 20px;font-size:13px;margin:24px 0}.notice.subtle{background:var(--soft);border-color:var(--line);color:var(--muted)}.guide-section{scroll-margin-top:25px;margin:32px 0}.guide-section h2{font-size:23px}.guide-section h3{font-size:18px}.guide-section p,.guide-section li{font-size:15px}.guide-section li{padding:4px 0}.guide-section ol{padding-left:26px}.guide-section ol li::marker{color:var(--blue);font-weight:700}.guide-section table{width:100%;border-collapse:collapse;font-size:13px}.guide-section td,.guide-section th{padding:12px;border:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.guide-section th{background:var(--soft)}.guide-section code{overflow-wrap:anywhere}.anchor{font-size:15px;color:#90a4b5}.article-aside{font-size:13px}.article-aside form{display:grid;gap:8px;padding-bottom:24px}.article-aside input{min-width:0;width:100%;border:1px solid var(--line);padding:10px;border-radius:8px;font-size:12px}.article-aside details{border-left:2px solid var(--line);padding-left:18px}.article-aside summary{font-weight:700;cursor:pointer}.article-aside nav a{display:block;padding:7px 0;color:var(--muted)}.support{margin-top:24px;padding:18px;background:var(--soft);border-radius:12px;color:var(--muted)}.next{padding:24px;background:var(--soft);border-radius:14px;margin-top:40px}.next a{display:block;padding:6px 0}.next h2{margin:8px 0 16px}.guide-image{max-width:100%;height:auto;border:1px solid var(--line);border-radius:12px;cursor:zoom-in}dialog{max-width:94vw;max-height:94vh;border:0;border-radius:14px;padding:18px}dialog::backdrop{background:#102535b8}dialog img{display:block;max-width:85vw;max-height:78vh;object-fit:contain;margin-top:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.hc-shell{padding-left:18px;padding-right:18px}.hc-header-inner{min-height:76px;gap:12px}.brand small{display:none}.brand img{width:60px}.hc-header nav{gap:12px}.hc-header nav>a:not(.button){display:none}.hero{padding:34px 0 26px}h1{font-size:34px}.hero p{font-size:16px}.search{gap:5px;padding-left:10px}.search>span{display:none}.search .button{padding:10px;font-size:12px}.search input{font-size:13px}.browse{display:block;padding-top:24px}.browse aside{margin-bottom:24px}.category{display:inline-block;background:var(--soft);margin:3px;padding:7px 10px;font-size:12px}.browse aside h2{margin-bottom:8px}.article-grid{display:flex;flex-direction:column;gap:16px}.article-aside{order:-1}.article-aside .support,.article-aside form{display:none}.article-aside details{position:static}.article-aside nav{display:flex;flex-wrap:wrap;gap:2px 15px}.article-aside nav a{font-size:12px}.guide h1{font-size:31px}.footer{flex-direction:column;gap:8px}.guide-section table{display:block;overflow:auto}}@media(max-width:480px){.cards{grid-template-columns:1fr}.brand{gap:8px;font-size:15px}.hero h1 br{display:none}}@media print{.hc-header,.article-aside,.footer,.link-button,.breadcrumbs,dialog,.skip{display:none!important}.article-grid{display:block}.hc-shell{padding:0}.guide h1{font-size:25px}.guide-section h2{break-after:avoid}.guide-section tr{break-inside:avoid}.guide-section table{display:table}.guide p,.guide li{font-size:11pt}.guide-image{max-height:18cm}.notice{font-size:10pt}}

.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #155bc118}.search input:focus-visible{outline:none}
/* Keep search and its results together instead of a tall introductory banner. */
.hero{padding:24px 0}.hero h1{font-size:32px;margin:8px 0}.hero p{font-size:16px;margin:8px 0}.search{margin-top:16px;padding:6px 8px 6px 16px}.suggestions{margin-top:12px}.browse{padding-top:22px;gap:32px}.section-head h2{margin:6px 0 12px}.browse aside h2{margin-top:6px;margin-bottom:12px}.hero-results{padding:16px 0}.hero-results h1{font-size:22px;margin:0 0 10px}.hero-results .search{margin-top:0}.result-summary{margin:0 0 16px;overflow-wrap:anywhere}.browse-results .section-head h2{margin:0 0 8px}.browse-results .section-head{align-items:baseline}
@media(max-width:800px){.hero{padding:18px 0}.hero h1{font-size:26px}.hero-results{padding:12px 0}.hero-results h1{font-size:20px}.browse{padding-top:16px}.browse-results{display:flex;flex-direction:column;gap:24px}.browse-results>section{order:-1;min-width:0}.browse-results>aside{margin-bottom:0}.search input{font-size:16px}.hero-results .search{padding-left:8px}.result-summary{font-size:14px}}

@media screen and (min-width:801px){
  /* Keep the 2px keyboard outline and its 3px offset inside the scrollport. */
  .article-aside{position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow-y:auto;padding:6px}
}

.eyebrow sup{text-transform:none}
@media screen and (max-width:480px){.hc-header-inner{flex-wrap:wrap;gap:4px 12px;padding-top:8px;padding-bottom:8px}.hc-header nav{flex-wrap:wrap;gap:8px}}