:root[data-theme=dark]{--bg:#373c45;--surface:#292d34;--soft:#30353d;--text:#e5e7eb;--muted:#b4b9c1;--line:#484e58;--green:#00cf93;--mint:#00c58c;--notice:#23262c;--shadow:0 3px 10px #0002}.article-header{background:#22252a;color:#c1c5cc;border-bottom:1px solid #30343b}.article-header-inner{max-width:1160px;margin:auto;padding:23px 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}.article-brand{display:flex;align-items:center;gap:5px;font-size:25px;letter-spacing:-1px;font-weight:800;color:#f0f3f1}.article-brand>span{color:#00c990}.article-brand svg{margin-right:4px}.article-header nav{display:flex;align-items:center;gap:27px;font-size:12px}.article-header nav a:hover{color:#00c990}.article-header nav button{border:0;background:#00c990;border-radius:12px;height:22px;width:37px;color:#0e3b2b;padding:0}.article-status{padding:8px 20px;background:#191c21;color:#aeb3bc;font-size:10px;text-align:center}.article-page{max-width:1160px;margin:0 auto;padding:65px 20px 40px;color:var(--muted);font-size:13px;line-height:1.95}.article-hero{display:grid;grid-template-columns:300px 1fr;align-items:start;gap:45px;margin-bottom:50px}.article-cover{object-fit:contain;width:300px;height:300px;background:#fff;padding:10px;border-radius:2px}.article-heading h1{font-size:27px;color:var(--text);font-weight:700;line-height:1.35;letter-spacing:-.3px;margin:7px 0 14px}.article-updated{color:var(--green);font-size:11px;font-weight:600;margin:0}.article-meta{padding-left:18px;font-size:11px;line-height:1.95;margin:0 0 12px}.article-meta a:hover,.article-jump a:hover{color:var(--green)}.article-jump{display:flex;flex-wrap:wrap;gap:5px 13px;font-size:10px;max-width:610px;margin-bottom:13px}.rating-row{display:flex;align-items:center;gap:10px;font-size:10px}.rating-stars{display:flex;gap:1px}.rating-stars button{border:0;background:none;color:#b2a168;padding:0 2px;font-size:18px}.rating-stars button.selected,.rating-stars button:hover{color:#ffd053}.article-save{border:0;background:none;font-size:11px;color:var(--green);padding:0;margin-top:10px}.article-green-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#00bd86;color:white;border-radius:3px;padding:28px 32px;margin-bottom:60px}.article-green-banner strong{font-size:19px;font-weight:700}.article-green-banner p{margin:5px 0 0;font-size:11px;color:#e0fff2}.article-green-banner>a{padding:10px 17px;background:#e4fff3;color:#168060;font-weight:600;font-size:11px;border-radius:3px;white-space:nowrap}.article-section{margin:0 0 36px;scroll-margin-top:25px}.article-section h2{font-size:21px;font-weight:500;color:var(--text);line-height:1.4;margin:0 0 17px}.article-section h3{font-size:16px;color:var(--text);font-weight:600;margin:0 0 11px}.article-section p{margin:8px 0 14px}.article-description{white-space:pre-line}.article-list{padding-left:24px}.article-list li{margin:6px 0}.article-specs{display:grid;grid-template-columns:130px 1fr;gap:3px 13px;font-size:12px;margin:0}.article-specs>div{display:contents}.article-specs dt{text-transform:capitalize}.article-specs dd{margin:0;color:var(--muted)}.article-topic-tags{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:11px;color:var(--green);margin-bottom:18px}.article-picture{display:block;max-width:850px;width:auto;max-height:none;height:auto;margin:18px 0 25px;object-fit:contain}.article-picture-cover{max-width:500px;width:100%}.article-video{display:block;width:min(640px,100%);max-height:420px;background:#171a1f;margin-top:15px;border-radius:3px}.article-download-group{margin:15px 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.article-download-link{display:block;width:fit-content;color:var(--muted);font-size:12px;line-height:2.4;padding:2px 0}.article-download-link:hover{color:var(--green);text-decoration:underline}.edition-label{font-size:11px;color:var(--green)}.article-password{display:flex;align-items:center;gap:15px;font-size:11px;margin:25px 0}.article-share{margin-top:45px}.article-share .secondary-button{margin-right:10px}.comments-notice{background:#fff1a5;color:#756833;padding:16px 20px;border-radius:3px;font-size:11px;margin-bottom:35px}.article-comment-form{display:grid;gap:10px}.article-comment-form>label{font-size:11px}.article-comment-form textarea{display:block;width:100%;font:13px/1.9 Raleway,Arial,sans-serif;padding:15px 18px;color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:3px;resize:vertical}.article-comment-form .primary-button{width:fit-content;padding:11px 20px;font-size:12px}.article-comment-form p{font-size:11px;margin:0}.article-comment-form p>a{color:var(--green)}.post-comment{border-top:1px solid var(--line);padding:18px 0;font-size:12px}.post-comment strong{color:var(--text);margin-right:13px}.post-comment small{font-size:10px}.post-comment p{white-space:pre-wrap}.article-footer{border-top:1px solid var(--line);padding:25px;text-align:center;background:var(--surface);color:var(--muted);font-size:10px}.filters-panel>label:not(.checkbox-filter){display:grid;gap:5px;font-size:10px;font-weight:700;color:var(--muted)}
@media(max-width:900px){.article-page{padding-top:45px}.article-hero{grid-template-columns:230px 1fr;gap:25px}.article-cover{width:230px;height:230px}.article-heading h1{font-size:23px}.article-picture{max-width:100%}.article-header nav{gap:18px}}
@media(max-width:600px){.article-header-inner{padding:19px 22px;flex-wrap:wrap;gap:17px}.article-header nav{gap:18px;font-size:10px;flex-wrap:wrap}.article-brand{font-size:23px}.article-status{font-size:9px}.article-page{padding:32px 24px}.article-hero{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.article-cover{width:100%;height:auto;max-height:290px;object-fit:contain}.article-heading h1{font-size:23px}.article-green-banner{padding:23px;flex-direction:column;align-items:start;gap:17px;margin-bottom:38px}.article-green-banner strong{font-size:17px}.article-section h2{font-size:19px}.article-page{font-size:12px}.article-specs{grid-template-columns:105px 1fr}.article-download-link{font-size:11px}.article-password{flex-wrap:wrap}.article-picture{max-width:100%;width:auto}.filters-panel select{max-width:220px}.article-footer{font-size:9px}}

.country-flag{display:inline-block;object-fit:contain;vertical-align:middle;border-radius:2px;width:24px;height:18px;margin-inline-start:6px}.account-profile{max-width:620px;border:1px solid var(--line);border-radius:14px;padding:24px;margin-block:24px;background:var(--surface)}.account-profile .edit-grid{display:grid;gap:18px}.account-profile label{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:600}.account-profile select,.account-profile input{width:100%;min-height:46px;box-sizing:border-box;padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--text);font:inherit}.account-profile select:focus-visible,.account-profile input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.account-profile input[readonly]{color:var(--muted)}.account-profile .country-preview{display:flex;align-items:center;gap:8px;margin:0;overflow-wrap:anywhere}.account-profile .country-preview .country-flag{flex-shrink:0}.article-comment-form :disabled{opacity:.55;cursor:not-allowed}.account-profile small{display:block;margin-block-start:6px;font-size:12px;font-weight:400;color:var(--muted)}
.post-comment-reply{margin-top:14px;padding:14px 18px;border-inline-start:3px solid var(--green);background:var(--soft);border-radius:4px}.post-comment-reply strong{display:block;margin:0}.post-comment-reply small{color:var(--muted)}.post-comment-reply p{margin-bottom:0}

.simple-page form[action^="/api/auth/"] .edit-grid{gap:18px}.simple-page form[action^="/api/auth/"] label{font-size:13px;color:var(--text)}.simple-page form[action^="/api/auth/"] input:not([type="hidden"]),.simple-page form[action^="/api/auth/"] select{min-height:46px;width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--text);font:14px/1.5 Arial,sans-serif}.simple-page form[action^="/api/auth/"] small{font-size:11px;line-height:1.6;color:var(--muted)}.simple-page form[action^="/api/auth/"] input:focus-visible,.simple-page form[action^="/api/auth/"] select:focus-visible{outline:2px solid var(--green);outline-offset:2px}