:root{--article-ink:#2c2418;--article-muted:#746453;--article-orange:#e87519;--article-gold:#f3b63f;--article-teal:#173f48;--article-line:#f0dfca}
.article-page{max-width:1120px;margin:0 auto;padding:36px 24px 80px;direction:rtl}.article-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:18px;color:#927d66;font-size:.8rem}.article-breadcrumb a{color:#c2651d;text-decoration:none}.article-shell,.article-comments{border:1px solid rgba(240,223,202,.9);border-radius:28px;background:rgba(255,255,255,.76);box-shadow:0 18px 48px rgba(92,63,35,.07);backdrop-filter:blur(10px)}
.article-header{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:32px;padding:42px}.article-header:has(.article-heading:only-child){grid-template-columns:1fr}.article-categories{display:flex;gap:7px;flex-wrap:wrap}.article-categories a,.article-categories span{padding:6px 11px;border-radius:99px;background:#fff0df;color:#c46018;font-size:.72rem;font-weight:800;text-decoration:none}.article-heading h1{max-width:760px;margin:16px 0 17px;color:var(--article-ink);font-size:clamp(2rem,5vw,3.4rem);line-height:1.5;text-wrap:pretty}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#82705d;font-size:.78rem}.article-meta span,.article-meta a{display:inline-flex;gap:6px;align-items:center;color:inherit;text-decoration:none}.article-meta i{color:var(--article-orange)}.article-author{display:flex;align-items:center;gap:12px;margin-top:25px}.article-author img,.article-author__fallback{width:52px;height:52px;flex:none;border:2px solid #f4c69f;border-radius:17px;object-fit:cover}.article-author__fallback{display:grid;place-items:center;background:#fff0df;color:#c9651c;font-weight:900}.article-author strong{display:block;color:#3c3022;font-size:.88rem}.article-author p{max-width:490px;margin:3px 0 0;color:#8a7864;font-size:.72rem;line-height:1.7}
.article-video{align-self:center;padding:13px;border:1px solid #d5e4e1;border-radius:20px;background:#eff7f4}.article-video__label{display:flex;gap:7px;align-items:center;padding:4px 3px 12px;color:#286967;font-size:.76rem;font-weight:800}.article-video__frame{position:relative;overflow:hidden;padding-bottom:56.25%;border-radius:13px;background:#102f36}.article-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-cover{overflow:hidden;margin:0 42px;border-radius:23px;background:#f2e9dc}.article-cover img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover}.article-body{max-width:790px;margin:0 auto;padding:48px 34px;color:#514435;font-size:1rem;line-height:2.15}.article-body :is(h2,h3,h4){margin:2.1em 0 .7em;color:#302619;line-height:1.65;text-wrap:pretty}.article-body h2{font-size:1.65rem}.article-body h3{font-size:1.3rem}.article-body p{margin:0 0 1.35em}.article-body img{max-width:100%;height:auto;border-radius:18px}.article-body a{color:#c65f18;text-underline-offset:3px}.article-body pre{direction:ltr;overflow:auto;padding:19px;border-radius:14px;background:#173f48;color:#eef8f6;line-height:1.75}.article-body blockquote{margin:1.7em 0;padding:20px 24px;border-radius:15px;background:#fff3e5;color:#674a31}.article-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 42px;padding:22px 0 34px;border-top:1px solid var(--article-line)}.article-tags>i{color:var(--article-orange)}.article-tags a{padding:6px 11px;border-radius:99px;background:#fff4e8;color:#9e581f;font-size:.72rem;text-decoration:none}
.article-comments{margin-top:28px;padding:36px 42px}.article-comments__head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.article-comments__head span,.article-comment-form__head span{color:var(--article-orange);font-size:.7rem;font-weight:800}.article-comments__head h2{margin:5px 0 0;color:var(--article-ink);font-size:1.45rem}.article-comments__head h2 i{margin-left:7px;color:var(--article-orange)}.article-comments__head>strong{padding:6px 11px;border-radius:99px;background:#fff1e1;color:#b8601b;font-size:.72rem}.article-comment{display:flex;gap:14px;padding:24px 0;border-bottom:1px solid #f1e5d7}.article-comment__avatar{width:48px;height:48px;flex:none;border-radius:15px;object-fit:cover}.article-comment__fallback{display:grid;place-items:center;background:#fbe8d4;color:#bf611b;font-weight:900}.article-comment__content{min-width:0;flex:1}.article-comment__content>h3{margin:0;color:#3b2e20;font-size:.88rem}.article-comment__content>time{display:block;margin:4px 0 9px;color:#9a8874;font-size:.68rem}.article-comment__text{color:#655442;font-size:.87rem;line-height:1.9}.article-comment__text p{margin:0}.article-reply{margin-top:8px;padding:0;border:0;background:none;color:#d0691c;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.article-comment--reply{margin-top:17px;padding:17px;border:0;border-radius:15px;background:#fff8ef}.article-comment--reply .article-comment__avatar{width:40px;height:40px}.article-more{display:flex;gap:8px;align-items:center;margin:22px auto;padding:9px 15px;border:1px solid #efd5b8;border-radius:11px;background:#fff9f2;color:#b85e1c;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.article-comment-form{margin-top:34px;padding:28px;border-radius:20px;background:#f7faf8}.article-comment-form__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.article-comment-form__head h3{margin:4px 0 0;color:var(--article-teal);font-size:1.15rem}.article-reply-cancel{padding:6px 10px;border:0;border-radius:9px;background:#fff0e4;color:#b95a19;font:inherit;font-size:.72rem;cursor:pointer}.article-form-field{margin-bottom:16px}.article-comment-form textarea{width:100%!important;min-height:130px;padding:15px!important;border:1px solid #dbe5df!important;border-radius:14px!important;background:#fff!important;font-family:inherit!important;outline:0!important;resize:vertical}.article-comment-form textarea:focus{border-color:var(--article-orange)!important;box-shadow:0 0 0 4px rgba(232,117,25,.1)}.article-form-captcha{overflow-x:auto}.article-form-error{margin:7px 0 0;color:#b44234;font-size:.75rem}.article-submit{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(100deg,#da701a,#ed963f);color:#fff;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(218,112,26,.2)}.article-comment-login,.article-comments-empty{padding:18px;border-radius:13px;background:#fff7ed;color:#72563c;text-align:center}.article-comment-login a{color:#bb5e18;font-weight:800}.article-flash{display:flex;gap:8px;align-items:center;margin-bottom:18px;padding:13px 16px;border:1px solid #94d9af;border-radius:13px;background:#effcf4;color:#21603c;font-weight:800}
@media(max-width:820px){.article-header{grid-template-columns:1fr}.article-video{max-width:620px;width:100%}.article-cover{margin:0 24px}}@media(max-width:600px){.article-page{padding:26px 13px 55px}.article-breadcrumb{overflow:hidden;white-space:nowrap}.article-shell,.article-comments{border-radius:19px}.article-header{padding:27px 20px}.article-heading h1{font-size:1.85rem}.article-meta{gap:11px}.article-cover{margin:0 12px;border-radius:14px}.article-body{padding:32px 20px;font-size:.95rem}.article-body h2{font-size:1.35rem}.article-tags{margin:0 20px}.article-comments{padding:27px 20px}.article-comment-form{padding:20px 15px}.article-comment__avatar{width:42px;height:42px}.article-comment--reply{margin-right:-46px}.article-submit{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}