@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{font-family:Inter,"Noto Sans SC",Arial,sans-serif;color:#111b21;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--green:#008069;--muted:#667781;--line:#e9edef}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(6.1vw,32px);position:relative;z-index:2;border-bottom:1px solid #f2f4f5}
.brand{display:flex;align-items:center;gap:13px;color:#111b21;font-size:19px;font-weight:600;letter-spacing:-.35px}
.brand:hover{text-decoration:none}
.brand img,.footer-brand>img{display:block;width:39px;height:auto}
.language-wrap{position:relative}
.language-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#111b21;font:500 14px inherit;padding:10px 4px;cursor:pointer}
.language-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.language-button .chevron{width:15px;height:15px;margin-left:3px}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);width:180px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #0b141a1a}
.language-menu button{display:block;width:100%;border:0;background:none;text-align:left;padding:10px 12px;border-radius:7px;font:inherit;cursor:pointer;color:#111b21}
.language-menu button:hover,.language-menu button[aria-selected=true]{background:#f0f2f5}
.mobile-search{display:none}
.page-shell{background:#f7f8fa;padding:58px 24px 72px}
.article{max-width:896px;margin:0 auto;background:#fff;border:1px solid #edf0f1;border-radius:14px;padding:54px 72px 0;box-shadow:0 2px 10px #0b141a08}
h1{font-size:36px;line-height:1.28;letter-spacing:-1.05px;font-weight:600;color:#111b21;margin:0 0 34px;max-width:760px}
.article-copy{font-size:16px;line-height:1.78;color:#3b4a54}
.article-copy p{margin:0 0 19px}
.article-copy p:first-child{margin-bottom:3px}
.article-copy p:nth-child(2){margin-bottom:3px}
.article-copy ul{padding-left:23px;margin:-5px 0 23px}
.article-copy li{padding-left:4px;margin:4px 0}
.article-copy h2{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.25px;color:#111b21;margin:30px 0 9px}
.article-copy strong{font-weight:600;color:#263238}
.related{border-top:1px solid var(--line);margin-top:43px;padding:27px 0 30px}
.related h2{font-size:19px;line-height:1.4;margin:0 0 15px;font-weight:600;color:#111b21}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.related-grid a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f1;color:#3b4a54;font-size:14px;line-height:1.5}
.related-grid a span{font-size:13px;color:#8696a0}
.feedback{text-align:center;border-top:1px solid var(--line);padding:26px 0 32px}
.feedback-question{font-size:15px;font-weight:500;margin:0 0 14px}
.feedback-buttons{display:flex;justify-content:center;gap:10px}
.feedback-buttons button{min-width:88px;padding:9px 22px;border:1px solid #cfd8dc;border-radius:24px;background:#fff;color:#111b21;font:500 14px inherit;cursor:pointer;transition:.15s}
.feedback-buttons button:hover{border-color:var(--green);color:var(--green);background:#f5fbf9}
.feedback-thanks{margin:12px 0 0;color:var(--green);font-size:14px}
.footer{background:#111b21;color:#fff;padding:48px max(8vw,32px) 20px}
.footer-main{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:44px}
.footer-brand>img{width:46px;filter:brightness(0) invert(1);margin:0 0 28px}
.download-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:30px;background:#25d366;color:#111b21;font-size:14px;font-weight:600}
.download-button:hover{text-decoration:none;background:#48e183}
.footer-column{display:flex;flex-direction:column;gap:15px}
.footer-column h2{font-size:14px;font-weight:600;color:#8696a0;margin:0 0 6px}
.footer-column a,.footer-bottom a{font-size:14px;color:#fff}
.footer-bottom{max-width:1120px;margin:0 auto;border-top:1px solid #374248;padding-top:19px;display:flex;align-items:center;gap:28px;font-size:12px;color:#d1d7db}
.footer-bottom img{width:105px;height:auto;object-fit:contain;margin-left:auto}
@media(max-width:760px){
 .topbar{height:64px;padding:0 20px}.brand{font-size:17px;gap:10px}.brand img{width:34px}.mobile-search{display:none}
 .page-shell{padding:0;background:#fff}.article{border:0;border-radius:0;box-shadow:none;padding:35px 22px 0;max-width:none}
 h1{font-size:27px;line-height:1.34;letter-spacing:-.65px;margin-bottom:25px}
 .article-copy{font-size:15px;line-height:1.75}.article-copy h2{font-size:18px;margin-top:26px}.article-copy p{margin-bottom:16px}
 .related{margin-top:32px;padding-top:23px}.related-grid{grid-template-columns:1fr;gap:0}.related-grid a{padding:13px 0}
 .feedback{padding:24px 0 29px}
 .footer{padding:36px 23px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 20px;padding-bottom:30px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.footer-brand>img{margin:0;width:42px}.download-button{padding:11px 19px}
 .footer-column h2{font-size:13px}.footer-column a{font-size:13px}.footer-bottom{gap:14px;flex-wrap:wrap}.footer-bottom img{width:82px}
}
@media(max-width:380px){.article{padding-left:18px;padding-right:18px}h1{font-size:25px}.footer-main{gap:28px 14px}}

/* Help Center desktop shell, matching the reference layout. */
body{background:#fff;color:#111}
.topbar{height:56px;position:fixed;inset:0 0 auto 0;padding:0 16px;background:#fff;border-bottom:1px solid #e5e7e9}
.brand{font-size:16px;gap:8px;letter-spacing:0}
.wa-mark{width:40px;height:40px;fill:#25d366}
.wa-mark path:first-child{fill:#fff;stroke:#25d366;stroke-width:2}
.wa-mark path:last-child{fill:#25d366;stroke:none}
.search-box{position:absolute;right:146px;top:9px;width:284px;height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:22px;background:#f0f2f5;color:#667781}
.search-box svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:#111b21;font:14px inherit}
.search-box input::placeholder{color:#667781}
.language-wrap{margin-left:auto}
.language-button{height:40px;padding:0 13px;border-radius:6px;background:#f0f2f5;font-size:14px;font-weight:600}
.language-button .chevron{margin-left:5px}
.sidebar{position:fixed;z-index:1;left:0;top:56px;bottom:0;width:360px;overflow-y:auto;background:#fff;border-right:1px solid #e4e7e9;padding:0 12px 20px;box-shadow:1px 0 3px #0b141a08}
.side-category,.side-sub{width:100%;height:56px;padding:0 7px;border:0;background:#fff;display:flex;align-items:center;gap:12px;text-align:left;color:#111;font:inherit;cursor:pointer}
.side-category:first-child{height:58px}
.side-category i,.side-sub i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 36px;background:#f0f2f5;font-size:16px;font-style:normal;font-weight:600;color:#111}
.side-category b,.side-sub b{font-size:16px;font-weight:600;flex:1}
.side-category>span,.side-sub>span{color:#667781;font-size:15px}
.side-sub{height:56px;padding-left:20px}
.side-sub i{width:36px;height:36px;flex-basis:36px;font-size:15px}
.side-sub b{font-size:15px;font-weight:500}
.side-category:nth-of-type(10){margin-top:0}
.side-articles{display:flex;flex-direction:column;gap:0;padding:0 8px 0 32px}
.side-articles a{padding:9px 8px;color:#111;font-size:14px;line-height:1.45;border-radius:8px;cursor:pointer}
.side-articles a.selected{background:#e7fce3;font-weight:600}
.side-articles a:hover{background:#f5f6f6;text-decoration:none}
.side-articles a.selected:hover{background:#e7fce3}
.page-shell{min-height:100vh;margin:56px 0 0 360px;padding:64px 48px 90px;background:#fff}
.article{max-width:736px;width:100%;margin:0 auto;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.article-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #dfe3e5;margin-bottom:28px}
h1{font-size:24px;line-height:1.35;letter-spacing:-.3px;font-weight:600;color:#111;margin:0;max-width:none}
.copy-link{flex:0 0 auto;border:0;border-radius:7px;background:#f0f2f5;padding:10px 13px;color:#111;font-size:14px;font-weight:600;cursor:pointer}
.copy-link:hover{background:#e4e6e8}
.article-copy{font-family:Arial,"Noto Sans SC",sans-serif;color:#111;font-size:16px;line-height:1.45}
.article-copy p{margin:0 0 17px}
.article-copy p:first-child,.article-copy p:nth-child(2){display:inline;margin:0}
.article-copy p:nth-child(2):after{content:" ";white-space:pre}
.article-copy p:nth-child(3){display:inline;margin:0}
.article-copy p:nth-child(3):after{content:"";display:block;margin-bottom:17px}
.article-copy ul{padding-left:31px;margin:0 0 17px}
.article-copy li{padding-left:0;margin:0 0 7px}
.article-copy h2{font-family:Arial,"Noto Sans SC",sans-serif;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:0;color:#111;margin:47px 0 15px}
.related{margin-top:52px;padding:25px 0 30px;border-top:1px solid #dfe3e5}
.related-grid a{color:#008f7a}
.feedback{position:fixed;z-index:4;right:7vw;bottom:10px;width:330px;padding:13px 12px 14px;background:#fff;border:1px solid #e6e8e9;border-radius:11px;box-shadow:0 2px 14px #0b141a26;text-align:left}
.feedback-question{font-size:18px;font-weight:600;margin:0 0 12px}
.feedback-buttons{gap:12px}
.feedback-buttons button{width:50%;min-width:0;border:0;border-radius:6px;background:#f0f2f5;font-size:16px;font-weight:600;padding:10px;color:#111}
.feedback-buttons button:hover{background:#e2e6e9;color:#111}
.feedback-thanks{text-align:center}
.feedback-close{position:absolute;right:10px;top:7px;border:0;background:none;color:#667781;font-size:24px;line-height:1;cursor:pointer}
.footer{margin-left:360px}
@media(max-width:900px){
 .topbar{padding:0 12px}.sidebar{width:290px}.page-shell{margin-left:290px;padding:52px 28px 70px}.footer{margin-left:290px}.search-box{right:142px;width:min(250px,35vw)}
 .article-heading{align-items:flex-start}.copy-link{padding:9px}
}
@media(max-width:640px){
 .topbar{height:56px;padding:0 12px}.brand{font-size:15px}.wa-mark{width:34px;height:34px}.search-box{position:static;margin-left:auto;margin-right:8px;width:38px;height:38px;padding:0;justify-content:center;background:#f0f2f5}.search-box input{display:none}.language-button{height:36px;padding:0 8px;font-size:12px}.language-button .chevron{display:none}
 .sidebar{display:none}.page-shell{margin:56px 0 0;padding:32px 20px 64px}.article-heading{gap:10px;padding-bottom:15px;margin-bottom:20px}h1{font-size:21px;line-height:1.35}.copy-link{font-size:0;padding:9px 11px}.copy-link span{font-size:17px}.article-copy{font-size:15px}.article-copy h2{font-size:18px;margin-top:32px}.feedback{right:12px;bottom:12px;width:min(330px,calc(100vw - 24px))}.footer{margin-left:0}
}
