*{box-sizing:border-box}body{margin:0;background:#f5f8f8;color:#23372f;font:15px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#168561}.shell{max-width:1160px;margin:auto;padding:0 22px}.sitebar{background:white;border-bottom:1px solid #dfebea}.sitebar-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}.logo img{width:182px;max-width:100%;max-height:48px}.toplinks{display:flex;flex-wrap:wrap;gap:16px}.toplinks a{text-decoration:none;font-weight:700;font-size:13px;color:#537068}.toplinks a.current{color:#07805c}.hero{padding:38px 0 28px}.crumb{font-size:12px;color:#728881}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:#158460;text-transform:uppercase}h1{font-size:clamp(28px,4vw,39px);margin:8px 0 5px}h2{font-size:22px;margin:8px 0 14px}h3{margin:6px 0}.lead{font-size:17px;color:#60726e;max-width:770px}.content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:65px}.sidebar{position:sticky;top:12px;background:white;border:1px solid #dfe9e5;border-radius:14px;padding:18px}.sidebar a{display:block;padding:7px 0;font-size:13px;text-decoration:none}.sections{min-width:0}.panel{background:white;border:1px solid #dfe9e5;border-radius:15px;padding:24px;margin-bottom:18px;box-shadow:0 3px 10px #1b3a2710}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini{border:1px solid #e2ece9;border-radius:11px;padding:16px}.tag{font-size:11px;font-weight:750;color:#167b5b}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tabs button,.button{border:1px solid #caddd5;border-radius:9px;padding:11px 15px;background:#eff6f3;color:#346454;font-weight:700;cursor:pointer;text-decoration:none}.tabs button.active,.button{background:#158563;border-color:#158563;color:white}.method{display:none}.method.active{display:block}.step{display:grid;grid-template-columns:38px 1fr;gap:12px;margin:15px 0}.step p{margin:3px 0 9px;color:#5c6f68}.stepnum{background:#e9f5ef;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#168561;font-weight:800}.note{border-left:3px solid #22a678;background:#eff8f4;border-radius:6px;padding:14px;margin:16px 0}.note.warning{border-color:#d6a24a;background:#fff9eb}.figure{margin:18px 0}.figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d8e7e1;aspect-ratio:16/9;object-fit:contain;background:#eff5f5}.figure figcaption{font-size:12px;color:#70837d;margin-top:7px}.figure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}details{border-top:1px solid #e5eeea;padding:12px 0}summary{cursor:pointer;font-weight:700}.footer{padding:24px;text-align:center;color:#81918a;font-size:12px}@media(max-width:760px){.sitebar-inner{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:12px}.toplinks{gap:10px}.content{display:block}.sidebar{position:static;margin-bottom:16px}.cards,.figure-grid{grid-template-columns:1fr}.panel{padding:18px}.hero{padding:24px 0}}
/* Image enlargement — v12.3.0.2 */
.figure img{cursor:zoom-in;transition:box-shadow .15s ease,transform .15s ease}
.figure img:hover{box-shadow:0 5px 18px #12362c26}
.figure img:focus-visible{outline:3px solid #158563;outline-offset:3px}
.image-lightbox[hidden]{display:none!important}
.image-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(13,26,22,.92);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:58px 20px 36px}
.image-lightbox__image{max-width:min(96vw,1800px);max-height:calc(100dvh - 140px);height:auto;width:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 45px #0007}
.image-lightbox__close{position:absolute;right:18px;top:13px;border:1px solid #ffffff4d;border-radius:9px;padding:8px 13px;background:#1b2d29;color:white;font-size:24px;cursor:pointer}
.image-lightbox__caption{color:#ecf4f0;font-size:14px;text-align:center;margin-top:14px;max-width:90vw}
body.image-lightbox-open{overflow:hidden}
@media(max-width:760px){.image-lightbox{padding:62px 10px 36px}.image-lightbox__image{max-width:100%;max-height:calc(100dvh - 150px)}}

/* Editorial guide layout · 12.3.0.4 */
.content{grid-template-columns:215px minmax(0,1fr);gap:40px}.sidebar{background:transparent;border:0;border-left:2px solid #dbe8e2;border-radius:0;padding:4px 0 4px 18px}.sidebar h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6d847b}.sidebar a{line-height:1.4;padding:9px 0}.article{min-width:0;max-width:810px;background:#fff;border:1px solid #e3eeea;border-radius:16px;padding:clamp(22px,4vw,52px);box-shadow:0 5px 23px #1b3a270a}.editor-note{font-size:13px;color:#687e75;background:#f0f7f4;border-left:3px solid #35a57e;padding:12px 16px;border-radius:4px;margin:0 0 30px}.article-section{padding:20px 0 34px;border-bottom:1px solid #e4eeea;scroll-margin-top:30px}.article-section:first-child{padding-top:5px}.article-section:last-child{border-bottom:0}.article-section h2{font-size:clamp(21px,2.6vw,27px);letter-spacing:-.025em;line-height:1.3;margin:0 0 14px}.article-section p{font-size:15px;line-height:1.83;max-width:680px;color:#495e55;margin:0 0 18px}.article-figure{max-width:700px;margin:26px auto 35px}.article-figure img{aspect-ratio:auto;max-height:440px;object-fit:contain;display:block;margin:auto;background:#f0f6f4}.article-figure figcaption{margin-top:10px;text-align:center;line-height:1.5}.method-tabs{margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid #e5eeea}.sidebar-method[hidden]{display:none}.article .method{display:none}.article .method.active{display:block}.article details{border-top:1px solid #e4eeea}.article details p{margin-top:12px}.image-lightbox{touch-action:pan-y}.image-lightbox__counter{position:absolute;top:22px;left:24px;color:#fff;font-size:13px}.image-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:56px;border:1px solid #ffffff55;border-radius:12px;background:#17291ebd;color:white;font-size:35px;cursor:pointer;z-index:2}.image-lightbox__prev{left:16px}.image-lightbox__next{right:16px}.image-lightbox__caption{max-width:860px;padding:0 55px}.image-lightbox__image{max-width:calc(100vw - 150px)}@media(max-width:760px){.content{display:block}.sidebar{position:static;margin:0 0 20px;padding:12px 14px;border:1px solid #dceae4;border-radius:11px}.sidebar a{display:inline-block;padding:5px 10px 5px 0}.article{padding:20px}.article-figure img{max-height:440px}.image-lightbox__image{max-width:calc(100vw - 28px);max-height:70vh}.image-lightbox__nav{top:auto;bottom:68px;transform:none;width:40px;height:42px;font-size:26px}.image-lightbox__prev{left:12px}.image-lightbox__next{right:12px}.image-lightbox__caption{padding:0 48px;font-size:12px}}

/* 12.3.0.4 — standard instructional images: 1200 × 1200 WebP.
   Square layout without cropping, independent of the full-screen lightbox. */
.article-figure { width: min(100%, 540px); max-width: 540px; }
.article-figure img { width: 100%; height: auto; aspect-ratio: 1 / 1; max-height: none; object-fit: contain; }
@media (max-width: 760px) { .article-figure { width: 100%; max-width: 540px; } }
