.guide{margin-top:22px;border:1px solid var(--line);border-radius:18px;background:#f7faf7;overflow:hidden}.guide summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;cursor:pointer;font-weight:800}.guide summary::-webkit-details-marker{display:none}.guide summary::after{content:'+';display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e3ece6;color:var(--deep);font-size:1.25rem}.guide[open] summary::after{content:'−'}.guide-body{border-top:1px solid var(--line);padding:20px 18px}.guide-lead{margin:0 0 18px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.guide h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;color:#41726b;margin:0 0 10px}.guide ol{margin:0;padding-left:1.25rem}.guide li{margin:.45rem 0}.example-box{background:#e9f1e9;border-radius:14px;padding:16px}.example-box p{margin:0 0 12px;font-size:.9rem}.example-box strong{color:var(--deep)}.use-example{border:0;background:var(--deep);color:white;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.use-example:hover{background:#1d504e}.use-example:focus-visible,.guide summary:focus-visible{outline:3px solid #78a69e;outline-offset:3px}.guide-note{margin:16px 0 0;padding:12px 14px;border-left:3px solid #78a69e;background:#fff;font-size:.84rem;color:var(--muted)}@media(max-width:800px){.guide-grid{grid-template-columns:1fr}}