/* Additive Blog UI. Existing UGREEN layout and client-editable controls are preserved. */
.blog-scope{--blog-accent:#ff510d;--blog-accent-text:#b73d0b;--blog-ink:#242629;--blog-muted:#626871;--blog-line:#e1e3e6;font-size:14px;color:var(--blog-ink)}
#brand-question-panel[hidden],#blog-question-panel[hidden],.blog-pagination[hidden]{display:none!important}
.blog-scope button,.blog-tabbar button{cursor:pointer;font:inherit}.blog-scope button:disabled{opacity:.5;cursor:default}.blog-scope button:focus-visible,.blog-scope a:focus-visible,.blog-tabbar button:focus-visible{outline:2px solid #b73d0b;outline-offset:3px}
.blog-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:0 0 16px}.blog-toolbar label{display:grid;gap:6px;color:var(--blog-muted);font-size:14px}.blog-toolbar select,.blog-chart-selector select{font-size:14px;padding:8px 30px 8px 11px;min-height:39px;max-width:100%;border:1px solid var(--blog-line);border-radius:6px;background-color:#fff;color:var(--blog-ink)}
.blog-batch-tag{margin-left:auto;align-self:center;font-size:13px;background:#f3f3f4;border-radius:6px;padding:6px 10px;color:var(--blog-muted)}
.blog-meta,.blog-scope-note{color:var(--blog-muted);font-size:13px;line-height:1.75}.blog-scope-note{margin:12px 0 20px;max-width:1100px}.blog-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-metric{background:#fff;border:1px solid var(--blog-line);border-radius:10px;padding:15px 18px;text-align:left;color:var(--blog-ink);display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:border-color .18s,background .18s}.blog-metric:hover{border-color:#ff510d;background:#fffcfa}.blog-metric>span:first-child{font-size:13px;color:var(--blog-muted)}.blog-metric strong{font-size:26px;line-height:1.25;letter-spacing:-.4px;margin:6px 0;font-weight:600;font-variant-numeric:tabular-nums}.blog-metric:nth-child(3){border-top:3px solid var(--blog-accent);padding-top:13px}.blog-metric small{font-size:12px;color:var(--blog-muted);line-height:1.65}.blog-metric .blog-metric-action{margin-top:9px;font-size:12px;font-weight:600}.blog-sample-note{font-size:13px;color:var(--blog-muted);margin:12px 0 20px;display:flex;flex-wrap:wrap;gap:8px 16px}.blog-text-button{border:0;background:none;padding:2px 0;color:inherit;font-size:14px;font-weight:600;text-align:left}.blog-text-button:hover{color:var(--blog-accent-text);text-decoration:underline;text-underline-offset:4px}
.blog-chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.blog-chart-grid>.panel{margin-top:0}.blog-chart-card{min-width:0;display:flex;flex-direction:column;padding:20px!important}.blog-chart-card .panel-head{align-items:flex-start;gap:12px;margin-bottom:8px}.blog-chart-card .panel-head h3{font-size:15px}.blog-chart-selector{max-width:155px}.blog-chart-selector select{width:100%;font-size:13px}.blog-chart-card svg{display:block;width:100%;max-width:640px;height:auto;max-height:190px;overflow:visible;margin:2px auto 0}.blog-chart-hint{font-size:12px;color:var(--blog-muted);margin:8px 0}.blog-chart-source{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:12px;color:var(--blog-muted);margin-top:auto}.blog-chart-source button{font-size:12px}.blog-chart-target{cursor:pointer}.blog-chart-target:hover .blog-hit,.blog-chart-target:focus .blog-hit{stroke:#ff510d;stroke-width:1.8;fill:#ff510d08}.blog-chart-target:focus{outline:none}.blog-chart-table{margin-top:12px;border-top:1px solid var(--blog-line);padding-top:10px;font-size:13px}.blog-chart-table summary{cursor:pointer;color:var(--blog-muted)}
.blog-table-scroll{overflow-x:auto;margin:12px 0}.blog-scope table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65}.blog-scope th,.blog-scope td{padding:13px 12px;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:top}.blog-scope th{font-weight:600;color:var(--blog-ink);background:transparent}.blog-scope thead th{font-size:13px;color:var(--blog-muted);background:#f7f7f8;white-space:nowrap}.blog-scope td{font-variant-numeric:tabular-nums}.blog-chart-table table{font-size:13px;min-width:530px}.blog-review-panel .panel-head{margin-bottom:18px}.blog-review-panel td{white-space:nowrap}.blog-review-panel td:nth-last-child(1){color:var(--blog-muted)}.blog-review-panel th small{font-size:12px;font-weight:400}.blog-review-panel .blog-toolbar{margin-bottom:0}.blog-pair-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;max-height:320px;overflow:auto}
.blog-issues{display:grid;grid-template-columns:1fr 1fr;gap:16px}.blog-issue{padding:18px;border:1px solid var(--blog-line);border-radius:8px;background:#fafafa;color:var(--blog-ink);text-align:left}.blog-issue:hover{border-color:#ff510d}.blog-issue strong{font-size:15px}.blog-issue p{font-size:14px;color:var(--blog-muted);line-height:1.8;margin:9px 0 16px}.blog-issue>span{font-size:13px;font-weight:600}.blog-method summary{cursor:pointer;font-size:14px;font-weight:600}.blog-method>div{max-width:1100px;font-size:14px;line-height:1.85;color:var(--blog-muted);padding-top:18px}.blog-method p{margin-bottom:14px}.blog-method li{margin-bottom:8px}.blog-method ul{padding-left:22px;margin-top:0}.blog-alert{padding:15px 18px;background:#fff7f2;border-left:3px solid #ff510d;border-radius:4px;margin:0 0 18px;font-size:14px;line-height:1.8}.blog-empty-inline{padding-top:12px;color:var(--blog-muted);font-size:14px}
.blog-tabbar{display:flex;gap:8px;margin:0 0 22px;border-bottom:1px solid #e0e2e5;padding-bottom:12px}.blog-tabbar button{background:transparent;border:1px solid transparent;padding:10px 17px;color:#626871;border-radius:7px;font-size:15px}.blog-tabbar button[aria-selected=true]{background:#242629;color:white}.blog-tabbar b{font-size:12px;padding-left:8px;font-weight:500;opacity:.8}.blog-question-shell{margin-top:0!important}.blog-question-shell .panel-head h3{font-size:18px}.blog-article-options{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.blog-article-options button,.blog-drawer-platforms button{border:1px solid #e2e3e5;border-radius:6px;padding:8px 15px;background:#f6f6f7;color:var(--blog-ink);font-size:14px;transition:background .15s}.blog-article-options button[aria-pressed=true],.blog-drawer-platforms button[aria-pressed=true]{background:#fff;border-color:#cdd2d0;box-shadow:inset 3px 0 #ff510d;font-weight:650}.blog-search{margin:0 0 18px;font-size:13px;color:var(--blog-muted)}.blog-search summary{cursor:pointer}.blog-search input{margin-top:10px;min-height:40px;padding:8px 12px;width:min(420px,100%);font:inherit;border:1px solid var(--blog-line);border-radius:6px}.blog-results-head{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;margin:18px 0}.blog-results-head h4{font-size:14px;font-weight:500;margin:0}.blog-results-head h4:focus{outline:0}.blog-results-head>.blog-meta{margin-left:auto}.blog-question{border:1px solid var(--blog-line);border-radius:9px;padding:22px;margin-bottom:20px;background:#fff;min-width:0}.blog-question-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 15px;font-size:13px;color:var(--blog-muted);margin-bottom:13px}.blog-question-meta>span{color:var(--blog-ink);font-weight:600}.blog-question-meta code{font:inherit;font-size:12px}.blog-question-meta button{margin-left:auto;font-size:13px}.blog-question>h4{font-size:17px;line-height:1.7;font-weight:650;margin:0;overflow-wrap:anywhere}.blog-translation{font-size:14px;color:var(--blog-muted);line-height:1.8;margin:12px 0 17px!important}.blog-translation>span{display:block;font-size:12px;margin-bottom:3px;color:var(--blog-muted)}.blog-gap{font-size:14px;padding:12px 15px;background:#f7f7f8;border-radius:6px;margin-bottom:13px!important;color:var(--blog-muted)}.blog-gap b{font-size:13px;margin-right:9px;color:var(--blog-ink)}.blog-contract{font-size:14px;line-height:1.85;color:var(--blog-muted);margin-bottom:18px}.blog-contract summary{font-size:13px;cursor:pointer;color:var(--blog-ink)}.blog-contract p{margin:10px 0;overflow-wrap:anywhere}.blog-contract ol{padding-left:21px}.blog-contract li{padding:4px 0}.blog-contract a,.blog-original-question a{color:#104b3a;text-decoration:underline;text-underline-offset:3px}
.blog-answer-head,.blog-answer-row{display:grid;grid-template-columns:minmax(100px,1fr) 82px 82px 105px 175px;gap:12px;align-items:center}.blog-answer-head{font-size:12px;color:var(--blog-muted);padding:10px 12px;background:#f7f7f8;border-radius:5px}.blog-answer-row{padding:13px 12px;border-bottom:1px solid #eceef0;font-size:14px;line-height:1.6}.blog-answer-row:last-of-type{border-bottom:0}.blog-answer-row small{display:block;font-size:12px;color:var(--blog-muted);margin-top:3px}.blog-answer-open{border:0;background:none;text-align:right;color:#104b3a;padding:5px 0;font-size:14px;font-weight:600}.blog-answer-open:hover{color:var(--blog-accent-text)}.blog-excluded-row small{color:var(--blog-accent-text)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:22px 0}.blog-empty{padding:36px 22px;text-align:center;color:var(--blog-muted);background:#f7f7f8;border-radius:8px;font-size:14px;line-height:1.9}.blog-empty h3{margin-bottom:10px;color:var(--blog-ink)}
.blog-drawer-open{overflow:hidden}.blog-drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;border-left:1px solid #e1e3e6;border-radius:0;width:min(900px,calc(94vw / var(--ui-scale)));max-width:calc(100vw / var(--ui-scale));height:calc(100dvh / var(--ui-scale));max-height:calc(100dvh / var(--ui-scale));background:white;color:var(--blog-ink);overflow:hidden}.blog-drawer[open]{display:flex;flex-direction:column}.blog-drawer::backdrop{background:#17191b66}.blog-drawer-header{padding:24px 26px 16px;display:flex;justify-content:space-between;gap:20px;flex-shrink:0}.blog-drawer-header h2{font-size:22px;line-height:1.5;margin:5px 0}.blog-drawer-header .blog-meta{font-size:12px;overflow-wrap:anywhere}.blog-drawer-header .icon-button{flex-shrink:0}.blog-drawer-platforms{display:flex;gap:9px;padding:0 26px 18px}.blog-drawer-tabs{display:flex;gap:4px;padding:0 26px;border-bottom:1px solid var(--blog-line);flex-shrink:0}.blog-drawer-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px;font-size:14px;color:var(--blog-muted);white-space:nowrap}.blog-drawer-tabs button[aria-selected=true]{color:var(--blog-ink);font-weight:700;border-bottom-color:#ff510d}#blog-drawer-panel{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:22px 26px 36px;line-height:1.85;font-size:15px}#blog-drawer-panel>h3{font-size:17px;margin:24px 0 12px}#blog-drawer-panel>h3:first-child{margin-top:0}#blog-drawer-panel>p{margin:12px 0;overflow-wrap:anywhere}.blog-drawer-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0;border-top:1px solid var(--blog-line);padding:13px 26px;font-size:13px;color:var(--blog-muted);background:#fff}.blog-drawer-footer button{font-size:14px;white-space:nowrap}.blog-original-question{padding-bottom:18px}.blog-original-question h3{font-size:15px;margin:0 0 10px}.blog-original-question>p[lang=en]{font-size:16px;line-height:1.8;color:var(--blog-ink)}.blog-full-answer{border:1px solid var(--blog-line);border-radius:8px;padding:16px 18px}.blog-full-answer summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:15px;font-weight:600}.blog-full-answer summary span{font-size:12px;color:var(--blog-muted);font-weight:400}.blog-full-answer[open] summary{margin-bottom:20px;padding-bottom:13px;border-bottom:1px solid var(--blog-line)}.blog-markdown{font-size:16px;line-height:1.8;overflow-wrap:anywhere;color:#2e3336}.blog-markdown p{margin:0 0 14px}.blog-markdown h3,.blog-markdown h4,.blog-markdown h5,.blog-markdown h6{font-size:17px;line-height:1.6;margin:24px 0 12px;font-weight:700}.blog-markdown ul,.blog-markdown ol{padding-left:25px;margin:12px 0 20px}.blog-markdown li{margin:6px 0}.blog-markdown li>p{margin:0 0 6px}.blog-markdown a{color:#104b3a;text-decoration:underline;text-underline-offset:3px}.blog-markdown pre{padding:15px;background:#f7f7f8;overflow-x:auto;border-radius:6px;font-size:13px;white-space:pre-wrap}.blog-markdown code{font-size:.88em;background:#f2f3f4;padding:1px 4px;border-radius:3px}.blog-markdown blockquote{margin:15px 0;padding:5px 18px;border-left:3px solid #b2bab6;color:var(--blog-muted)}.blog-markdown hr{border:0;border-top:1px solid var(--blog-line);margin:24px 0}.blog-markdown table{font-size:13px;min-width:430px}.blog-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.blog-score-grid>div{padding:14px 13px;background:#f6f6f7;border-radius:6px;color:var(--blog-muted);font-size:13px}.blog-score-grid strong{display:block;font-size:21px;color:var(--blog-ink);margin-top:4px}.blog-checkpoints article{border-bottom:1px solid var(--blog-line);padding:16px 0}.blog-checkpoints article>div{display:flex;justify-content:space-between;gap:15px;font-size:14px}.blog-checkpoints p{font-size:15px;margin:10px 0}.blog-checkpoints small{font-size:12px;color:var(--blog-muted)}.blog-check-gap{color:var(--blog-accent-text);font-weight:600}.blog-checkpoints+details{font-size:13px;margin-top:20px}.blog-checkpoints+details p{margin:10px 0;overflow-wrap:anywhere}.blog-hash{word-break:break-all}.blog-citation{padding:18px 0;border-bottom:1px solid var(--blog-line)}.blog-citation>div{display:flex;gap:15px;justify-content:space-between;font-size:12px;color:var(--blog-muted)}.blog-citation>div b{color:#104b3a}.blog-citation h3{font-size:15px;margin:10px 0;font-weight:600;overflow-wrap:anywhere}.blog-citation p{overflow-wrap:anywhere;font-size:14px}.blog-citation a{color:#104b3a;text-decoration:underline;text-underline-offset:3px}.blog-citation details{font-size:12px;color:var(--blog-muted);margin-top:8px}.blog-compare-answers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.blog-compare-answers>article{padding:14px;border:1px solid var(--blog-line);border-radius:6px;min-width:0}.blog-compare-answers h4{margin:0}.blog-compare-answers .blog-markdown{font-size:14px}.blog-compare-answers details{margin-top:15px}.blog-fade{animation:blog-fade .9s cubic-bezier(.25,1,.5,1) both}.blog-pop{transform-box:fill-box;transform-origin:center;animation:blog-pop .5s cubic-bezier(.25,1,.5,1) both}@keyframes blog-fade{from{opacity:0}}@keyframes blog-pop{from{transform:scale(0)}to{transform:none}}
@media(max-width:1125px){.blog-chart-grid{grid-template-columns:1fr}.blog-chart-card svg{max-height:190px}.blog-answer-head,.blog-answer-row{grid-template-columns:minmax(100px,1fr) 65px 65px 92px 160px;gap:9px}.blog-metric{padding:16px 18px}.blog-metric:nth-child(3){padding-top:14px}.blog-metric strong{font-size:24px}}
@media(max-width:675px){.blog-metrics{gap:10px}.blog-metric{padding:16px 12px}.blog-metric strong{font-size:24px}.blog-metric:nth-child(3){padding-top:14px}.blog-metric small{font-size:12px}.blog-metric>span:first-child{font-size:13px}.blog-issues{grid-template-columns:1fr}.blog-answer-head{display:none}.blog-answer-row{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:14px 0}.blog-answer-row>div{grid-column:1/-1;display:flex;align-items:center;gap:15px}.blog-answer-row small{margin:0}.blog-answer-row>span:before{content:attr(data-label);display:block;color:var(--blog-muted);font-size:12px}.blog-answer-open{grid-column:1/-1;text-align:left}.blog-question{padding:17px}.blog-question-shell{padding:18px!important}.blog-question-meta code{width:100%}.blog-question-meta button{margin-left:0}.blog-question>h4{font-size:16px}.blog-toolbar label{flex:1;min-width:125px}.blog-toolbar select{width:100%}.blog-batch-tag{display:none}.blog-tabbar button{font-size:14px;padding:9px 12px}.blog-drawer{width:calc(100vw / var(--ui-scale))}.blog-drawer-header{padding:18px}.blog-drawer-header h2{font-size:20px}.blog-drawer-platforms{padding:0 18px 14px}.blog-drawer-tabs{padding:0 12px;overflow-x:auto}.blog-drawer-tabs button{padding:10px;font-size:13px}#blog-drawer-panel{padding:18px}.blog-drawer-footer{padding:12px 18px}.blog-drawer-footer span{font-size:12px}.blog-compare-answers,.blog-pair-list{grid-template-columns:1fr}.blog-full-answer{padding:13px}.blog-full-answer summary{display:block}.blog-full-answer summary span{display:block;font-weight:400;margin-top:3px}.blog-score-grid{gap:6px}.blog-score-grid>div{padding:12px 9px}.blog-score-grid strong{font-size:18px}.blog-chart-card .panel-head{flex-wrap:wrap}.blog-results-head>.blog-meta{margin-left:0}}
@media(max-width:432px){.blog-metrics{grid-template-columns:1fr}.blog-metric{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px}.blog-metric strong{grid-column:2;grid-row:1/4;margin:0;align-self:center}.blog-metric .blog-metric-action{margin-top:5px}.blog-metric:nth-child(3){padding-top:14px}.blog-chart-card{padding:17px!important}.blog-article-options{gap:7px}.blog-article-options button{font-size:13px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.blog-fade,.blog-pop{animation:none!important}.blog-scope *{transition:none!important}}