/* Useful answers and practical reading, composed on the studio's warm paper. */
.knowledge-content,.knowledge-preview { --knowledge-blue:#3e5f82; --knowledge-border:#d5d9d8; min-width:0; font-size:18px; line-height:1.9; }
.knowledge-content :is(h1,h2,h3,p,li,a,summary) { overflow-wrap:anywhere; }
.knowledge-hero { padding-block:32px 55px; }
.knowledge-hero .breadcrumbs { margin-bottom:31px; }
.knowledge-hero .page-title { max-width:1000px; font-size:clamp(36px,4.5vw,59px); line-height:1.35; letter-spacing:-1.2px; }
html:is([lang="th"],[lang="my"],[lang="hi"]) .knowledge-hero .page-title { line-height:1.55; letter-spacing:0; }
.knowledge-hero .page-intro { max-width:840px; font-size:19px; margin-top:22px; line-height:1.95; }
.knowledge-notes { max-width:900px; margin-top:21px; color:#58666d; font-size:15px; line-height:1.9; }
.knowledge-notes p + p { margin-top:8px; }
.knowledge-faq-layout { display:grid; grid-template-columns:255px minmax(0,1fr); gap:64px; padding-bottom:76px; }
.knowledge-faq-sidebar { min-width:0; }
.knowledge-topic-nav { display:flex; flex-direction:column; gap:6px; border-top:1px solid var(--knowledge-border); padding-top:14px; }
.knowledge-topic-nav a { display:flex; justify-content:space-between; gap:18px; align-items:baseline; min-height:48px; padding:11px 14px; color:#4b5e69; border-radius:3px; font-size:16px; line-height:1.8; transition:background-color .18s,color .18s; }
.knowledge-topic-nav a span { color:#657784; font-size:13px; flex:none; }
.knowledge-topic-nav a:is(:hover,.is-selected) { color:#2d4a68; background:#e6e9e8; }
.knowledge-topic-nav a.is-selected { box-shadow:inset 3px 0 var(--knowledge-blue); font-weight:600; }
.knowledge-sidebar-blog { display:flex; justify-content:space-between; align-items:center; min-height:48px; gap:15px; margin-top:24px; padding:12px 14px; border-top:1px solid var(--knowledge-border); color:var(--knowledge-blue); font-size:16px; }
.knowledge-faq-main { min-width:0; }
.knowledge-faq-tools { margin-bottom:30px; padding-bottom:24px; border-bottom:1px solid var(--knowledge-border); }
.knowledge-search label { display:block; font-weight:500; font-size:16px; margin-bottom:8px; }
.knowledge-search-field { position:relative; }
.knowledge-search input { appearance:none; width:100%; min-height:56px; border:1px solid #b8c3c8; border-radius:3px; padding:12px 53px 12px 17px; background:#fffdfa; color:#243640; font:inherit; font-size:17px; line-height:1.8; }
.knowledge-search input::placeholder { color:#68757a; opacity:1; }
.knowledge-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
.knowledge-search-field button { position:absolute; inset:6px 6px 6px auto; display:grid; place-items:center; width:44px; min-height:44px; background:transparent; color:var(--knowledge-blue); border-radius:3px; font-size:27px; line-height:1; }
.knowledge-search-field button:hover { background:#eef0ef; }
.knowledge-faq-actions { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 18px; margin-top:13px; }
.knowledge-faq-count { font-size:14px; color:#536773; }
.knowledge-faq-count b { font-weight:600; }
.knowledge-faq-actions > div { display:flex; flex-wrap:wrap; gap:4px 14px; }
.knowledge-faq-actions button { min-height:44px; padding:7px 0; background:transparent; color:var(--knowledge-blue); font-size:14px; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#aebcc8; }
.knowledge-faq-group { scroll-margin-top:200px; margin-bottom:44px; }
.knowledge-faq-group h2 { font-size:24px; letter-spacing:-.3px; line-height:1.65; font-weight:500; margin-bottom:17px; color:#334d5e; }
.knowledge-question { border-top:1px solid var(--knowledge-border); background:#fffdf96b; scroll-margin-top:200px; }
.knowledge-question:last-child { border-bottom:1px solid var(--knowledge-border); }
.knowledge-question summary { display:grid; grid-template-columns:28px minmax(0,1fr) 23px; gap:16px; align-items:start; min-height:72px; padding:20px 16px; cursor:pointer; list-style:none; font-size:18px; line-height:1.85; font-weight:500; border-radius:2px; transition:background-color .18s; }
.knowledge-question summary::-webkit-details-marker { display:none; }
.knowledge-question summary:hover { background:#edece65c; }
.knowledge-question[open] summary { color:#294d70; background:#e8ebe84a; }
.knowledge-question-number { margin-top:5px; font-size:12px; line-height:2; color:#6e7e86; font-weight:400; font-variant-numeric:tabular-nums; }
.knowledge-question-icon { position:relative; width:22px; height:29px; margin-top:1px; }
.knowledge-question-icon::before,.knowledge-question-icon::after { content:""; position:absolute; top:15px; left:3px; width:15px; height:1.5px; background:var(--knowledge-blue); border-radius:1px; }
.knowledge-question-icon::after { transform:rotate(90deg); transition:transform .18s; }
.knowledge-question[open] .knowledge-question-icon::after { transform:rotate(0); }
.knowledge-answer { padding:3px 55px 26px 60px; color:#3f515d; font-size:18px; line-height:1.95; }
.knowledge-answer p + p { margin-top:13px; }
.knowledge-service-link { display:inline-flex; align-items:baseline; gap:7px; max-width:100%; min-height:44px; margin-top:14px; color:var(--knowledge-blue); font-size:15px; line-height:1.9; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#a6b8c8; }
.knowledge-service-link > span { flex:none; }
.knowledge-service-link:hover,.knowledge-read-link:hover { color:#233f5d; text-decoration-color:currentColor; }
.knowledge-no-results { padding:26px 22px; background:#eeece6; color:#405768; border:1px solid var(--knowledge-border); border-radius:3px; font-size:17px; }
.knowledge-next { display:flex; justify-content:space-between; align-items:center; gap:30px 55px; padding-block:36px 42px; border-top:1px solid var(--knowledge-border); margin-bottom:60px; }
.knowledge-next > div { max-width:700px; }
.knowledge-next h2 { font-size:27px; line-height:1.65; letter-spacing:-.5px; }
.knowledge-next p { margin-top:12px; font-size:16px; color:#536773; line-height:1.95; }
.knowledge-next .button { flex:none; max-width:320px; }
.knowledge-fastwork { min-height:50px; }
.knowledge-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:27px; padding-bottom:35px; }
.knowledge-card { display:flex; flex-direction:column; min-width:0; border:1px solid #ded9cf; border-radius:5px; background:#fffdfa; box-shadow:0 8px 24px #4d504507; overflow:hidden; }
.knowledge-card-image { display:block; }
.knowledge-photo { margin:0; min-width:0; border:1px solid #d2cbbb; border-radius:4px; overflow:hidden; background:#e9e5dc; aspect-ratio:3/2; }
.knowledge-photo picture { display:block; width:100%; height:100%; }
.knowledge-photo img { width:100%; height:100%; object-fit:cover; }
.knowledge-card .knowledge-photo { border:0; border-radius:0; transition:opacity .2s; }
.knowledge-card:hover .knowledge-photo { opacity:.94; }
.knowledge-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:25px 25px 23px; }
.knowledge-reading-time { font-size:14px; line-height:1.9; color:#637581; }
.knowledge-card :is(h2,h3) { margin-top:12px; font-size:26px; line-height:1.55; letter-spacing:-.5px; font-weight:500; }
.knowledge-card :is(h2,h3) a { display:block; text-decoration:underline; text-underline-offset:6px; text-decoration-color:transparent; transition:text-decoration-color .2s; }
.knowledge-card :is(h2,h3) a:hover { text-decoration-color:#a6b8c8; }
.knowledge-card-copy > p:not(.knowledge-reading-time) { margin-top:15px; margin-bottom:22px; font-size:17px; line-height:1.9; color:#53636c; }
.knowledge-read-link { display:inline-flex; align-items:center; gap:15px; min-height:44px; margin-top:auto; color:var(--knowledge-blue); font-size:15px; line-height:1.85; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#a6b8c8; }
.knowledge-illustration-note { color:#61706f; font-size:14px; line-height:1.9; }
.knowledge-blog > .knowledge-illustration-note { margin-bottom:54px; }
.knowledge-article-hero { padding-bottom:48px; }
.knowledge-article-heading { display:grid; grid-template-columns:minmax(0,1.22fr) minmax(0,1fr); gap:65px; align-items:center; }
.knowledge-article-heading .page-title { font-size:clamp(34px,3.5vw,49px); line-height:1.4; letter-spacing:-.9px; margin-top:13px; }
.knowledge-article-heading .page-intro { font-size:18px; margin-top:20px; }
.knowledge-article-opening { box-shadow:0 12px 30px #4b534411; transform:rotate(.6deg); }
.knowledge-article-hero > .knowledge-illustration-note { margin-top:24px; max-width:850px; }
.knowledge-article-layout { display:grid; grid-template-columns:255px minmax(0,730px); gap:64px; justify-content:space-between; padding-bottom:70px; }
.knowledge-contents { min-width:0; padding-top:5px; }
.knowledge-contents nav { padding-block:18px; border-top:1px solid var(--knowledge-border); border-bottom:1px solid var(--knowledge-border); }
.knowledge-contents h2 { font-size:16px; line-height:1.9; letter-spacing:0; font-weight:600; color:#3e5f82; }
.knowledge-contents ol { margin:11px 0 0; padding-left:21px; font-size:15px; line-height:1.85; color:#5b6b74; }
.knowledge-contents li + li { margin-top:4px; }
.knowledge-contents a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-decoration-color:#c6d0d5; text-underline-offset:4px; }
.knowledge-back { min-height:44px; display:inline-flex; align-items:center; gap:11px; margin-top:17px; color:var(--knowledge-blue); font-size:15px; }
.knowledge-article-body { min-width:0; }
.knowledge-prose-section,.knowledge-takeaway { scroll-margin-top:200px; margin-bottom:37px; }
.knowledge-article-body :is(h2,h3) { font-size:28px; line-height:1.65; letter-spacing:-.4px; margin-bottom:16px; font-weight:500; color:#304b5e; }
.knowledge-article-body p,.knowledge-article-body li { font-size:18px; line-height:1.95; color:#405360; }
.knowledge-article-body p + p { margin-top:17px; }
.knowledge-article-body ul { padding-left:25px; margin-top:19px; margin-bottom:0; }
.knowledge-article-body li + li { margin-top:11px; }
.knowledge-article-detail { margin-block:35px 40px; max-width:690px; margin-left:-22px; box-shadow:0 12px 27px #4e52480c; }
.knowledge-takeaway { background:linear-gradient(123deg,#ebece5,#f6f2e9); border:1px solid #d6d9cf; padding:28px 31px; border-radius:4px; margin-top:41px; }
.knowledge-takeaway h2 { font-size:25px; }
.knowledge-takeaway p,.knowledge-takeaway li { font-size:17px; }
.knowledge-article-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 26px; border-top:1px solid var(--knowledge-border); padding-top:28px; }
.knowledge-article-actions .knowledge-service-link { flex-basis:100%; margin-top:0; }
.knowledge-article-actions .knowledge-read-link { margin-top:0; }
.knowledge-related { padding-block:42px 78px; border-top:1px solid var(--knowledge-border); }
.knowledge-related > h2 { font-size:31px; line-height:1.6; letter-spacing:-.5px; margin-bottom:28px; }
.knowledge-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:29px; max-width:1000px; }
.knowledge-card-related { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
.knowledge-card-related .knowledge-card-image { align-self:start; }
.knowledge-card-related .knowledge-photo { height:100%; aspect-ratio:1/1; }
.knowledge-card-related .knowledge-card-copy { padding:20px; }
.knowledge-card-related :is(h2,h3) { font-size:21px; }
.knowledge-card-related .knowledge-card-copy > p:not(.knowledge-reading-time) { font-size:15px; line-height:1.85; margin-block:12px 15px; }
@media(min-width:951px) { .knowledge-faq-sidebar > nav,.knowledge-contents > nav { position:relative; } }
@media(max-width:1100px) { .knowledge-faq-layout,.knowledge-article-layout { grid-template-columns:215px minmax(0,1fr); gap:36px; }.knowledge-article-heading { gap:36px; }.knowledge-card-copy { padding:22px 20px; }.knowledge-card :is(h2,h3) { font-size:24px; }.knowledge-related-grid { gap:22px; }.knowledge-card-related { display:flex; }.knowledge-card-related .knowledge-photo { aspect-ratio:3/2; } }
@media(max-width:950px) { .knowledge-hero { padding-bottom:40px; }.knowledge-faq-layout { grid-template-columns:1fr; gap:25px; }.knowledge-topic-nav { flex-direction:row; flex-wrap:wrap; padding-top:12px; gap:8px; }.knowledge-topic-nav a { padding:8px 13px; border:1px solid #d3d9d9; font-size:15px; gap:12px; background:#fffdfa; }.knowledge-topic-nav a.is-selected { box-shadow:inset 0 -2px var(--knowledge-blue); }.knowledge-sidebar-blog { display:inline-flex; border:0; gap:21px; margin-top:10px; padding-left:0; }.knowledge-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.knowledge-article-heading { grid-template-columns:1fr; gap:30px; }.knowledge-article-heading .page-title { max-width:820px; font-size:clamp(34px,5vw,48px); }.knowledge-article-opening { width:min(100%,680px); justify-self:end; transform:none; }.knowledge-article-layout { grid-template-columns:1fr; gap:30px; }.knowledge-contents { max-width:730px; }.knowledge-contents nav { padding-block:15px; }.knowledge-contents ol { display:flex; flex-wrap:wrap; list-style:none; padding-left:0; gap:4px 23px; }.knowledge-contents li + li { margin-top:0; }.knowledge-back { margin-top:8px; }.knowledge-article-body { max-width:730px; }.knowledge-article-detail { margin-left:0; }.knowledge-next { align-items:flex-start; flex-direction:column; gap:23px; }.knowledge-related-grid { max-width:none; } }
@media(max-width:650px) { .knowledge-content { font-size:17px; }.knowledge-hero { padding-block:22px 30px; }.knowledge-hero .breadcrumbs { font-size:13px; margin-bottom:23px; }.knowledge-hero .page-title { font-size:34px; line-height:1.45; letter-spacing:-.6px; margin-top:12px; }.knowledge-hero .page-intro { font-size:17px; line-height:1.95; margin-top:17px; }.knowledge-notes { font-size:14px; line-height:1.95; margin-top:17px; }.knowledge-faq-layout { gap:19px; padding-bottom:32px; }.knowledge-topic-nav { gap:7px; }.knowledge-topic-nav a { min-height:44px; font-size:14px; padding:8px 11px; gap:9px; }.knowledge-topic-nav a span { font-size:12px; }.knowledge-sidebar-blog { font-size:15px; margin-top:7px; }.knowledge-faq-tools { padding-bottom:18px; margin-bottom:24px; }.knowledge-search input { font-size:17px; min-height:55px; }.knowledge-faq-actions { gap:7px; align-items:flex-start; }.knowledge-faq-actions > div { gap:5px 18px; }.knowledge-faq-actions button { font-size:14px; }.knowledge-faq-count { min-height:44px; display:flex; gap:5px; align-items:center; flex-wrap:wrap; }.knowledge-faq-group { margin-bottom:31px; }.knowledge-faq-group h2 { font-size:22px; line-height:1.8; margin-bottom:12px; }.knowledge-question summary { grid-template-columns:22px minmax(0,1fr) 19px; gap:10px; padding:19px 9px; font-size:17px; line-height:1.95; min-height:72px; }.knowledge-question-number { margin-top:5px; font-size:11px; }.knowledge-question-icon { width:19px; }.knowledge-question-icon::before,.knowledge-question-icon::after { width:13px; left:2px; top:16px; }.knowledge-answer { padding:1px 15px 24px 41px; font-size:17px; line-height:1.95; }.knowledge-service-link { font-size:15px; }.knowledge-next { padding-block:27px 30px; margin-bottom:27px; }.knowledge-next h2 { font-size:24px; line-height:1.75; }.knowledge-next p { font-size:16px; }.knowledge-next .button { max-width:100%; }.knowledge-blog-grid { grid-template-columns:1fr; gap:25px; padding-bottom:23px; }.knowledge-card-copy { padding:23px 22px; }.knowledge-card :is(h2,h3) { font-size:26px; line-height:1.65; }.knowledge-card-copy > p:not(.knowledge-reading-time) { font-size:17px; }.knowledge-illustration-note { font-size:13px; line-height:1.95; }.knowledge-blog > .knowledge-illustration-note { margin-bottom:35px; }.knowledge-article-heading { gap:24px; }.knowledge-article-heading .page-title { font-size:32px; }.knowledge-article-hero > .knowledge-illustration-note { margin-top:17px; }.knowledge-contents ol { display:block; padding-left:20px; list-style:decimal; font-size:15px; }.knowledge-contents li + li { margin-top:4px; }.knowledge-article-layout { gap:27px; padding-bottom:37px; }.knowledge-article-body :is(h2,h3) { font-size:25px; line-height:1.75; margin-bottom:14px; letter-spacing:0; }.knowledge-article-body p,.knowledge-article-body li { font-size:17px; line-height:1.95; }.knowledge-prose-section { margin-bottom:29px; }.knowledge-article-detail { margin-block:27px 31px; }.knowledge-takeaway { padding:23px 21px; margin-top:31px; }.knowledge-takeaway h2 { font-size:23px; }.knowledge-takeaway p,.knowledge-takeaway li { font-size:17px; }.knowledge-article-actions { padding-top:23px; gap:18px; }.knowledge-related { padding-block:28px 48px; }.knowledge-related > h2 { font-size:27px; line-height:1.7; margin-bottom:22px; }.knowledge-related-grid { grid-template-columns:1fr; gap:23px; }.knowledge-card-related .knowledge-card-copy { padding:22px; }.knowledge-card-related :is(h2,h3) { font-size:25px; }.knowledge-card-related .knowledge-card-copy > p:not(.knowledge-reading-time) { font-size:17px; } }
@media(prefers-reduced-motion:reduce) { .knowledge-content * { transition:none!important; transform:none!important; } }
html[data-motion="off"] .knowledge-content * { transition:none!important; }
@media print { .knowledge-faq-tools,.knowledge-topic-nav,.knowledge-article-actions,.knowledge-next { display:none!important; }.knowledge-faq-layout,.knowledge-article-layout { display:block; }.knowledge-contents { display:none; }.knowledge-question::details-content { display:block; height:auto; }.knowledge-answer { display:block; }.knowledge-blog-grid { grid-template-columns:1fr 1fr; }.knowledge-photo { break-inside:avoid; } }

/* The homepage invites readers into the same complete localized guides. */
.knowledge-preview { border-top:1px solid var(--knowledge-border); }
.knowledge-preview-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:35px 60px; margin-bottom:35px; }
.knowledge-preview-heading > div { max-width:770px; }
.knowledge-preview-heading h2 { font-size:clamp(31px,3.4vw,44px); line-height:1.55; letter-spacing:-.8px; }
.knowledge-preview-heading p { margin-top:18px; font-size:18px; line-height:1.95; color:#53636c; }
.knowledge-preview-heading .button { flex:none; max-width:300px; }
.knowledge-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:27px; }
.knowledge-preview-all { margin-top:25px; }
@media(max-width:950px) { .knowledge-preview-heading { flex-direction:column; gap:22px; }.knowledge-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .knowledge-preview-heading { margin-bottom:25px; }.knowledge-preview-heading h2 { font-size:29px; line-height:1.7; letter-spacing:0; }.knowledge-preview-heading p { font-size:17px; margin-top:15px; }.knowledge-preview-grid { grid-template-columns:1fr; gap:25px; }.knowledge-photo { aspect-ratio:4/5; }.knowledge-card .knowledge-photo { aspect-ratio:4/3; }.knowledge-article-detail { max-width:520px; } }