.article-hero{position:relative;isolation:isolate;overflow:hidden;margin:0!important}
.article-hero .stop-header{min-height:240px;padding-block:52px}
.article-hero h1{max-width:1000px;overflow-wrap:anywhere}
.article-hero .eyebrow a{color:inherit}
.article-hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.article-hero-featured:after{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(5,30,23,.94),rgba(5,30,23,.72));z-index:-1}
.article-hero-featured .stop-header{min-height:380px}
.article-hero-featured h1,.article-hero-featured .stop-header p{color:#fff!important}
.article-card{border-radius:18px;overflow:hidden;height:100%;display:flex;flex-direction:column;border:1px solid var(--line)}
.article-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#123e30}
.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.article-card-image:hover img{transform:scale(1.03)}
.article-image-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(140deg,#123e30,#256347);color:#dcf880}
.article-card .uk-card-body{flex:1;display:flex;flex-direction:column;padding:26px}
.article-card time{font-size:.85rem;color:var(--muted,#59665f)}
.article-card h2{font-size:1.35rem;line-height:1.35;margin:12px 0;overflow-wrap:anywhere}
.article-card h2 a{color:inherit}
.article-card p{overflow-wrap:anywhere;margin:0 0 24px}
.article-read-more{margin-top:auto;font-weight:700}
.article-page a:focus-visible,.article-more a:focus-visible,.article-editor-form button:focus-visible{outline:3px solid #77a92b;outline-offset:3px}
.article-detail-content{max-width:860px;margin-inline:auto;font-size:1.1rem;line-height:1.85;overflow-wrap:anywhere}
.article-detail-content h2,.article-detail-content h3,.article-detail-content h4{line-height:1.3;font-weight:750}
.article-detail-content h2{font-size:2rem}.article-detail-content h3{font-size:1.55rem}.article-detail-content h4{font-size:1.25rem}
.article-detail-content p,.article-detail-content ul,.article-detail-content ol{margin:0 0 1.3em}
.article-detail-content li{margin:.4em 0}.article-detail-content a{text-decoration:underline;text-underline-offset:3px}
.article-detail-content blockquote{border-left:4px solid #9bc842;padding:12px 24px;margin:28px 0;background:var(--surface-secondary);font-size:1.2em;color:inherit}
.article-detail-content img{max-width:100%;height:auto;border-radius:12px}.article-detail-content figure{margin:32px 0}.article-detail-content figcaption{font-size:.85em;color:var(--muted,#59665f);margin-top:10px}
.article-detail-content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:28px 0}.article-detail-content td,.article-detail-content th{padding:12px 16px;border:1px solid var(--line);min-width:100px}.article-detail-content th{text-align:left}
.article-detail-content pre{overflow-x:auto;max-width:100%}.article-detail-content hr{margin:40px 0}
.article-more{border-top:1px solid var(--line)}
.article-editor-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:36px;align-items:start}.article-editor-main,.article-editor-sidebar{min-width:0;padding:24px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px}
.article-editor-main>.uk-margin:first-child,.article-editor-sidebar>.uk-margin:first-child{margin-top:0!important}.article-editor-main>.uk-margin:last-child{margin-bottom:0}.article-editor-form small{display:block;margin-top:8px}.article-editor-form .media-field-preview{height:160px}
#article-monaco,.article-code-fallback{height:600px;min-height:600px;border:1px solid var(--line);width:100%;box-sizing:border-box}.article-code-fallback{font-family:monospace;resize:vertical}
.article-editor-form [hidden]{display:none!important}.article-admin-table{min-width:760px}.article-admin-table td{max-width:300px;overflow-wrap:anywhere}.article-admin-actions{display:flex;gap:12px;flex-wrap:wrap}
.article-type-filter{padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:620px}.article-type-filter .uk-form-label{margin-bottom:10px}.article-type-filter .uk-select{min-width:190px;height:42px;border-radius:8px;background:var(--surface)}
.article-admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.article-admin-card .uk-overflow-auto{margin:0}.article-admin-table{margin:0;color:var(--ink)}.article-admin-table thead{background:var(--surface-secondary)}.article-admin-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted);white-space:nowrap}.article-admin-table td,.article-admin-table th{padding:16px 18px;border-bottom:1px solid var(--line)}.article-admin-table tbody tr:last-child td{border-bottom:0}.article-admin-table tbody tr:hover{background:var(--hover-background)}.article-admin-title{font-weight:750;color:var(--ink)}.article-admin-slug{font-size:.86rem;color:var(--muted)}
.article-label{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.68rem;line-height:1;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.article-label-news{background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line))}.article-label-guide{background:color-mix(in srgb,#d9a441 15%,var(--surface));color:#8b5d00;border:1px solid color-mix(in srgb,#d9a441 40%,var(--line))}.article-label-published{background:color-mix(in srgb,#4b9b67 14%,var(--surface));color:#267342;border:1px solid color-mix(in srgb,#4b9b67 35%,var(--line))}.article-label-draft{background:var(--surface-secondary);color:var(--muted);border:1px solid var(--line)}.article-label-scheduled{background:color-mix(in srgb,#4d83b8 12%,var(--surface));color:#35688f;border:1px solid color-mix(in srgb,#4d83b8 32%,var(--line))}
.article-admin-actions{gap:7px}.article-action{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;font-size:.78rem;font-weight:750;text-decoration:none;background:var(--surface);color:var(--teal);white-space:nowrap}.article-action:hover{background:var(--hover-background);border-color:var(--teal);color:var(--teal-dark)}.article-action-delete{color:#c44d46;border-color:color-mix(in srgb,#d4483e 28%,var(--line))}.article-action-delete:hover{background:color-mix(in srgb,#d4483e 8%,var(--surface));border-color:#d4483e;color:#b13a35}
@media(max-width:639px){.article-type-filter{padding:16px}.article-admin-table td,.article-admin-table th{padding:13px 14px}.article-admin-actions{gap:5px}.article-action{padding-inline:8px}}
@media(max-width:959px){.article-editor-form{grid-template-columns:minmax(0,1fr)}.article-editor-main,.article-editor-sidebar{padding:20px}}
@media(max-width:639px){.article-hero .stop-header{padding-block:36px;min-height:200px}.article-hero-featured .stop-header{min-height:300px}.article-hero h1{font-size:2rem}.article-card .uk-card-body{padding:22px}.article-detail-content{font-size:1rem}.article-detail-content h2{font-size:1.6rem}.article-detail-content blockquote{padding:12px 16px}.article-editor-main,.article-editor-sidebar{padding:16px}}
@media(prefers-reduced-motion:reduce){.article-card-image img{transition:none}}