:root{font:16px Tahoma,"Leelawadee UI",sans-serif;--navy:#092337;--cyan:#08758b;--gold:#9a701e;--cream:#f4f0e7;--muted:#526777;color:var(--navy);background:var(--cream);color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #00829b;outline-offset:4px}.shell{width:min(940px,calc(100% - 36px));margin-inline:auto}.preview{padding:9px 16px;text-align:center;font-size:.75rem;background:#183b51;color:#e6edf0;line-height:1.6}header{background:var(--navy);color:white}.header-inner{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:24px}.brand{font-weight:700;letter-spacing:.08em;font-size:1.65rem;text-decoration:none}.header-inner>a:last-child{font-size:.875rem;padding-block:10px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#e4e7e3;padding:5px;border-radius:35px;gap:5px;margin:30px 0 22px}.tabs button{border:0;border-radius:30px;min-height:52px;padding:12px 16px;background:transparent;color:var(--navy);font-weight:700;line-height:1.6;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--navy);color:white;box-shadow:0 4px 12px #102f4022}body[data-route=renew] .tabs button[aria-selected=true]{background:#6d531f}.nongfa{display:flex;gap:14px;align-items:center;border:1px solid #cfdcd9;border-radius:18px;background:linear-gradient(100deg,#e1eeec,#f2ebdb);padding:14px 18px}.nongfa>img{object-fit:contain;flex:0 0 45px;width:45px;height:52px}.nongfa-media{display:block;flex:0 0 76px;width:76px;height:86px;overflow:hidden}.nongfa-media video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nongfa-media canvas{display:block;width:76px;height:86px;background:transparent}.nongfa p{font-size:.95rem;line-height:1.8;margin:0}.nongfa p.guide-heading-only{font-weight:700;color:var(--navy)}.page-title{margin-top:32px}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:var(--cyan);margin:0 0 10px}h1{font-size:clamp(2rem,7.6vw,3rem);margin:0;line-height:1.5;letter-spacing:-.025em}.page-title>p:last-child{line-height:1.8;color:var(--muted);margin:10px 0}.save-note{font-size:.8rem;color:var(--muted);line-height:1.8;margin:14px 0 25px}.progress{margin:0 0 24px}.progress>div{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;line-height:1.8;font-size:.875rem}.progress span{color:var(--muted)}progress{width:100%;height:7px;border:0;border-radius:8px;display:block;margin-top:12px;background:#d7dfdc}progress::-webkit-progress-bar{background:#d7dfdc;border-radius:8px}progress::-webkit-progress-value{background:#087f8d;border-radius:8px}.category{background:#fff;border:1px solid #e3e6e1;border-radius:23px;padding:24px;margin-bottom:18px;box-shadow:0 8px 30px #173a4b06;scroll-margin-top:20px}.category-heading{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.category-title{display:flex;align-items:center;gap:12px}.category-number{font-size:.85rem;color:var(--muted);border:1px solid #d6dfdf;border-radius:10px;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0}h2{font-size:1.2rem;line-height:1.65;margin:0}.badge{font-size:.75rem;border-radius:20px;padding:6px 11px;background:#eff1ee;color:#526777;line-height:1.5}.badge[data-state=preparing]{background:#fff0cd;color:#805d16}.badge[data-state=choice]{background:#e5eef5;color:#315f7e}.badge[data-state=complete]{background:#dcefe8;color:#116b50}.count{font-size:.875rem;color:var(--muted);line-height:1.8;margin:12px 0}.category[data-state=complete]{border-color:#acd7c8}.category[data-state=complete] .category-number{background:#0d7359;color:white;border-color:#0d7359}.checklist{border:0;padding:0;margin:16px 0 0;min-width:0}.checklist legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.check-row{display:flex;gap:12px;align-items:flex-start;padding:15px 14px;border:1px solid #e4dfd2;border-radius:12px;background:#f8f6ef;line-height:1.8;margin-top:8px;cursor:pointer}.check-row input{width:22px;height:22px;flex:0 0 22px;accent-color:#087f8d;margin:3px 0 0}.row-content{min-width:0;flex:1}.row-content>span{display:block}.row-state{font-size:.75rem;color:#725c2c}.check-row:has(input:checked){background:#e7f2ef;border-color:#b6d9cf}.check-row:has(input:checked) .row-state{color:#14654f}.category-controls{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}.text-button{padding:8px 0;min-height:44px;border:0;background:transparent;color:#20536d;text-decoration:underline;text-underline-offset:5px;font-size:.875rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.choice{min-height:60px;background:white;border:1px solid #b7cbd2;border-radius:13px;padding:14px 12px;color:var(--navy);font-size:.9rem;line-height:1.7}.choice[aria-pressed=true]{background:#e3eff2;border-color:#0d7b91;box-shadow:inset 0 2px #0d7b91}.support{margin-top:18px;padding:18px;border-radius:14px;background:#edf4f5;font-size:.95rem;line-height:1.9}.support p{margin-top:0}.support a{display:inline-block;min-height:44px;padding-block:9px}.support a.staff-line-cta{display:inline-flex;padding:9px 20px;margin-top:8px}.support label{display:flex;gap:10px;align-items:flex-start;margin-top:16px}.support input{width:22px;height:22px;flex:0 0 22px;margin-top:5px;accent-color:#087f8d}.summary{margin-top:30px;background:var(--navy);color:white;padding:28px;border-radius:24px}.summary .eyebrow{color:#76ddeb}.summary h2{font-size:1.5rem}.summary>p:not(.eyebrow){line-height:1.8;color:#c6d6df}.summary ul{list-style:none;padding:0;margin:22px 0}.summary li{border-top:1px solid #355165;padding:17px 0}.summary a.summary-link{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;text-decoration:none;font-size:.95rem;line-height:1.8}.summary li p{font-size:.875rem;line-height:1.8;color:#bacdd8;margin:6px 0 0}.summary-status{color:#eacc87}.summary-status.complete{color:#83dec3}.line{display:flex;justify-content:center;align-items:center;gap:12px;background:#e6b63f;border:1px solid #e6b63f;border-radius:34px;padding:14px 20px;text-decoration:none;color:#061a3a;line-height:1.7;font-size:1rem;font-weight:700;white-space:nowrap}.staff-line-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;min-width:min(100%,280px);padding:9px 20px;border-radius:34px;background:#e6b63f;color:#061a3a;text-decoration:none;font-weight:700;line-height:1.7;white-space:nowrap}.staff-line-cta .line-oa-icon{width:39px!important;height:39px!important;flex:0 0 39px}.fine{font-size:.8rem}footer{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;font-size:.8rem;color:var(--muted);padding-block:30px;line-height:1.8}.skip{position:absolute;top:-100px;left:15px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}.notice{padding:20px;background:white;border-radius:15px}
@media(max-width:420px){.category{padding:20px 16px}.category-heading{gap:10px}.category-title{gap:9px}.choices{grid-template-columns:1fr}.summary{padding:24px 18px}.check-row{padding:13px 10px}.tabs button{padding-inline:8px;font-size:.86rem}.header-inner{padding-block:18px}}
@media(min-width:761px){main.shell{max-width:850px}.category{padding:28px 30px}.page-title{margin-top:40px}.tabs{max-width:650px;margin-inline:auto}.check-row{padding:16px 18px}}

.focused-category .category[hidden]{display:none}
#category-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
#category-navigation[hidden]{display:none}
#category-navigation a{display:inline-flex;align-items:center;min-height:44px}

.notebook{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
.picture-return{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#061a3a;border-top:1px solid #526777;padding:12px 18px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;box-shadow:0 -4px 18px #0002}
.picture-return a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:auto;min-width:132px;padding:0 22px;border-radius:28px;background:#e8b936;color:#061a3a;font-weight:700;text-decoration:none;font-size:1.05rem;white-space:nowrap}
.picture-return a::before{content:"➜";display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#061a3a;color:#e6b63f;font-size:1.15rem;line-height:1;transform:rotate(180deg)}
#back-service::before,#category-navigation a:first-child::before{content:"➜";display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;margin-right:7px;border-radius:50%;background:#061a3a;color:#e6b63f;font-size:.82rem;line-height:1;transform:rotate(180deg);text-decoration:none}
#back-service{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:right calc(100% - 7px);background-size:calc(100% - 29px) 2px}
#back-service::before,#category-navigation a:first-child::before{content:"";width:30px;height:30px;flex-basis:30px;margin-right:8px;border-radius:0;background:url("assets/icons/arrow-left-gold.svg") center/contain no-repeat;color:transparent;font-size:0;transform:none}
#category-navigation .next-category-link::after,.notebook .site-footer>a:last-child::after{content:"➜";display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;margin-left:7px;border-radius:50%;background:#061a3a;color:#e6b63f;font-size:.82rem;line-height:1;text-decoration:none}
.notebook .back-top{bottom:calc(90px + env(safe-area-inset-bottom))}

.category{position:relative}.category-icon{float:right;width:58px;height:58px;object-fit:contain;margin:0 0 10px 14px;padding:5px;border-radius:14px;background:linear-gradient(145deg,#f7fbff,#eee6d7);border:1px solid #d9c58e;box-shadow:0 6px 18px #09233714}.category .count{clear:both}@media(min-width:600px){.category-icon{width:68px;height:68px}}

.notebook .site-header .site-bar{padding-block:4px}.notebook .site-header .brand-logo{width:64px;height:64px}.notebook .site-header .site-brand span{display:none}
@media(max-width:420px){
.category{padding:14px 12px;margin-bottom:12px;border-radius:18px}
.category-icon{width:48px;height:48px;padding:4px;margin:0 0 7px 10px;border-radius:12px}
.category-title{gap:8px}.category-number{width:30px;height:30px;font-size:.78rem}
.category h2{font-size:1.05rem;line-height:1.5}.badge{padding:4px 9px;font-size:.7rem}
.count{font-size:.8rem;line-height:1.55;margin:7px 0 10px}
.checklist{margin-top:10px}.check-row{gap:9px;padding:9px 9px;margin-top:6px;line-height:1.55;border-radius:10px}
.check-row input{width:20px;height:20px;flex-basis:20px;margin-top:2px}.row-content>span:first-child{font-size:.94rem}.row-state{font-size:.7rem}
.category-controls{margin-top:10px}.text-button{min-height:40px;padding-block:6px}
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.category h2,.row-content>span:first-child{white-space:pre-line}
@media(max-width:599px){
.picture-return{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0002}
.notebook .back-top:not([hidden]){display:grid!important;place-items:center;width:52px;height:52px;bottom:calc(88px + env(safe-area-inset-bottom));right:14px;padding:0;border:0;border-radius:50%;font-size:0;background:#061a3a;box-shadow:0 4px 16px #0003}
.notebook .back-top::before{content:"➜";display:grid;place-items:center;width:44px;height:44px;color:#e6b63f;font-size:1.65rem;font-weight:700;line-height:1;transform:rotate(-90deg)}
.notebook .site-footer p{width:100%;max-width:100%;font-size:clamp(.82rem,3.6vw,1rem);font-weight:600;line-height:1.6;white-space:normal}
.notebook .site-footer p br{display:none}
.notebook .site-footer{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px 16px;padding:20px 24px}
.notebook .site-footer .brand-logo{width:72px;height:72px}
.notebook .site-footer>a:last-child{grid-column:2;justify-self:start}
.page-title h1 .document-title-prefix,.page-title h1 .document-title-service{display:block}
.page-title h1 .document-title-prefix{font-size:1.7rem;line-height:1.35}
.page-title h1 .document-title-service{font-size:clamp(1.35rem,6.2vw,1.75rem);line-height:1.45;white-space:nowrap;letter-spacing:-.035em}
}
@media(max-width:330px){
.page-title h1 .document-title-service{font-size:0;color:transparent}
.page-title h1 .document-title-service::after{content:attr(data-short);font-size:1.55rem;color:var(--navy)}
}



.badge[data-state=service]{background:#e8f1f3;color:#0d6878}.summary-status.service{color:#eacc87}.engineer-care{background:linear-gradient(145deg,#eef5f6,#f8f3e8);border:1px solid #c9dadd}.engineer-care h3{margin:0 0 8px;color:var(--navy);font-size:1.05rem}.engineer-care p{color:var(--muted);margin:0 0 14px}.engineer-care .text-button{display:block;width:max-content;margin-bottom:8px}.engineer-care .staff-line-cta{display:inline-flex}

.page-title h1 .document-title-renew{font-size:clamp(1.08rem,5vw,1.4rem);letter-spacing:-.045em}






.nongfa-reaction{position:fixed;left:14px;bottom:86px;z-index:8;width:95px;height:108px;pointer-events:none;opacity:0;transform:translateY(12px) scale(.94);transition:opacity .2s ease,transform .2s ease;filter:drop-shadow(0 8px 12px #061a3a35)}.nongfa-reaction.is-visible{opacity:1;transform:translateY(0) scale(1)}.nongfa-reaction canvas{display:block;width:95px;height:108px;background:transparent}@media(min-width:700px){.nongfa-reaction{left:24px;bottom:24px;width:110px;height:125px}.nongfa-reaction canvas{width:110px;height:125px}}

.nongfa-media .nongfa-hd{display:block;width:76px;height:86px;object-fit:contain;object-position:center;transform-origin:50% 84%;filter:drop-shadow(0 5px 9px #08758b30);animation:documents-nongfa-breathe 8.6s cubic-bezier(.42,0,.58,1) infinite;image-rendering:auto;opacity:1;transition:opacity .7s ease,filter .7s ease;will-change:transform,opacity}
.nongfa-media .nongfa-hd.nongfa-pose-changing{opacity:.18;filter:blur(1px) drop-shadow(0 4px 8px #08758b20)}
.nongfa-reaction .nongfa-hd{display:block;width:95px;height:108px;object-fit:contain;object-position:center;background:transparent}
.nongfa-media .nongfa-confirm{animation:documents-nongfa-wave 5.4s cubic-bezier(.42,0,.58,1) 1}
.nongfa-media .nongfa-next{animation:documents-nongfa-point 5.8s cubic-bezier(.42,0,.58,1) 1}
.nongfa-media .nongfa-complete{animation:documents-nongfa-celebrate 5.6s cubic-bezier(.42,0,.58,1) 1}
@keyframes documents-nongfa-breathe{0%,100%{transform:translateY(0) scale(1)}48%,58%{transform:translateY(-2px) scale(1.005)}}
@keyframes documents-nongfa-wave{0%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-3px) rotate(-.9deg)}70%{transform:translateY(-1px) rotate(.9deg)}}
@keyframes documents-nongfa-point{0%,100%{transform:translateX(0) rotate(0)}48%{transform:translateX(2px) rotate(.7deg)}}
@keyframes documents-nongfa-celebrate{0%,100%{transform:translateY(0) scale(1)}46%,58%{transform:translateY(-3px) scale(1.01)}}
@media(min-width:700px){.nongfa-reaction .nongfa-hd{width:110px;height:125px}}
@media(prefers-reduced-motion:reduce){.nongfa-media .nongfa-hd{animation:none!important;transform:none!important}}
.nongfa p.guide-safety-progress{display:grid;gap:1px;line-height:1.55}.nongfa p.guide-safety-progress>span,.nongfa p.guide-safety-progress>strong{display:block}.nongfa .guide-safety-title{white-space:nowrap;color:var(--navy);font-size:.9em}
.summary .summary-missing{white-space:normal}.summary .summary-missing-more{display:block;margin-top:4px;font-weight:800;color:inherit}
#back-service{gap:8px;background-image:none!important}
#back-service::before{content:none!important;display:none!important}
#back-service .back-service-icon{display:block;width:30px;height:30px;flex:0 0 30px}
#back-service>span{border-bottom:2px solid currentColor;line-height:1.35}


/* Document interaction motion */
progress::-webkit-progress-value{transition:width .65s cubic-bezier(.22,.75,.25,1);background:linear-gradient(90deg,#087f8d,#13a4aa)}
.progress{position:relative}.progress::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:16px;border-radius:50%;background:radial-gradient(ellipse,#e6b63f38 0,transparent 68%);opacity:0;pointer-events:none}.progress.progress-feedback::after{animation:progressGlow .72s ease-out}
.category h2,.summary h2{position:relative;width:max-content;max-width:100%;padding-bottom:5px}.category h2::after,.summary h2::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:linear-gradient(90deg,#e6b63f,#f4d984);transform:scaleX(0);transform-origin:left center;opacity:.9}.category.motion-visible h2::after,.summary.motion-visible h2::after{animation:titleGoldLine .72s .08s cubic-bezier(.22,.75,.25,1) forwards}
.check-row{transition:background-color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.check-row.check-feedback{animation:checkConfirm .58s cubic-bezier(.22,.75,.25,1)}.category.check-feedback{animation:categoryConfirm .58s cubic-bezier(.22,.75,.25,1)}.check-row.uncheck-feedback{animation:checkRelease .42s ease}
@keyframes progressGlow{0%{opacity:0;transform:scaleX(.25)}40%{opacity:1}100%{opacity:0;transform:scaleX(1)}}
@keyframes titleGoldLine{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:.9}}
@keyframes checkConfirm{0%{transform:scale(1);box-shadow:0 0 0 0 #0d7b9100}45%{transform:scale(1.012);box-shadow:0 0 0 4px #0d7b9126}100%{transform:scale(1);box-shadow:0 0 0 0 #0d7b9100}}
@keyframes categoryConfirm{0%{box-shadow:0 8px 30px #173a4b06}45%{box-shadow:0 0 0 4px #3c9f7a2e,0 12px 34px #173a4b12}100%{box-shadow:0 8px 30px #173a4b06}}
@keyframes checkRelease{0%{transform:scale(1)}45%{transform:scale(.99)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){progress::-webkit-progress-value{transition:none}.progress.progress-feedback::after,.category.motion-visible h2::after,.summary.motion-visible h2::after,.check-row.check-feedback,.category.check-feedback,.check-row.uncheck-feedback{animation:none}.category h2::after,.summary h2::after{transform:scaleX(1)}}