/* Shared public-page finishing: alignment, quiet controls, and deliberate motion. */
.utility{background:#082c40;color:#e1eaf0}
.utility .utility-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:44px;font-size:12px}
.utility-inner>span:first-child{display:flex;align-items:center;gap:10px}
.utility-inner>span:nth-child(2){text-align:center}
.utility .wrap{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility .wrap>span{display:flex;align-items:center;gap:9px}
.utility-inner .language-control{justify-self:end}
.language-control{display:inline-flex;align-items:center;position:relative;gap:7px;color:inherit}
.language-control svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;pointer-events:none}
.language-control select{appearance:none;background:transparent;color:inherit;border:0;border-radius:7px;font:inherit;padding:8px 20px 8px 3px;cursor:pointer;max-width:115px;transition:background .2s}
.language-control:after{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);position:absolute;right:7px;pointer-events:none}
.language-control select:hover{background:#ffffff12}.language-control select:focus-visible{outline:2px solid #83b8dd;outline-offset:2px}.language-control option{background:#fff;color:#203b4e}
.header-inner{min-height:100px;gap:30px}.main-nav{gap:30px}.main-nav a{position:relative;padding:10px 0}.main-nav a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s}.main-nav a:hover:after{transform:scaleX(1)}
.account-links .login-link{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qualities .quality-icon{width:28px;height:28px;flex-basis:28px}
.service-panel details .expand-icon:after{display:block;transition:transform .3s,opacity .3s}.service-panel details[data-expanded=true] .expand-icon:after{transform:rotate(0);opacity:0}.service-panel details[data-expanded=false] .expand-icon:after{transform:rotate(90deg);opacity:1}
.live-example{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;gap:70px;grid-template-columns:.8fr 1.2fr;align-items:center;border-radius:0}
.live-example h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3vw,44px);letter-spacing:-1px;line-height:1.15}
.live-example .how-intro>p:last-of-type{max-width:330px;margin:20px 0 26px;line-height:1.7;color:var(--muted)}
.live-example .text-link{font-size:14px;display:inline-flex;gap:20px;align-items:center;text-decoration:none}
.example-paper{background:#fff;border:1px solid #dbe3e8;border-radius:18px;padding:28px;box-shadow:0 14px 45px #14364c07}
.example-paper-head{display:flex;align-items:center;justify-content:space-between;color:#718391;font-size:12px;gap:15px;margin-bottom:30px}.example-label{font-size:9px;letter-spacing:1px}.example-paper>p{font-size:16px;line-height:1.85}.example-suggestion{margin-top:26px;border-top:1px solid #e4eaee;padding-top:20px;display:flex;gap:18px;align-items:center}.example-suggestion strong{font-size:13px}.example-suggestion p{font-size:12px;line-height:1.65;color:#657782;margin-top:5px}.example-suggestion button{flex-shrink:0;border:1px solid #c8dde8;background:#edf6fa;color:#125778;border-radius:9px;padding:10px 13px;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.example-suggestion button:hover{background:#dbedf5;transform:translateY(-1px)}#example-revised{background:#e3f1e9;border-radius:4px;box-shadow:0 0 0 4px #e3f1e9}.example-paper .example-result{font-size:12px;color:#387052;margin-top:16px}
html[data-theme=dark] .utility{background:#151615;color:#c9ccca}
html[data-theme=dark] body:has(.site-header){background:#1c1d1b;color:#e5e6df;--line:#373a35;--muted:#a5aaa1;--navy:#dce5e3}
html[data-theme=dark] :is(.site-header,.site-footer,.qualities,.service-panel,.auth-layout,.auth-tabs button,.field input){background:#222420;color:#e5e6df;border-color:#383d36}
html[data-theme=dark] :is(.main-nav a,.login-link,.back-link,.brand,.footer-brand,.service-panel summary,.auth-form label){color:#dce5df}
html[data-theme=dark] .audience-tabs>button{background:#252823;color:#c3c9bf;border-color:#3a4037}html[data-theme=dark] .audience-tabs>button[aria-selected=true]{background:#35443e;color:#eff4ed;border-color:#5b7165}html[data-theme=dark] .audience-tabs>button:not([aria-selected=true]):hover{background:#33392e}
html[data-theme=dark] .panel-heading{background:#292e27;border-color:#3b4236}html[data-theme=dark] :is(.panel-heading p,.detail-content p,.section-heading>p,.join-section p,.category-note,.footer-inner,.auth-subtitle,.field-hint){color:#aeb6a7}html[data-theme=dark] :is(.detail-content a,.footer-inner>a:not(.footer-brand),.text-link){color:#a5c9d5}html[data-theme=dark] .button.primary{background:#1a637c;color:#fff;border-color:#32798c}html[data-theme=dark] .auth-tabs button[aria-selected=true]{color:#abd3df}
html[data-theme=dark] .language-control option{background:#252625;color:#eee}
html[data-theme=dark] .example-paper{background:#242423;border-color:#393936;color:#e7e5df}html[data-theme=dark] .example-suggestion{border-color:#3b3c39}html[data-theme=dark] .example-suggestion p{color:#aaa9a2}html[data-theme=dark] .example-suggestion button{background:#303b3d;border-color:#48595d;color:#c5dfe5}html[data-theme=dark] #example-revised{background:#304438;box-shadow:0 0 0 4px #304438}html[data-theme=dark] .example-paper .example-result{color:#9cccac}
@media(max-width:1000px){.header-inner{flex-wrap:wrap;padding:20px 0;gap:18px}.main-nav{display:flex;order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:8px}.account-links{margin-left:auto}.live-example{gap:30px}.example-suggestion{flex-direction:column;align-items:flex-start}}
@media(max-width:680px){.utility .utility-inner{display:flex;justify-content:space-between;gap:10px;min-height:40px;font-size:10px}.utility-inner>span:nth-child(2){display:none}.utility-inner .language-control{margin-left:auto}.utility .wrap{font-size:10px}.live-example{display:grid;grid-template-columns:1fr;padding:35px 0}.live-example .how-intro{margin:0}.example-paper{padding:22px}.example-paper-head{margin-bottom:20px}.example-suggestion{gap:14px}.main-nav{gap:32px}.header-inner{min-height:0}.account-links .login-link{max-width:100px}.language-control select{font-size:11px}.live-example h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.public-page *, .service-panel *{transition:none!important}}
.live-example .example-label{font-size:11px;letter-spacing:0;text-transform:none;background:#edf3f7;color:#526b7c;padding:4px 10px;border-radius:20px}.example-document{min-height:180px}.example-document #example-original{background:#eef5fb;border-bottom:2px solid #9ac3df;border-radius:3px;padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.example-suggestion{display:block;background:#f6f9fc;border:1px solid #dce8f0;border-radius:12px;padding:18px;margin-top:18px}.example-proposal{width:100%}.example-proposal-head{display:flex;align-items:center;gap:10px}.example-proposal-head strong{font-size:13px}.example-suggestion .example-replacement{font-size:16px;line-height:1.6;color:var(--ink,#17374a);margin:14px 0 10px}.example-suggestion .example-reason{font-size:13px;line-height:1.6;color:var(--muted,#687b89);margin:0 0 18px}.example-actions{display:flex;gap:10px;flex-wrap:wrap}.example-actions button{font:inherit;font-size:13px;padding:9px 15px;border-radius:8px;cursor:pointer;transition:background .18s,transform .18s}.example-actions #example-accept{background:#0069ad;color:#fff;border:1px solid #0069ad}.example-actions #example-accept:hover{background:#00568f;transform:translateY(-1px)}.example-actions #example-reject{background:transparent;border:1px solid #cbd9e3;color:#405f73}.example-actions #example-reject:hover{background:#e8f0f5}.example-outcome{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dce8f0;margin-top:20px;padding-top:16px}.example-outcome .example-result{margin:0;font-size:13px;color:#337050}.example-outcome button{background:transparent;border:0;color:#0069ad;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.example-paper [hidden]{display:none!important}html[data-theme=dark] .example-suggestion{background:#272c30;border-color:#3c4a54}html[data-theme=dark] .example-suggestion .example-replacement{color:#e7e5df}html[data-theme=dark] .example-document #example-original{background:#293b48;border-color:#6194b7}html[data-theme=dark] .example-outcome{border-color:#3c4a54}html[data-theme=dark] .example-actions #example-reject{color:#c8dae5;border-color:#52636e}html[data-theme=dark] .example-label{background:#303c44;color:#bfced8}html[data-theme=dark] .example-outcome button{color:#8ac7ef}

.blog-arrow-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0}