:root{--ndh-blue:#00415A;--ndh-blue-light:rgba(0,65,90,.08);--ndh-blue-hover:#00344F;--ndh-link-hover:#1d4ed8;--ndh-grey:#6b7280;--ndh-text:#1f2937;--ndh-text-light:#4b5563;--ndh-border:#e5e7eb;--ndh-bg:#f9fafb;--ndh-bg-grey:#f7f9fa;--ndh-bg-card:#fff;--ndh-placeholder:#f3f4f6;--ndh-surface:#e8ecee;--ndh-radius-md:12px;--ndh-radius-lg:16px;--ndh-radius-pill:100px;--ndh-font:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}.blog-container{display:flex;max-width:2000px;margin:auto;background:var(--ndh-bg-card);border-radius:var(--ndh-radius-md);box-shadow:0 10px 25px #0000001a;overflow:hidden}.editor-section,.preview-section{flex:1;padding:30px}form>div{margin-bottom:15px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--ndh-text-light)}input[type=text],input[type=date],input[type=number],textarea{width:100%;padding:10px;border:1px solid var(--ndh-border);border-radius:6px;transition:border-color .2s}input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--ndh-blue);box-shadow:0 0 0 3px var(--ndh-blue-light)}.editor-section button{background:var(--ndh-blue);color:var(--ndh-bg-card);border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.editor-section button:hover{background:var(--ndh-blue-hover)}#preview{width:840px;min-height:600px;border:1px solid var(--ndh-border);padding:20px;background:var(--ndh-bg-grey);font-family:var(--ndh-font);overflow-y:auto;min-width:800px}#preview-content img,#preview-cover-image{max-width:100%;height:auto;border-radius:var(--ndh-radius-lg)}#preview-cover-image{margin-bottom:32px}#preview-cover-image img{width:100%;border-radius:var(--ndh-radius-lg)}.button-text{font:500 14px/24px var(--ndh-font);background:0;border:0;color:var(--ndh-text);display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px 8px 12px;transition:color .2s,background .2s}.button-text:hover{color:#2563eb;background:#2563eb1a;border-radius:6px}.button-icon{transition:filter .2s}.button-text:hover .button-icon{filter:invert(32%) sepia(93%) saturate(1267%) hue-rotate(202deg) brightness(95%) contrast(92%)}.d-flex{display:flex;gap:12px}.auth-area{display:flex;justify-content:space-between;margin-bottom:32px}.author-name,.author-job{font:500 16px/24px var(--ndh-font);color:var(--ndh-grey)}.author-job{font-size:12px;line-height:20px}.blog-tag{font:500 14px/24px var(--ndh-font);color:var(--ndh-text-light);border-radius:var(--ndh-radius-pill);padding:8px 16px;background:var(--ndh-surface)}#preview h1{font:500 36px/48px var(--ndh-font);color:var(--ndh-text);margin:0 0 20px;letter-spacing:-.0075em}.description-area{color:var(--ndh-grey);display:flex;gap:16px;line-height:24px;margin-bottom:20px}.description-date{min-width:148px;border-right:1px solid var(--ndh-border);font:400 14px/20px var(--ndh-font)}.description-date p{font-weight:500}#preview-content p,.faq_answer .text-rich-text p{font:400 16px/28px var(--ndh-font);color:var(--ndh-text);margin-bottom:.5em}#preview-content p{margin-bottom:12px}.faq_answer .text-rich-text p:last-child{margin-bottom:0}#preview-content h2,.faq_answer .text-rich-text h2{font:500 32px/40px var(--ndh-font);color:var(--ndh-text);margin:24px 0 12px;letter-spacing:-.006em}#preview-content h2{margin:32px 0 12px}#preview-content h3,.faq_answer .text-rich-text h3{font:600 20px/28px var(--ndh-font);color:var(--ndh-text);margin:20px 0 12px}.faq_answer .text-rich-text h4,.faq_answer .text-rich-text h5{font:600 18px/26px var(--ndh-font);color:var(--ndh-text);margin:16px 0 8px}#preview-content ul,#preview-content ol,.faq_answer .text-rich-text ul,.faq_answer .text-rich-text ol{padding-left:36px;margin:24px 0}.faq_answer .text-rich-text ul,.faq_answer .text-rich-text ol{margin:16px 0}#preview-content ul,.faq_answer .text-rich-text ul{list-style:disc}#preview-content ol,.faq_answer .text-rich-text ol{list-style:decimal}#preview-content li,.faq_answer .text-rich-text li{font:400 16px/1.6 var(--ndh-font);color:var(--ndh-text);margin-bottom:8px;padding-left:8px}#preview-content li{margin-bottom:12px}#preview-content ul ul,#preview-content ol ol,#preview-content ul ol,#preview-content ol ul,.faq_answer .text-rich-text ul ul,.faq_answer .text-rich-text ol ol,.faq_answer .text-rich-text ul ol,.faq_answer .text-rich-text ol ul{margin:12px 0}#preview-content li li,.faq_answer .text-rich-text li li{margin-bottom:6px;font-size:15px}#preview-content ul li::marker,#preview-content ol li::marker,.faq_answer .text-rich-text ul li::marker,.faq_answer .text-rich-text ol li::marker{color:var(--ndh-text-light)}#preview-content ol li::marker,.faq_answer .text-rich-text ol li::marker{font-weight:500}#preview-content a,.faq_answer .text-rich-text a{color:var(--ndh-text);font:500 16px/24px var(--ndh-font);text-decoration:underline}#preview-content a:hover,.faq_answer .text-rich-text a:hover{color:var(--ndh-link-hover)}#preview-content strong,#preview-content b,.faq_answer .text-rich-text strong,.faq_answer .text-rich-text b{font-weight:700}#preview-content em,#preview-content i,.faq_answer .text-rich-text em,.faq_answer .text-rich-text i{font-style:italic}#preview-content blockquote,.faq_answer .text-rich-text blockquote{padding:24px 32px;color:var(--ndh-text);border-radius:var(--ndh-radius-md);background:var(--ndh-surface);font:400 italic 20px/28px Gill Sans,sans-serif;margin:16px 0}#preview-content blockquote{padding:32px;font-size:24px;line-height:32px;margin:20px 0 32px}#preview-content span{background:#f59e0b44!important}#preview-content hr{border:none;height:32px;background:url(/svgs/hr.svg) center/contain no-repeat;margin:32px 0}.faq_answer .text-rich-text hr{border:none;height:1px;background:var(--ndh-border);margin:24px 0}#preview-content img,.faq_answer .text-rich-text img{max-width:100%;height:auto;border-radius:var(--ndh-radius-md)}#preview-content h6{position:relative;padding:6px 0 6px 12px;list-style:none;font:400 14px/20px var(--ndh-font);color:var(--ndh-grey)}.faq_answer .text-rich-text h6{font:500 16px/24px var(--ndh-font);color:var(--ndh-grey);margin:12px 0 6px}#preview-content h6:before{content:"*";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--ndh-grey)}.back-link{display:flex;align-items:center;max-height:40px;max-width:154px;font:500 14px/24px var(--ndh-font);color:var(--ndh-text-light);text-decoration:none;cursor:pointer}.back-link img{margin-right:8px}.back-link:hover{color:var(--ndh-text);text-decoration:underline}.blog-page .container-context #preview{border:none!important;margin-top:72px;width:auto;min-width:335px;max-width:800px}@media (max-width:768px){.blog-page.container{padding:0 20px!important;box-sizing:border-box}.blog-page .container-context{padding:0!important;width:100%;max-width:100%;box-sizing:border-box}.blog-page .container-context #preview{padding:16px 0 24px;min-width:auto;width:100%;max-width:100%}.blog-page .blog_faq .container-small{padding:0!important}}@media (max-width:568px){.blog-page .container-context .description-area{flex-direction:column;gap:10px}.blog-page .container-context .back-link{padding:0}.blog-page #preview h1,.blog-page #preview h2,.blog-page #preview-content h2{font-size:24px;line-height:32px}.blog-page #preview h3,.blog-page #preview-content h3{font-size:18px;line-height:24px}.blog-page #preview-content ul,.blog-page #preview-content ol{padding-left:24px}}body{background:var(--ndh-bg-grey)}.justify-between{justify-content:space-between}.container-context .blog-tag{margin-bottom:0}.select2-container{width:100%!important}.flex-wrap{flex-wrap:wrap;justify-content:flex-end}.mb-16px{margin-bottom:16px}.blog_faq{margin:48px 0 80px;padding-top:40px;border-top:1px solid var(--ndh-border)}.blog_faq .container-small{max-width:800px;margin:0 auto;padding:0 16px}.blog_faq .margin-bottom.margin-large{margin-bottom:40px}.blog_faq .text-align-center{text-align:center}.blog_faq .max-width-large{max-width:640px;margin:0 auto}.heading-style-faq{font:600 32px/1.3 var(--ndh-font);letter-spacing:-.02em;color:var(--ndh-blue)}.faq_accordion-list{display:flex;flex-direction:column;gap:0}.faq_accordion{border-bottom:1px solid var(--ndh-border)}.faq_question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;cursor:pointer}.faq_question_text{flex:1;padding-right:16px;font:900 20px/1.4 var(--ndh-font);color:var(--ndh-blue)}.faq_icon-wrapper{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--ndh-grey);transition:transform .3s}.faq_icon-wrapper.is-open{transform:rotate(180deg)}.faq_answer{overflow:hidden;max-height:0;transition:max-height .3s}.faq_accordion.is-open .faq_answer{max-height:800px}.faq_answer .margin-bottom.margin-small{margin-bottom:16px}
