.kenin-grade-article{--grade-offset:120px;padding-bottom:64px;color:var(--kenin-text,#1e1e1e)}
.kenin-grade-article .kenin-grade-header{max-width:1000px;margin:32px auto 48px;text-align:center}
.kenin-grade-article .kenin-grade-kicker{font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.kenin-grade-article h1{color:var(--kenin-primary,#1a3a5c);max-width:900px;margin:0 auto 20px}
.kenin-grade-article .kenin-grade-subtitle{font-size:1.15rem;max-width:750px;margin:0 auto 14px;color:var(--kenin-text-muted,#5a6270)}
.kenin-grade-article .kenin-grade-reading{font-size:.85rem;color:var(--kenin-text-muted,#5a6270)}
.kenin-grade-article .kenin-grade-hero{aspect-ratio:16/9;max-width:880px;margin:28px auto 0;background:var(--kenin-bg-light,#f4f6f9);border:1px solid var(--kenin-border,#dde3eb);border-radius:12px;overflow:hidden}
.kenin-grade-article .kenin-grade-hero img{width:100%;height:100%;object-fit:contain;display:block}
.kenin-grade-article .kenin-grade-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:48px;justify-content:center;align-items:start}
.kenin-grade-article .kenin-grade-sidebar{position:sticky;top:var(--grade-offset);min-width:0}
.kenin-grade-article .kenin-grade-toc{border:1px solid var(--kenin-border,#dde3eb);border-radius:6px;background:var(--kenin-bg-light,#f4f6f9);max-height:calc(100vh - var(--grade-offset) - 16px);overflow:auto}
.kenin-grade-article .kenin-grade-toc summary{padding:16px;font-weight:700;color:var(--kenin-primary,#1a3a5c);cursor:pointer}
.kenin-grade-article .kenin-grade-toc ol{margin:0;padding:0 12px 16px 32px;font-size:.85rem;line-height:1.5}
.kenin-grade-article .kenin-grade-toc li{margin:4px 0;padding-left:2px}
.kenin-grade-article .kenin-grade-toc a{display:block;padding:5px 6px;color:var(--kenin-text-muted,#5a6270);border-radius:4px}
.kenin-grade-article .kenin-grade-toc a[aria-current]{background:var(--kenin-primary,#1a3a5c);color:#fff}
.kenin-grade-article .kenin-grade-body{min-width:0;font-size:1rem;line-height:1.85;overflow-wrap:break-word}
.kenin-grade-article .kenin-grade-body h2{margin:52px 0 22px;color:var(--kenin-primary,#1a3a5c);padding-top:8px;border-top:2px solid var(--kenin-border,#dde3eb);scroll-margin-top:var(--grade-offset)}
.kenin-grade-article .kenin-grade-body h3{margin:26px 0 14px;color:var(--kenin-primary,#1a3a5c)}
.kenin-grade-article .kenin-grade-body p{margin:0 0 20px}
.kenin-grade-article .kenin-grade-body ul{padding-left:24px;margin:0 0 22px}
.kenin-grade-article .kenin-grade-body a{text-decoration:underline;text-underline-offset:3px}
.kenin-grade-article .kenin-grade-table{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid var(--kenin-border,#dde3eb);border-radius:6px}
.kenin-grade-article table{width:100%;border-collapse:collapse;min-width:480px;font-size:.9rem;line-height:1.6}
.kenin-grade-article th{background:var(--kenin-primary,#1a3a5c);color:#fff;text-align:left}
.kenin-grade-article th,.kenin-grade-article td{padding:13px 16px;border-bottom:1px solid var(--kenin-border,#dde3eb);vertical-align:top}
.kenin-grade-article tbody tr:nth-child(even){background:var(--kenin-bg-light,#f4f6f9)}
.kenin-grade-article .kenin-grade-composition{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.kenin-grade-article .kenin-grade-composition section,.kenin-grade-article .kenin-grade-property,.kenin-grade-article .kenin-grade-category{padding:24px;background:var(--kenin-bg-light,#f4f6f9);border-radius:6px;margin-bottom:20px;border:1px solid var(--kenin-border,#dde3eb)}
.kenin-grade-article .kenin-grade-composition h3,.kenin-grade-article .kenin-grade-property h3,.kenin-grade-article .kenin-grade-category h3{margin-top:0}
.kenin-grade-article .kenin-grade-note{padding:20px 24px;border-left:4px solid var(--kenin-accent,#e07b10);background:#fff8ed;margin:24px 0;font-size:.94rem}
.kenin-grade-article .kenin-grade-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.kenin-grade-article .kenin-grade-products a{padding:20px;border:1px solid var(--kenin-border,#dde3eb);border-radius:6px;background:var(--kenin-bg-light,#f4f6f9);font-weight:600}
.kenin-grade-article .kenin-grade-faq{border:1px solid var(--kenin-border,#dde3eb);border-radius:6px;margin:12px 0}
.kenin-grade-article .kenin-grade-faq summary{cursor:pointer;padding:18px 20px;font-weight:600;color:var(--kenin-primary,#1a3a5c)}
.kenin-grade-article .kenin-grade-faq>div{padding:0 20px 2px}
.kenin-grade-article .kenin-grade-cta{background:var(--kenin-primary-dark,#122840);color:#fff;padding:36px;border-radius:12px;margin-top:40px}
.kenin-grade-article .kenin-grade-cta h3{color:#fff;margin-top:0;font-size:1.5rem}
.kenin-grade-article .kenin-grade-cta a{display:inline-block;background:var(--kenin-accent,#e07b10);padding:12px 24px;color:#fff;text-decoration:none;border-radius:4px;font-weight:700}
.kenin-grade-article a:focus-visible,.kenin-grade-article summary:focus-visible,.kenin-grade-article [tabindex]:focus-visible{outline:3px solid var(--kenin-accent,#e07b10);outline-offset:3px}
@media(max-width:900px){.kenin-grade-article .kenin-grade-layout{grid-template-columns:minmax(0,1fr);gap:24px}.kenin-grade-article .kenin-grade-sidebar{position:static}.kenin-grade-article .kenin-grade-toc{max-height:none}.kenin-grade-article .kenin-grade-header{margin-bottom:28px}}
@media(max-width:560px){.kenin-grade-article .kenin-grade-composition,.kenin-grade-article .kenin-grade-products{grid-template-columns:1fr}.kenin-grade-article .kenin-grade-category,.kenin-grade-article .kenin-grade-property,.kenin-grade-article .kenin-grade-composition section,.kenin-grade-article .kenin-grade-cta{padding:20px}.kenin-grade-article .kenin-grade-body h2{margin-top:38px}.kenin-grade-article .kenin-grade-subtitle{font-size:1rem}}
