/* Reading tools share the site's canvas; all selectors stay outside device internals. */
.hl-feature{--cf-bg:#f6f5f0;--cf-ink:#243b3d;--cf-muted:#586b68;--cf-line:#d8dfd7;--cf-accent:#356b60;box-sizing:border-box;color:var(--cf-ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:normal;overflow-wrap:anywhere}
html[data-theme=dark] .hl-feature{--cf-bg:#172426;--cf-ink:#e4ece8;--cf-muted:#b0c0bb;--cf-line:#3a4d4c;--cf-accent:#8fc8b6}
.hl-feature *{box-sizing:border-box}.hl-feature a{color:var(--cf-accent);text-decoration:underline;text-underline-offset:4px}.hl-feature a:hover{opacity:.8}.hl-feature :focus-visible{outline:2px solid var(--cf-accent);outline-offset:4px}.hl-feature h1{font-size:32px;margin:24px 0}.hl-feature h2{font-size:23px;margin:20px 0 14px;line-height:1.5;letter-spacing:normal}.hl-feature h3{font-size:19px;line-height:1.6}.hl-feature p{margin:12px 0}.hl-feature small,.hl-muted,.hl-dates{color:var(--cf-muted);font-size:13px}.hl-feature button,.hl-feature select,.hl-feature input,.hl-feature textarea{font:inherit;color:var(--cf-ink);background:var(--cf-bg);border:1px solid var(--cf-line);border-radius:5px;padding:9px 12px;max-width:100%;min-width:0;min-height:44px}.hl-feature button{cursor:pointer;white-space:normal}.hl-feature button:hover{border-color:var(--cf-accent)}.hl-feature textarea{display:block;width:100%;resize:vertical;line-height:1.7}.hl-feature form{margin:0}.hl-feature label{display:block;margin:12px 0}.hl-feature label>input,.hl-feature label>select{display:block;width:100%;margin-top:6px}.hl-feature summary{cursor:pointer;min-height:44px;display:list-item;padding:8px 0;list-style:disclosure-closed}.hl-feature details[open]>summary,.hl-toc[open]>summary{list-style-type:disclosure-open}.hl-feature details{border:0;border-radius:0;background:none;box-shadow:none}.hl-feature nav{padding:0;background:none;border:0;box-shadow:none}.hl-toc{margin:28px 0;padding:4px 0;border:0;border-radius:0;background:transparent;box-shadow:none;border-block:1px solid var(--cf-line)!important}.hl-toc>summary{list-style-position:inside;padding:10px 8px;line-height:1.6}.hl-toc>summary:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px;border-radius:3px}.hl-toc nav{display:grid;gap:6px;padding:10px 8px 16px}.hl-toc:not([open])>nav{display:none}.hl-toc a{display:block;font-size:15px;line-height:1.65}.hl-reading-tools{max-width:820px;margin:48px auto 70px;padding:0 24px}.hl-toolbar{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}.hl-toolbar a{padding:9px 0;min-height:44px}.hl-toolbar form{display:inline-flex}.hl-copy-status{font-size:13px;color:var(--cf-muted)}.hl-related{border-block:1px solid var(--cf-line);padding:18px 0;margin:24px 0;display:grid;gap:5px}.hl-related>span{font-size:12px;color:var(--cf-muted)}.hl-feedback{margin:18px 0}.hl-discussion{border-top:1px solid var(--cf-line);padding-top:24px;margin-top:24px;scroll-margin-top:24px}.hl-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hl-section-heading nav{display:flex;gap:16px;font-size:13px}.hl-feature [aria-current]{font-weight:700}.hl-form-end{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0}.hl-comment-form .hl-form-end button,.hl-search-form>button{background:var(--cf-ink);color:var(--cf-bg)}.hl-thread{border-top:1px solid var(--cf-line);margin-top:24px;padding-top:18px}.hl-comment{scroll-margin-top:24px;min-width:0}.hl-comment-meta{display:flex;gap:8px 14px;align-items:baseline;flex-wrap:wrap;font-size:13px;color:var(--cf-muted)}.hl-comment-meta strong{font-size:15px;color:var(--cf-ink)}.hl-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.85}.hl-reply{margin:20px 0 0 20px;padding-left:18px;border-left:2px solid var(--cf-line)}.hl-feature .hl-quiet{padding:0;border:0;color:var(--cf-muted);font-size:13px}.hl-reply-form{margin-top:8px}.hl-reply-form summary{font-size:13px;color:var(--cf-accent)}.hl-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:28px 0;font-size:14px}.hl-pagination a{min-height:44px;display:inline-flex;align-items:center}.hl-feature-page{max-width:820px;margin:45px auto 80px;padding:0 20px}.hl-search-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:22px 0}.hl-search-form label{margin:0;flex:1 1 180px;min-width:0}.hl-search-form>button{flex:0 0 auto}.hl-result{padding:24px 0;border-top:1px solid var(--cf-line);min-width:0}.hl-result h2{font-size:21px;margin:6px 0 12px}.hl-result h2 a{text-decoration:none}.hl-result>small{display:block}.hl-tabs{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0 28px}.hl-tabs a{padding:10px 0}.hl-tabs [aria-current]{border-bottom:2px solid currentColor;text-decoration:none}.hl-empty{padding:35px 0}.hl-message{padding:10px 14px;border-left:3px solid var(--cf-accent)}.hl-feed-link{font-size:13px}.hl-unread{display:block;font-size:12px;color:var(--hl-muted)}.hl-resume{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:10px 0;font-size:13px}.hl-resume button{font-size:13px}.hl-feature [hidden]{display:none!important}
/* Inline tools fit the editorial column, not the wider interactive stage. */
.article-layout .hl-reading-tools{grid-column:2;margin:24px 0 50px;padding:0}.hl-feature-page~footer{margin-top:40px}
@media(min-width:1500px){body:has(.blog-article) .hl-toc{position:relative}.hl-toc[open] nav{grid-template-columns:1fr 1fr;column-gap:30px}}
@media(max-width:600px){.hl-feature-page{margin-top:28px;padding:0 4px}.hl-reading-tools{padding:0 12px;margin:30px auto 50px}.hl-toolbar{gap:8px 14px}.hl-form-end{align-items:start;flex-direction:column}.hl-reply{margin-left:8px;padding-left:12px}.hl-search-form{display:grid;grid-template-columns:1fr}.hl-search-form>button{justify-self:start}.hl-feature h1{font-size:28px}.hl-feature .hl-result h2{font-size:20px}.hl-feature textarea{font-size:16px}.hl-header .hl-search-link{font-size:12px;padding-inline:0}.hl-header .hl-account{gap:8px}.hl-header .hl-brand{gap:6px}.article-layout .hl-reading-tools{padding:0}.hl-toc nav{display:grid}}
@media(max-width:360px){.hl-header{padding-inline:10px;column-gap:8px}.hl-header .hl-brand{font-size:16px}.hl-header .hl-mark{font-size:21px}.hl-header .hl-account{gap:6px}.hl-header .hl-account>a{font-size:11px}}
.hl-header .hl-avatar{position:relative}.hl-reply-dot{position:absolute;width:7px;height:7px;border-radius:50%;right:-2px;top:0;background:#b36a31;border:1px solid var(--hl-bg)}.hl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}