html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:#f7f9fb;color:#20242a;font-family:Arial,Helvetica,sans-serif;line-height:1.62}
a{color:#006f8f;text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:#fff;border-bottom:1px solid #dbe3ea}
.header-inner{max-width:1160px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:22px;justify-content:space-between}
.brand{font-size:1.35rem;font-weight:800;color:#222}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:#87919c}.nav a{font-weight:700;color:#26313c}
.wrap{max-width:1120px;margin:0 auto;padding:34px 24px 60px;background:#fff;min-height:70vh}
.breadcrumbs{font-size:.92rem;margin-bottom:18px;color:#66717d}.breadcrumbs a{color:#66717d}
h1{font-size:2.35rem;line-height:1.14;margin:0 0 16px;color:#00796b}
h2{font-size:1.55rem;margin:2.25rem 0 .75rem;color:#00796b}
h3{font-size:1.18rem;margin:1.35rem 0 .55rem;color:#26313c}
p{margin:.85rem 0}
.intro{font-size:1.08rem;max-width:850px}
.doc-note{border-left:4px solid #3468a8;background:#f5f8fb;padding:12px 16px;margin:18px 0}
.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.button{display:inline-block;border:1px solid #00796b;background:#00796b;color:#fff;border-radius:4px;padding:10px 14px;font-weight:700}
.button.secondary{background:#fff;color:#00796b}
.button:hover{text-decoration:none;background:#006b60;color:#fff}.button.secondary:hover{background:#edf8f6;color:#006b60}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0 30px}
.card{border:1px solid #d8e0ea;border-radius:6px;background:#fff;padding:16px}
.card strong{display:block;margin-bottom:.35rem;color:#26313c}
.toc{border:1px solid #d8e0ea;border-radius:6px;background:#fbfcfe;padding:18px 20px;margin:26px 0 32px}
.toc h2{font-size:1.25rem;margin:0 0 .85rem;color:#26313c}
.toc ol{columns:2;column-gap:34px;margin:.25rem 0 0;padding-left:1.3rem}
.toc li{break-inside:avoid;margin:.28rem 0}
section{border-top:1px solid #e5ebf2;padding-top:1px;margin-top:28px}
.procedure{padding-left:1.35rem}
.procedure li{margin:.52rem 0}
.wrap ul{padding-left:1.35rem}
.wrap li{margin:.38rem 0}
.steps{counter-reset:step;display:grid;gap:12px;margin:20px 0 28px}
.step{border:1px solid #d8e0ea;border-radius:6px;padding:14px 16px;background:#fff}
.step:before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#00796b;color:#fff;font-weight:800;font-size:.86rem}
figure{margin:1.35rem 0 1.8rem}
figure img{display:block;width:100%;height:auto;border:1px solid #d6dde6;border-radius:6px;background:#f5f8fb}
figcaption{font-size:.92rem;color:#5d6978;margin-top:.55rem}
table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:1.25rem 0;font-size:.94rem}
th,td{border:1px solid #d6dde6;padding:8px 10px;vertical-align:top}th{background:#eef3f8;font-weight:700}
.footer{max-width:1120px;margin:0 auto;padding:22px 24px 38px;color:#66717d;font-size:.9rem}
@media(max-width:760px){.header-inner{display:block}.nav{margin-top:12px}.wrap{padding:26px 16px 42px}h1{font-size:1.9rem}.quick-links{display:grid}.button{text-align:center}.toc ol{columns:1}table{font-size:.86rem}th,td{padding:7px}}
