@charset "UTF-8";
:root{--kg-ink:#162b36;--kg-green:#155e58;--kg-bg:#f6f8f6;--kg-line:#ccd9d3}
body#body{background:var(--kg-bg);color:var(--kg-ink)}
#body #contents>.inner{display:block;box-sizing:border-box;width:100%;max-width:852px;padding:0 16px;margin:0 auto}
#body #main{float:none;width:100%;max-width:none;min-width:0;margin:0 auto}
#body #main-header{width:100%;margin:0 auto 20px}
#body #headerimg .headerimg-txt{color:var(--kg-ink);text-align:left}
#body #headerimg .headerimg-title{font-size:clamp(1.65rem,4vw,2.75rem);font-weight:800;line-height:1.27;letter-spacing:.015em}
#body #headerimg .headerimg-desc{font-size:1rem;color:var(--kg-ink)}
#body #headerimg{background:transparent}
#body #headerimg .headerimg-img,#body #headerimg .headerimg-meta{display:none}
#body #header{border-bottom:1px solid var(--kg-line);background:#fff}
#body #header #logo-wrap a{color:var(--kg-ink)}
#body #main .kg-section{font-size:17px;line-height:1.8;color:var(--kg-ink);scroll-margin-top:20px;padding:0 0 38px}
#body #main .kg-section h2,#body #main .kg-section h3,#body #main .kg-section h4{color:var(--kg-ink);line-height:1.4;word-break:normal}
#body #main .kg-section h2{font-size:clamp(1.25rem,3vw,1.65rem);padding:0 0 12px;margin:0 0 18px;border:0;border-bottom:2px solid var(--kg-green);background:none}
#body #main .kg-section h3{font-size:1.16rem;margin:1.55em 0 .55em;padding:0;border:0;background:none}
#body #main .kg-p{margin:.75em 0 1em}
#body #main .kg-list{margin:.75em 0 1em;padding-inline-start:1.4em}
#body #main .kg-list li{margin:.35em 0}
#body #main .kg-section a{color:var(--kg-green);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
#body #main .kg-section :is(a,button,summary,textarea):focus-visible{outline:3px solid #aa552a;outline-offset:3px}
#body #main .kg-section .kg-button{display:inline-block;box-sizing:border-box;padding:.66em 1em;border-radius:7px;border:1px solid var(--kg-green);background:var(--kg-green);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.45}
.kg-kicker{margin:.25em 0 .55em;color:var(--kg-green);font-size:.84rem;font-weight:800;letter-spacing:.055em}
.kg-hero,.kg-cards,.kg-fork{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kg-hero{align-items:center;padding:clamp(14px,3.4vw,28px);background:#e5f0ea;border:1px solid var(--kg-line);border-radius:16px}
.kg-hero .kg-p{font-size:clamp(1.04rem,2.4vw,1.33rem);font-weight:650}
.kg-actions,.kg-related{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}
.kg-card,.kg-fork>div,.kg-toc,.kg-call,.kg-jump,.kg-faq{background:#fff;border:1px solid var(--kg-line);border-radius:10px;padding:14px 18px}
.kg-toc{margin:18px 0 26px}
.kg-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;margin:8px 0 0;padding-inline-start:1.5em}
.kg-toc li{padding-inline-start:3px}
.kg-card .kg-kicker{margin-top:15px}
#body #main .kg-card h3{margin:.2em 0 .4em;font-size:1.35rem}
.kg-jump{margin-top:16px}
.kg-image{margin:18px 0 22px;padding:0}
.kg-card .kg-image,.kg-hero .kg-image{margin:0}
.kg-image img{width:100%;height:auto;display:block;border-radius:9px}
.kg-section:not(#home):not(#featured)>.kg-image{max-width:680px}
.kg-flow,.kg-call{margin:20px 0;padding:16px;border-inline-start:4px solid var(--kg-green);background:#eaf2ec}
.kg-fork>div{padding:12px 14px}
.kg-flow .kg-end,.kg-call>.kg-p{margin:10px 0 0}
.kg-call>.kg-p:first-child{margin:0}
.kg-steps{counter-reset:kgsteps;list-style:none!important;margin:20px 0!important;padding:0!important;display:grid;gap:8px}
.kg-steps>li{counter-increment:kgsteps;position:relative;list-style:none!important;padding:9px 12px 9px 48px!important;border-radius:7px;border:1px solid var(--kg-line);background:#fff}
.kg-steps>li::before{content:counter(kgsteps);position:absolute;left:12px;top:10px;display:grid;place-items:center;background:var(--kg-green);color:white;border-radius:50%;width:25px;height:25px;font-size:13px;font-weight:800}
#body #main .kg-table{width:100%;margin:19px 0 22px;table-layout:fixed;border-collapse:collapse;background:#fff}
.kg-table caption{text-align:left;font-weight:750;padding:0 0 7px}
#body #main .kg-table :is(th,td){border:1px solid var(--kg-line);padding:9px 10px;text-align:left;vertical-align:top;font-size:.92em;line-height:1.55;overflow-wrap:anywhere}
#body #main .kg-table th{background:#eaf2ec;color:var(--kg-ink)}
.kg-ref{font-size:.87em;color:#3b514c;margin:.9em 0}
.kg-faq{margin:10px 0}
.kg-faq summary{cursor:pointer;font-weight:750;color:var(--kg-green)}
.kg-related{margin-top:18px}
.kg-sheet{background:#fff;border:1px solid var(--kg-line);border-radius:10px;padding:16px;margin:16px 0}
.kg-sheet-field{margin:10px 0 14px;border-top:1px solid var(--kg-line);padding-top:8px}
#body #main .kg-sheet-field h4{padding:0;margin:0;background:none;border:0;font-weight:750;font-size:1em}
.kg-sheet-field p{margin:4px 0}
.kg-write label{font-size:.83em;color:#365652;display:block}
.kg-write textarea{display:block;width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid #7a9990;border-radius:5px;font:inherit;min-height:3.4em;resize:vertical;color:var(--kg-ink);background:white}
.kg-print-value{display:none}
.kg-sheet-note{font-size:.85em}
@media (max-width:640px){
#body #main .kg-section{font-size:16px;padding-bottom:26px}
.kg-hero,.kg-cards,.kg-fork,.kg-toc ol{grid-template-columns:minmax(0,1fr)}
.kg-hero .kg-image{max-height:162px;overflow:hidden}
.kg-hero .kg-image img{max-height:162px;object-fit:cover}
#body #main .kg-table,#body #main .kg-table tbody,#body #main .kg-table tr,#body #main .kg-table caption{display:block}
#body #main .kg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#body #main .kg-table tr{border:1px solid var(--kg-line);border-radius:7px;overflow:hidden;margin:0 0 8px}
#body #main .kg-table :is(td,th){display:block;border:0;border-bottom:1px solid var(--kg-line)}
#body #main .kg-table td::before{content:attr(data-col);display:block;color:var(--kg-green);font-size:.85em;font-weight:750}
}
@page{size:A4;margin:12mm 13mm}
@media print{
body:has(.kg-sheet),body:has(.kg-sheet) #wrap,body:has(.kg-sheet) #contents,body:has(.kg-sheet) #contents>.inner,body:has(.kg-sheet) #main{display:block!important;background:#fff!important;color:#111!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important}
body:has(.kg-sheet) #wrap>*:not(#contents),body:has(.kg-sheet) #contents>.inner>*:not(#main),body:has(.kg-sheet) #main>*:not(:has(.kg-sheet)),body:has(.kg-sheet) .kg-section:has(.kg-sheet)>*:not(.kg-sheet){display:none!important}
body:has(.kg-sheet) #main .kg-section:has(.kg-sheet),body:has(.kg-sheet) #main :is(.mainbox,.txt-body):has(.kg-sheet){background:white!important;border:0!important;padding:0!important;margin:0!important}
.kg-sheet{border:0!important;margin:0!important;padding:0!important;font-size:11pt!important;line-height:1.45!important}
#body #main .kg-sheet h3{margin:0 0 3mm!important;font-size:17pt!important}
.kg-sheet-field{break-inside:avoid;margin:3mm 0;padding-top:2mm}
.kg-sheet-field p{margin:1mm 0}
.kg-write textarea{display:none!important}
.kg-print-value{display:block!important;white-space:pre-wrap;overflow-wrap:anywhere;min-height:13mm;border-bottom:1px solid #666;color:#111}
.kg-sheet-note{margin-top:3mm}
}
/* Native section wrappers and formatter-generated spacer paragraphs. */
#body #headerimg .headerimg-title{font-size:clamp(24px,4.3vw,40px)}
#body #headerimg .headerimg-desc,#body #header #spmenu,#body #header #spmenu-btn{display:none!important}
#body #main .kg-section{scroll-margin-top:85px;padding:0}
#body #main>section:has(.kg-section){margin:0 0 64px;padding:0;background:none;border:0}
#body #main>section:has(.kg-section)>.txt-body{padding:0;margin:0;background:none}
#body #main>section:has(.kg-section)>h2{font-size:clamp(20px,3vw,26px);line-height:1.35;padding:0 0 12px;margin:0 0 18px;border:0;border-bottom:2px solid var(--kg-green);background:none}
.kg-section p:empty,.kg-section p:not([class]):has(>br:only-child){display:none!important}
#body #main .kg-section h3{font-size:19px}
#body #main .kg-card h3{font-size:23px}
.kg-kicker{font-size:13px}
.kg-hero .kg-p{font-size:clamp(16px,2vw,21px)}
@media (max-width:640px){
#body #main>section:has(.kg-section){margin-bottom:40px}
}
@media print{
body:has(.kg-sheet) #main>section:has(.kg-sheet)>h2{display:none!important}
body:has(.kg-sheet) #main>section:has(.kg-sheet),body:has(.kg-sheet) #main .kg-section:has(.kg-sheet),body:has(.kg-sheet) #main .txt-body:has(.kg-sheet){background:white!important;border:0!important;padding:0!important;margin:0!important}
#body #main .kg-sheet h3{font-size:17pt!important}
}



.kg-photo { margin: 20px 0 26px; }
.kg-photo img, .kg-card-image img, .kg-reference img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.kg-photo img { aspect-ratio: 16 / 8; object-fit: cover; }
.kg-hero .kg-photo { margin: 0; }
.kg-hero .kg-photo img { aspect-ratio: 8 / 5; }
#body #main .kg-caption { margin: 6px 0 0; color: #405750; font-size: 13px; line-height: 1.55; }
.kg-card-image img { aspect-ratio: 8 / 5; object-fit: cover; margin-bottom: 10px; }
.kg-card { display: flex; flex-direction: column; }
.kg-card .kg-button { align-self: flex-start; margin-top: auto; }
.kg-group-nav, .kg-sheet-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 18px 0 30px; }
.kg-group-nav a, .kg-sheet-links > div, .kg-reference {
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #ccd9d3;
  border-radius: 10px;
}
.kg-group-nav a { display: flex; gap: 10px; align-items: center; }
#body #main .kg-group h3 { display: flex; gap: 10px; align-items: center; }
.kg-icon { display: inline-block; flex: 0 0 40px; width: 40px; height: 40px; }
.kg-group { margin: 36px 0 46px; scroll-margin-top: 85px; }
#body #main .kg-group .kg-card h3 { display: block; }
#body #main .kg-sheet-links h3 { margin: 0; }
.kg-reference { margin: 22px 0; }
#body #main .kg-reference h3 { margin-top: 0; }
.kg-visual-steps { padding: 14px 16px; margin: 18px 0; background: #eaf2ec; border-radius: 10px; }
#body #main .kg-visual-steps h3 { margin: 0 0 12px; }
.kg-visual-steps .kg-steps { margin: 0!important; }
@media (min-width: 760px) {
  .kg-cards.kg-featured { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kg-visual-steps .kg-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .kg-group-nav, .kg-sheet-links { grid-template-columns: minmax(0, 1fr); }
  .kg-group { margin: 28px 0 38px; }
}

/* Article illustrations sit alongside the reading, with a shorter measure on PC. */
#body #main .kg-inset {
  width: min(100%, 560px);
  margin: 22px 0 0;
}
#body #main .kg-inset img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e3e8e3;
  border-radius: 10px;
}
#body #main .kg-inset .kg-caption {
  margin: 8px 0 0;
}
@media (max-width: 640px) {
  #body #main .kg-inset { margin-top: 18px; }
}

#body #main #start .kg-photo {
  max-width: 680px;
}
#body #main #start .kg-photo img {
  aspect-ratio: 8 / 5;
}