.page-examples main{background:#f7f7f0;padding:42px 0 65px}
.page-examples .examples-head{max-width:780px;margin-bottom:26px}
.page-examples h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;margin:16px 0 20px}
.page-examples .examples-head p{max-width:690px;color:#42574c}
.page-examples .examples-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.page-examples .examples-tabs a{padding:10px 16px;border:1px solid #8a9b8f;border-radius:6px;text-decoration:none;font-weight:650}
.page-examples .examples-tabs a[aria-current=page]{background:#163c33;color:#fff;border-color:#163c33}
.page-examples .examples-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:26px;align-items:start}
.page-examples .example-card{min-width:0;padding:clamp(20px,4vw,42px);background:white;border:1px solid #d3dbcf;border-radius:10px}
.page-examples .example-card h2{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.17;margin:12px 0 18px}
.page-examples .example-card h3{font-size:1.25rem;margin:0 0 20px;line-height:1.35}
.page-examples .example-card p{color:#42574c}
.page-examples fieldset{padding:0;border:0;margin:0;min-width:0}
.page-examples .example-field{margin:0 0 20px}
.page-examples label{display:block;font-weight:650;margin-bottom:7px;line-height:1.45}
.page-examples input:not([type=checkbox]),.page-examples select,.page-examples textarea{display:block;width:100%;min-height:48px;padding:11px 12px;color:#142d25;background:#fff;border:1px solid #7b8f81;border-radius:5px;max-width:100%}
.page-examples input::placeholder,.page-examples textarea::placeholder{color:#5a6e60;opacity:1}
.page-examples .example-check{display:flex;align-items:flex-start;gap:10px;margin:20px 0}
.page-examples .example-check input{flex:none;width:21px;height:21px;margin-top:2px;accent-color:#163c33}
.page-examples .example-check label{margin:0;font-weight:500}
.page-examples .example-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 16px;align-items:center}
.page-examples .example-actions .btn{white-space:normal;text-align:center;max-width:100%}
.page-examples .example-reset{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px 4px;color:#163c33;min-height:44px}
.page-examples .example-hint{font-size:.875rem;line-height:1.6;color:#42574c}
.page-examples .example-total{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 0;border-top:1px solid #d3dbcf;border-bottom:1px solid #d3dbcf;font-weight:700;font-size:1.1rem}
.page-examples .example-total output{color:#163c33}
.page-examples .example-details{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1fr);margin:25px 0;gap:12px 20px}
.page-examples .example-details dt{font-weight:650}
.page-examples .example-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.page-examples .example-note{padding:26px;background:#edf0e2;border-radius:8px;min-width:0;overflow-wrap:anywhere}
.page-examples .example-note h2{font-size:1.35rem;line-height:1.3;margin:0 0 14px}
.page-examples .example-note p{color:#42574c;font-size:.925rem}
.page-examples .example-note p:last-child{margin-bottom:0}
.page-examples [hidden]{display:none!important}
.page-examples .example-sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-examples :focus-visible{outline:3px solid #486f2d;outline-offset:4px}
.page-examples h2[tabindex],.page-examples h3[tabindex]{scroll-margin-top:110px}
@media(max-width:760px){.page-examples .examples-layout{grid-template-columns:minmax(0,1fr)}.page-examples main{padding-top:26px}.page-examples .example-note{padding:22px}.page-examples .examples-tabs a{flex:1 1 auto;text-align:center}}
@media(max-width:380px){.page-examples .example-details{grid-template-columns:1fr;gap:5px}.page-examples .example-details dd{margin-bottom:12px}}