.article-index-section{padding-bottom:76px}
.article-tools{margin-bottom:28px}
.article-search-form{max-width:520px}
.article-search-form input{border-radius:8px;font-size:16px}
.article-filter{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.article-filter[aria-current]{background:#263c35;color:#fffdf5;border-color:#263c35}
.article-result{color:var(--muted);font-size:14px;margin-top:18px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.article-card{padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--inverse);min-width:0}
.article-card h2{font-size:32px;line-height:1.18;margin:18px 0}
.article-card h2 a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.article-card>p{color:var(--muted);font-size:16px}
.article-card>.link{margin-top:22px}
.article-tags{display:flex;flex-wrap:wrap;gap:8px}
.article-tags a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;color:#263c35;background:var(--paper)}
.article-tags a:hover{border-color:#263c35;text-decoration:underline;text-underline-offset:3px}
.article-meta,.article-card>.article-meta{font-size:13px;color:var(--muted);margin-top:20px}
.article-heading h1{font-size:clamp(40px,4.6vw,64px);line-height:1.1;max-width:800px;margin:23px 0}
.article-reading{padding-bottom:76px}
.article-body{max-width:760px;font-size:18px;line-height:1.85;overflow-wrap:anywhere}
.article-body p{max-width:none;margin:0 0 1.25em}
.article-body>p:first-child{font-size:20px;line-height:1.7}
.article-body .article-example-label{margin-bottom:12px}
.article-example{margin:0 0 30px;padding:22px 28px;border-left:3px solid #7a927d;background:#e8dfcf;font:18px/1.85 var(--display)}
.article-example p:last-child{margin-bottom:0}
.article-service{max-width:760px;border-top:1px solid var(--line);margin-top:42px;padding-top:32px}
.article-service h2{font-size:32px;line-height:1.2;margin-bottom:14px}
.article-service p{font-size:16px;color:var(--muted)}
.article-service .actions{margin-top:22px}
.article-related{margin-top:48px}
.article-related>h2{font-size:32px;margin-bottom:24px}
.article-back{margin-top:32px}
.article-share{max-width:760px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.article-share h2{font-family:var(--sans,Arial,sans-serif);font-size:15px;font-weight:600;margin:0 0 14px}
.article-share-actions{display:flex;gap:10px;flex-wrap:wrap}
.article-share .button{min-height:44px;padding:11px 17px;font-size:13px;cursor:pointer}
.article-share .article-share-secondary{background:transparent;color:#263c35;border:1px solid #263c35}
.article-share .article-share-secondary:hover{background:#263c35;color:#fffdf5}
.article-share [hidden]{display:none}
.article-share-status{font-size:14px;color:var(--muted);margin:12px 0 0;min-height:1.5em}
.article-share-fallback label{display:block;font-size:14px;margin:12px 0 6px}
.article-share-fallback input{box-sizing:border-box;width:100%;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:8px}
.article-noscript{margin-bottom:24px}
.article-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.article-grid{grid-template-columns:1fr}.article-card{padding:24px}.article-card h2{font-size:29px}.article-body{font-size:17px}.article-body>p:first-child{font-size:18px}.article-example{padding:18px 20px;font-size:17px}.article-reading,.article-index-section{padding-bottom:50px}}