:root{--ink:#071b2b;--accent:#15796e;--muted:#53636c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7f6;color:var(--ink);font:16px/1.9 system-ui,-apple-system,sans-serif}a{color:var(--accent);text-underline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:3}header{border-bottom:1px solid #d6e1df;background:#fff}header nav{max-width:1040px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header .brand{font-weight:800;letter-spacing:.1em;color:var(--ink);text-decoration:none}main{max-width:820px;margin:0 auto;padding:40px 24px 64px}h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.45;margin:16px 0 24px}h2{font-size:1.35rem;line-height:1.6;margin:40px 0 16px}p,li{overflow-wrap:anywhere}p{margin:16px 0}li{margin:8px 0}.breadcrumb,.meta{font-size:.875rem;color:var(--muted)}.intro{font-size:1.05rem}.example{background:#fff;border-left:4px solid var(--accent);padding:14px 22px;margin:18px 0}.example p{margin:8px 0}[lang=en]{line-height:1.7}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:440px;font-size:1rem}th,td{text-align:left;border:1px solid #cfdbd7;padding:14px;background:#fff}th{background:#e5efeb}.cta{background:var(--ink);color:#fff;padding:28px;border-radius:18px;margin-top:48px}.cta h2{margin:0 0 12px}.cta p{margin:12px 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:#4ce0d2;color:var(--ink);border-radius:9px;text-decoration:none;font-weight:700}.button.secondary{background:#fff}.cta small{display:block;font-size:.875rem;margin-top:18px;color:#dce9e4}.related{margin-top:40px;border-top:1px solid #cfdbd7}.related a{display:block;margin:14px 0}.article-cover{margin:28px 0}.article-cover img{display:block;width:100%;height:auto;border-radius:12px}.template-tools{background:#e5efeb;padding:20px;border-radius:12px}.share-tools{margin-top:32px}.copy-result{font-size:.875rem}.copy-fallback{display:block;width:100%;min-height:120px;margin-top:12px;padding:12px;font:inherit;border:1px solid #90b5a8;border-radius:8px}.copy-fallback[hidden]{display:none}.button{font:inherit;border:0;cursor:pointer}footer{text-align:center;font-size:.875rem;padding:24px;color:var(--muted)}:focus-visible{outline:3px solid #bd8733;outline-offset:4px}@media(max-width:440px){main{padding:28px 20px 48px}.cta{padding:24px 20px}header nav{padding:16px 20px}.button{width:100%}}@media print{header,.cta,.related,footer,.template-tools,.share-tools{display:none}body{background:#fff}main{padding:0;max-width:none}h2{break-after:avoid}.example{break-inside:avoid}}