html,body{height:100%}body[data-page="guides"]{overflow:hidden}.guides-page-shell{--guide-gap:12px;display:grid;grid-template-rows:36px minmax(0,1fr);row-gap:var(--guide-gap)}.guides-stage{min-width:0;min-height:0;overflow:hidden;contain:paint}.guides-scroll{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.guides-scroll::-webkit-scrollbar{display:none}.guides-page-shell .nav-more>.main-nav-trigger.is-current,.guides-page-shell .main-nav-trigger.is-current{background:var(--dark);color:#fff}.guide-nav-active{background:var(--accent-soft)!important}.guide-nav-active .main-nav-menu-icon{background:var(--accent)!important;color:#fff!important}.guides-page-shell svg{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.guides-hero{min-height:165px;display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:26px;align-items:end;padding:5px 2px 22px}.guides-hero>div:first-child>span,.guides-section-head span,.guides-side-card>span,.guides-side-card header span,.guide-editor-top>div>span,.guide-editor-panel header span,.guide-editor-left section header span,.guide-editor-status>span,.guide-live-preview header span,.guide-editor-checklist>span,.guide-version-info>span,.my-guides-hero>div>span,.my-guides-toolbar span,.my-guides-side header span,.my-reputation-card>span,.my-guide-notification>span,.my-version-widget>span,.my-badges-widget>span,.moderation-top>div>span,.moderation-queue header span,.moderation-preview>header span,.moderation-content-check>span,.moderation-decision section>span{color:var(--accent);font-size:8px;font-weight:500;letter-spacing:.12em}.guides-hero h1,.guide-editor-top h1,.my-guides-hero h1,.moderation-top h1{margin:5px 0 8px;font-size:42px;font-weight:300;line-height:1;letter-spacing:-1.7px}.guides-hero p,.guide-editor-top p,.my-guides-hero p,.moderation-top p{max-width:760px;margin:0;color:#76736e;font-size:10px;line-height:1.55}.guides-hero-actions{display:flex;gap:8px;margin-top:15px}.guides-hero-actions a,.my-guides-hero>a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:21px;background:rgba(255,255,255,.78);text-decoration:none;font-size:9px}.guides-hero-actions a.primary,.my-guides-hero>a{background:var(--dark);color:#fff}.guides-hero-actions svg,.my-guides-hero>a svg{width:15px;height:15px}.guides-hero-stats,.my-guides-stats,.moderation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guides-hero-stats article,.my-guides-stats article,.moderation-stats article{display:grid;justify-items:center;gap:5px}.guides-hero-stats strong,.my-guides-stats strong,.moderation-stats strong{font-size:34px;font-weight:300;line-height:1}.guides-hero-stats span,.my-guides-stats span,.moderation-stats span{font-size:8px;color:#706d68}.guides-overview-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:12px;align-items:start}.guides-category-column,.guides-right-column{position:sticky;top:0;display:grid;gap:12px}.guides-main-column{min-width:0;display:grid;gap:12px}.guides-side-card,.guides-toolbar,.guide-featured,.guide-card,.guide-detail-actions,.guide-detail-toc section,.guide-detail-sidebar section,.guide-article,.guide-editor-left section,.guide-editor-panel,.guide-live-preview,.guide-editor-checklist,.guide-version-info,.my-guides-side section,.my-guides-main,.my-guide-notification,.my-version-widget,.my-badges-widget,.moderation-queue,.moderation-preview,.moderation-decision section{border:1px solid rgba(204,202,197,.82);background:rgba(255,255,255,.88);border-radius:20px}.guides-side-card{overflow:hidden}.guides-side-card>header,.guide-top-authors>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px dashed #d7d4ce}.guides-side-card h2,.guides-section-head h2,.guide-detail-sidebar h2,.guide-detail-toc h2,.guide-editor-panel h2,.guide-editor-left h2,.guide-live-preview h2,.guide-editor-checklist h2,.guide-version-info h2,.my-guides-side h2,.my-guide-notification h2,.my-version-widget h2,.my-badges-widget h2,.moderation-queue h2,.moderation-decision h2{margin:3px 0 0;font-size:16px;font-weight:400;letter-spacing:-.35px}.guides-side-card header b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#efefec;font-size:8px;font-weight:400}.guide-category-list{display:grid;gap:5px;padding:8px}.guide-category-list button{min-height:50px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 8px;border:0;border-radius:14px;background:transparent;text-align:left;cursor:pointer}.guide-category-list button:hover{background:#f1f1ee}.guide-category-list button.active{background:var(--dark);color:#fff}.guide-category-list button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#f0f0ed;color:#76736e}.guide-category-list button.active>span{background:rgba(255,255,255,.14);color:#fff}.guide-category-list svg{width:15px;height:15px}.guide-category-list strong{font-size:8px;font-weight:500}.guide-category-list b{font-size:7px;font-weight:400;color:#8e8a84}.guide-category-list button.active b{color:rgba(255,255,255,.58)}.guide-author-card,.guide-create-widget,.guide-status-widget{padding:15px}.guide-author-card h2,.guide-create-widget h2,.guide-status-widget h2{margin:5px 0 10px}.guide-reputation-ring{width:126px;height:126px;display:grid;place-items:center;align-content:center;gap:4px;margin:13px auto;border:11px solid #d8d6d1;border-top-color:var(--accent);border-right-color:var(--dark);border-radius:50%}.guide-reputation-ring strong{font-size:28px;font-weight:300;line-height:1}.guide-reputation-ring span{font-size:7px;color:#8b8781}.guide-author-card p,.guide-create-widget p,.guide-status-widget p{margin:0;color:#817d77;font-size:8px;line-height:1.6}.guide-author-card>a,.guide-create-widget>a,.guide-status-widget>a{min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border-radius:20px;background:var(--dark);color:#fff;text-decoration:none;font-size:8px}.guide-author-card>a svg,.guide-create-widget>a svg,.guide-status-widget>a svg{width:14px;height:14px}.guides-toolbar{position:sticky;top:0;z-index:20;min-height:64px;display:grid;grid-template-columns:minmax(230px,1fr) repeat(4,145px);gap:7px;align-items:center;padding:8px 10px;border-radius:18px;background:rgba(246,246,243,.96);box-shadow:0 8px 20px rgba(45,46,42,.04)}.guide-search{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:#fff}.guide-search svg{width:15px;height:15px;color:#77736e}.guide-search input{width:100%;border:0;outline:0;background:transparent;font-size:8px}.guides-toolbar select,.my-guides-toolbar select{height:42px;border:0;border-radius:14px;padding:0 11px;background:#fff;color:#6f6c67;font-size:8px;outline:0}.guide-featured{min-height:290px;display:grid;grid-template-columns:48% minmax(0,1fr);overflow:hidden}.guide-featured>img{width:100%;height:100%;object-fit:cover}.guide-featured>div{display:grid;align-content:center;gap:10px;padding:22px}.guide-featured>div>span{color:var(--accent);font-size:8px;font-weight:500;letter-spacing:.12em}.guide-featured h2{margin:0;font-size:28px;font-weight:400;line-height:1.16;letter-spacing:-.9px}.guide-featured p{margin:0;color:#77736f;font-size:9px;line-height:1.6}.guide-featured>div>div{display:flex;flex-wrap:wrap;gap:6px}.guide-chip{min-height:27px;display:inline-flex;align-items:center;padding:0 10px;border-radius:14px;background:#efefec;color:#77736f;font-size:7px}.guide-chip.accent,.guide-chip.danger{background:var(--accent-soft);color:var(--accent)}.guide-chip.success{background:#e6f2d8;color:#5f941b}.guide-featured footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px dashed #d8d5cf}.guide-featured footer>div{display:flex;align-items:center;gap:8px}.guide-featured footer img{width:36px;height:36px;border-radius:50%;object-fit:cover}.guide-featured footer span{display:grid;gap:2px}.guide-featured footer strong{font-size:8px;font-weight:500}.guide-featured footer small{font-size:7px;color:#8d8983}.guide-featured footer>a{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:20px;background:var(--dark);color:#fff;text-decoration:none;font-size:8px}.guide-featured footer>a svg{width:14px;height:14px}.guides-section-head{display:flex;align-items:end;justify-content:space-between;padding:4px 2px}.guides-section-head h2{font-size:20px}.guides-section-head>strong{font-size:8px;font-weight:400;color:#85817b}.guides-section-head>strong b{font-weight:500;color:var(--ink)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-card{min-width:0;overflow:hidden}.guide-card-cover{position:relative;height:180px;display:block;overflow:hidden}.guide-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.guide-card:hover .guide-card-cover img{transform:scale(1.015)}.guide-card-cover>span{position:absolute;left:12px;bottom:12px;min-height:27px;display:flex;align-items:center;padding:0 10px;border-radius:14px;background:rgba(255,255,255,.88);font-size:7px}.guide-card-body{display:grid;gap:9px;padding:12px}.guide-card-author{display:grid;grid-template-columns:35px minmax(0,1fr) 34px;align-items:center;gap:8px}.guide-card-author>img{width:35px;height:35px;border-radius:50%;object-fit:cover}.guide-card-author>div{display:grid;gap:2px}.guide-card-author strong{font-size:8px;font-weight:500}.guide-card-author small{font-size:7px;color:#8b8781}.guide-card-author button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#efefec;cursor:pointer}.guide-card-author button.saved{background:var(--accent);color:#fff}.guide-card-author svg{width:14px;height:14px}.guide-card-body>a{text-decoration:none}.guide-card h3{margin:0;font-size:15px;font-weight:500;line-height:1.35}.guide-card p{margin:0;color:#77736f;font-size:8px;line-height:1.55}.guide-card-tags{display:flex;flex-wrap:wrap;gap:5px}.guide-card footer{display:flex;align-items:center;gap:15px;padding-top:9px;border-top:1px dashed #d8d5cf}.guide-card footer>span{display:flex;align-items:center;gap:5px;color:#817d77;font-size:7px}.guide-card footer svg{width:13px;height:13px}.guide-card footer b{font-weight:500}.guide-card footer>a{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--ink);font-size:8px;text-decoration:none}.guide-empty{display:none;grid-column:1/-1;min-height:250px;place-items:center;align-content:center;gap:8px;border:1px dashed #cfcac3;border-radius:18px;background:rgba(255,255,255,.55);text-align:center}.guide-empty.show{display:grid}.guide-empty svg{width:24px;height:24px;color:#89857f}.guide-empty h3{margin:0;font-size:14px;font-weight:500}.guide-empty p{margin:0;color:#89857f;font-size:8px}.guide-create-widget>div{display:grid;gap:7px;margin-top:12px}.guide-create-widget article{min-height:51px;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border-radius:13px;background:#f1f1ee}.guide-create-widget article>svg{width:35px;height:35px;padding:9px;border-radius:11px;background:#fff;color:var(--accent)}.guide-create-widget article>span{display:grid;gap:2px}.guide-create-widget article strong{font-size:8px;font-weight:500}.guide-create-widget article small{font-size:7px;color:#89857f}.guide-top-authors header a{font-size:7px;color:#77736f}.guide-top-authors>div{display:grid;padding:5px 12px 12px}.guide-top-authors article{min-height:54px;display:grid;grid-template-columns:22px 34px minmax(0,1fr);align-items:center;gap:8px;border-bottom:1px dashed #d8d5cf}.guide-top-authors article:last-child{border-bottom:0}.guide-top-authors article>b{font-size:9px;font-weight:400}.guide-top-authors img{width:34px;height:34px;border-radius:50%;object-fit:cover}.guide-top-authors article>span{display:grid;gap:2px}.guide-top-authors strong{font-size:8px;font-weight:500}.guide-top-authors small{font-size:7px;color:#8c8882}.guide-status-widget>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.guide-status-widget article{min-height:68px;display:grid;place-items:center;align-content:center;gap:4px;border-radius:13px;background:#f1f1ee}.guide-status-widget article strong{font-size:20px;font-weight:300}.guide-status-widget article span{font-size:7px;color:#8a867f}
/* Detail */.guide-detail-hero{min-height:310px;display:grid;grid-template-columns:420px minmax(0,1fr) 300px;gap:18px;padding:0 0 14px}.guide-detail-cover{position:relative;overflow:hidden;border-radius:22px}.guide-detail-cover img{width:100%;height:100%;object-fit:cover}.guide-detail-cover>span{position:absolute;left:16px;top:16px;padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.88);font-size:7px}.guide-detail-copy{display:grid;align-content:center;gap:12px}.guide-detail-status{display:flex;flex-wrap:wrap;gap:6px}.guide-detail-copy h1{margin:0;font-size:36px;font-weight:400;line-height:1.12;letter-spacing:-1.3px}.guide-detail-copy>p{margin:0;color:#77736f;font-size:10px;line-height:1.6}.guide-detail-author{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:9px;padding-top:12px;border-top:1px dashed #d8d5cf}.guide-detail-author img{width:43px;height:43px;border-radius:50%;object-fit:cover}.guide-detail-author>div{display:grid;gap:2px}.guide-detail-author strong{font-size:9px;font-weight:500}.guide-detail-author span{font-size:8px;color:#89857f}.guide-detail-author a{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:8px}.guide-detail-author svg{width:14px;height:14px}.guide-detail-hero>aside{display:grid;grid-template-columns:1fr;gap:7px;align-content:end}.guide-detail-hero>aside article{min-height:83px;display:grid;place-items:center;align-content:center;gap:4px;border-radius:18px;background:rgba(255,255,255,.76)}.guide-detail-hero>aside strong{font-size:24px;font-weight:300}.guide-detail-hero>aside span{font-size:8px;color:#817d77}.guide-detail-actions{position:sticky;top:0;z-index:25;min-height:62px;display:flex;align-items:center;gap:7px;padding:8px;background:rgba(246,246,243,.96);box-shadow:0 8px 20px rgba(45,46,42,.04)}.guide-detail-actions button,.guide-detail-actions a{min-height:42px;display:flex;align-items:center;gap:7px;padding:0 13px;border:0;border-radius:21px;background:#fff;text-decoration:none;font-size:8px;cursor:pointer}.guide-detail-actions button:first-child{background:var(--dark);color:#fff}.guide-detail-actions button.active{background:var(--accent);color:#fff}.guide-detail-actions a{margin-left:auto;background:var(--accent-soft);color:var(--accent)}.guide-detail-actions svg{width:15px;height:15px}.guide-detail-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 285px;gap:12px;align-items:start;margin-top:12px}.guide-detail-toc,.guide-detail-sidebar{position:sticky;top:74px;display:grid;gap:12px}.guide-detail-toc section,.guide-detail-sidebar section{padding:15px}.guide-detail-toc nav{display:grid;gap:5px;margin-top:12px}.guide-detail-toc nav a{min-height:37px;display:flex;align-items:center;padding:0 10px;border-radius:12px;color:#77736f;text-decoration:none;font-size:8px}.guide-detail-toc nav a.active{background:var(--dark);color:#fff}.guide-version-card strong{display:block;margin-top:12px;font-size:34px;font-weight:300}.guide-version-card p{margin:4px 0 11px;color:#85817b;font-size:8px}.guide-version-card button{width:100%;min-height:37px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:19px;background:#efefec;font-size:8px}.guide-version-card svg{width:14px;height:14px}.guide-article{overflow:hidden}.guide-article-section{padding:24px;border-bottom:1px solid #dfddd8;scroll-margin-top:75px}.guide-article-section:last-of-type{border-bottom:0}.guide-article-section>span{color:var(--accent);font-size:8px;font-weight:500;letter-spacing:.12em}.guide-article-section h2{margin:7px 0 12px;font-size:25px;font-weight:400;letter-spacing:-.7px}.guide-article-section>p{margin:0 0 13px;color:#696661;font-size:10px;line-height:1.75}.guide-note{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border-radius:15px;background:#eef0ed}.guide-note.warning{background:#f4e4e1}.guide-note.success{background:#e8f2dc}.guide-note>svg{width:42px;height:42px;padding:11px;border-radius:13px;background:#fff;color:var(--accent)}.guide-note>div{display:grid;gap:3px}.guide-note strong{font-size:9px;font-weight:500}.guide-note p{margin:0;color:#77736f;font-size:8px;line-height:1.55}.guide-loadout-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.guide-loadout-row article{min-height:67px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border-radius:14px;background:#f1f1ee}.guide-loadout-row article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--dark);color:#fff;font-size:9px;font-weight:500}.guide-loadout-row article>div{display:grid;gap:2px}.guide-loadout-row strong{font-size:9px;font-weight:500}.guide-loadout-row small{font-size:7px;color:#88847e}.guide-loadout-row em{font-style:normal;font-size:8px;color:var(--accent)}.guide-steps{counter-reset:steps;display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.guide-steps li{counter-increment:steps;min-height:70px;display:grid;grid-template-columns:48px minmax(0,1fr);align-content:center;gap:9px;padding:10px;border-radius:15px;background:#f1f1ee}.guide-steps li:before{content:counter(steps,decimal-leading-zero);width:48px;height:48px;display:grid;place-items:center;grid-row:1/3;border-radius:14px;background:#fff;color:var(--accent);font-size:9px}.guide-steps b{font-size:9px;font-weight:500}.guide-steps p{margin:3px 0 0;color:#77736f;font-size:8px;line-height:1.55}.guide-figure{margin:14px 0}.guide-figure img{width:100%;height:340px;object-fit:cover;border-radius:17px;background:#e8e9e7}.guide-figure figcaption{padding:8px 4px 0;color:#88847e;font-size:7px}.guide-check-list{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.guide-check-list li{position:relative;min-height:40px;padding:10px 12px 10px 40px;border-radius:13px;background:#f1f1ee;font-size:8px}.guide-check-list li:before{content:'✓';position:absolute;left:12px;top:10px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e2efd2;color:#5e941a}.guide-moment-embed{position:relative;height:310px;overflow:hidden;border-radius:18px;background:var(--dark)}.guide-moment-embed>img{width:100%;height:100%;object-fit:cover;opacity:.62}.guide-moment-embed>button{position:absolute;left:50%;top:50%;width:58px;height:58px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(45,46,42,.82);color:#fff}.guide-moment-embed>button svg{width:22px;height:22px}.guide-moment-embed>div{position:absolute;left:18px;right:18px;bottom:18px;display:grid;gap:4px;color:#fff}.guide-moment-embed span{color:#d9938b;font-size:7px;letter-spacing:.1em}.guide-moment-embed strong{font-size:17px;font-weight:500}.guide-moment-embed small{font-size:8px;color:rgba(255,255,255,.6)}.guide-article-end{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;background:#f1f1ee}.guide-article-end>div{display:grid;gap:3px}.guide-article-end span{font-size:8px;color:#817d77}.guide-article-end strong{font-size:10px;font-weight:500}.guide-article-end button{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:21px;background:var(--dark);color:#fff;font-size:8px}.guide-article-end button.active{background:var(--accent)}.guide-article-end svg{width:15px;height:15px}.guide-info-list{display:grid;margin-top:11px}.guide-info-list>div{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px dashed #d8d5cf}.guide-info-list>div:last-child{border-bottom:0}.guide-info-list span{font-size:7px;color:#89857f}.guide-info-list strong{font-size:8px;font-weight:500;text-align:right}.guide-info-list strong.green{color:#5f941b}.guide-author-reputation>div{width:125px;height:125px;display:grid;place-items:center;align-content:center;gap:3px;margin:12px auto;border:11px solid #d7d5d0;border-top-color:var(--accent);border-right-color:var(--dark);border-radius:50%}.guide-author-reputation>div strong{font-size:28px;font-weight:300}.guide-author-reputation>div small{font-size:7px;color:#89857f}.guide-author-reputation p{margin:0;text-align:center;color:#7f7b75;font-size:8px}.guide-author-reputation a{min-height:37px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;border-radius:19px;background:var(--dark);color:#fff;text-decoration:none;font-size:8px}.guide-author-reputation svg{width:14px;height:14px}.guide-related{padding:0!important;overflow:hidden}.guide-related header{padding:14px;border-bottom:1px dashed #d8d5cf}.guide-related>a{min-height:73px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:9px;padding:8px 12px;border-bottom:1px dashed #d8d5cf;text-decoration:none}.guide-related>a:last-child{border-bottom:0}.guide-related>a img{width:72px;height:50px;object-fit:cover;border-radius:10px}.guide-related>a div{display:grid;gap:3px}.guide-related>a strong{font-size:8px;font-weight:500}.guide-related>a span{font-size:7px;color:#89857f}
/* Comments */.guide-comments-dialog,.guide-action-dialog,.guide-moderation-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 36px);padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 32px 90px rgba(26,27,25,.24);overflow:hidden}.guide-comments-dialog::backdrop,.guide-action-dialog::backdrop,.guide-moderation-dialog::backdrop{background:rgba(37,38,35,.58);backdrop-filter:blur(9px)}.guide-comments-shell{height:min(760px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto}.guide-comments-shell>header{min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #dfddd8}.guide-comments-shell>header>div{display:grid;gap:4px}.guide-comments-shell>header span,.guide-action-dialog form>span,.guide-moderation-dialog form>span{color:var(--accent);font-size:8px;letter-spacing:.12em}.guide-comments-shell h2,.guide-action-dialog h2,.guide-moderation-dialog h2{margin:0;font-size:21px;font-weight:400}.guide-comments-shell h2 b{font-weight:400;color:#89857f}.guide-comments-shell>header button,.guide-action-dialog form>button,.guide-moderation-dialog form>button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#efefec}.guide-comments-shell>header svg,.guide-action-dialog svg,.guide-moderation-dialog svg{width:15px;height:15px}.guide-comments-body{overflow-y:auto;padding:16px 22px}.guide-comment{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px dashed #d8d5cf}.guide-comment>img,.guide-comment-reply>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.guide-comment>div{display:grid;gap:7px}.guide-comment header{display:flex;align-items:center;gap:7px}.guide-comment header strong{font-size:9px;font-weight:500}.guide-comment header span{font-size:7px;color:#8b8781}.guide-comment header b{padding:4px 6px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:6px;font-weight:500}.guide-comment p{margin:0;font-size:9px;line-height:1.55}.guide-comment footer{display:flex;gap:10px}.guide-comment footer button{border:0;background:transparent;color:#77736f;font-size:7px}.guide-comment-reply{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;margin:6px 0 0 18px;padding:10px;border-radius:13px;background:#f1f1ee}.guide-comment-reply>img{width:34px;height:34px}.guide-comment-composer{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px 22px;border-top:1px solid #dfddd8;background:#f7f7f4}.guide-comment-composer>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.guide-comment-composer>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;border-radius:15px;background:#efefec;overflow:hidden}.guide-comment-composer textarea{grid-column:1/-1;min-height:70px;padding:11px 12px 3px;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:9px}.guide-comment-composer>div>span{grid-column:1/-1;display:flex;align-items:center;padding:5px}.guide-comment-composer button{width:33px;height:33px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff}.guide-comment-composer span>b{margin-left:auto;display:flex;align-items:center;gap:1px;color:#89857f;font-size:7px;font-weight:400}.guide-comment-composer span>button:last-child{margin-left:8px;background:var(--accent);color:#fff}.guide-comment-composer svg{width:14px;height:14px}
/* Editor */.guide-editor-top{min-height:135px;display:flex;align-items:end;justify-content:space-between;gap:22px;padding:4px 2px 18px}.guide-editor-save-state{display:flex;align-items:center;gap:8px}.guide-editor-save-state>span{display:grid;grid-template-columns:9px auto;gap:1px 7px;align-items:center;padding:0 8px}.guide-editor-save-state i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#78b41d}.guide-editor-save-state b{font-size:8px;font-weight:500}.guide-editor-save-state small{font-size:7px;color:#89857f}.guide-editor-save-state button{min-height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border:0;border-radius:21px;background:rgba(255,255,255,.78);font-size:8px}.guide-editor-save-state button.primary{background:var(--dark);color:#fff}.guide-editor-save-state svg{width:14px;height:14px}.guide-editor-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 285px;gap:12px;align-items:start}.guide-editor-left,.guide-editor-right{position:sticky;top:0;display:grid;gap:12px}.guide-editor-left section,.guide-live-preview,.guide-editor-checklist,.guide-version-info{overflow:hidden}.guide-editor-left section>header,.guide-live-preview>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px dashed #d8d5cf}.guide-editor-left section>header strong{font-size:20px;font-weight:300}.guide-editor-progress{height:5px;margin:11px 14px;background:#dddcd7;border-radius:4px;overflow:hidden}.guide-editor-progress i{display:block;height:100%;background:var(--accent)}.guide-editor-left nav{display:grid;gap:5px;padding:8px}.guide-editor-left nav a{min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:14px;text-decoration:none;font-size:8px}.guide-editor-left nav a.active{background:var(--dark);color:#fff}.guide-editor-left nav svg{width:34px;height:34px;padding:9px;border-radius:11px;background:#efefec;color:#77736f}.guide-editor-left nav a.active svg{background:rgba(255,255,255,.14);color:#fff}.guide-editor-left nav b{font-size:7px;font-weight:400}.guide-editor-status{padding:14px}.guide-editor-status h2{margin:4px 0 7px}.guide-editor-status p{margin:0 0 10px;color:#817d77;font-size:8px;line-height:1.55}.guide-editor-status>div{min-height:36px;display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #d8d5cf}.guide-editor-status>div span{font-size:7px;color:#89857f}.guide-editor-status>div strong{font-size:8px;font-weight:500}.guide-editor-center{min-width:0;display:grid;gap:12px}.guide-editor-panel{overflow:hidden}.guide-editor-panel>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #dfddd8;background:#f7f7f4}.guide-editor-panel>header>div:first-child{display:grid;gap:2px}.guide-editor-panel>header>button,.guide-editor-panel>header>div:last-child button{min-height:35px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:0;border-radius:18px;background:#efefec;font-size:8px}.guide-editor-panel>header>div:last-child{display:flex;gap:6px}.guide-editor-panel>header>div:last-child button{width:35px;padding:0;justify-content:center}.guide-editor-panel>header svg{width:14px;height:14px}.guide-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}.guide-editor-fields label{position:relative;display:grid;gap:6px}.guide-editor-fields label.full{grid-column:1/-1}.guide-editor-fields label>span{font-size:8px;color:#77736f}.guide-editor-fields input,.guide-editor-fields textarea,.guide-editor-fields select{width:100%;border:1px solid #d9d6d0;border-radius:14px;outline:0;background:#f2f2ef;color:var(--ink);font:inherit;font-size:9px}.guide-editor-fields input,.guide-editor-fields select{min-height:45px;padding:0 12px}.guide-editor-fields textarea{min-height:85px;padding:11px 12px 25px;resize:vertical}.guide-editor-fields label>small{position:absolute;right:11px;bottom:8px;color:#918d87;font-size:7px}.guide-editor-fields small b{font-weight:500}.guide-tag-input{min-height:46px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;border:1px solid #d9d6d0;border-radius:14px;background:#f2f2ef}.guide-tag-input>span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:11px;background:#fff;color:var(--accent);font-size:7px}.guide-tag-input span button{border:0;background:transparent;color:inherit}.guide-tag-input input{flex:1;min-width:100px;min-height:30px;border:0;background:transparent;padding:0 5px}.guide-cover-editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:14px;padding:15px}.guide-cover-editor>img{width:100%;height:250px;object-fit:cover;border-radius:17px}.guide-cover-editor>div{display:grid;align-content:center;gap:8px;padding:14px;border-radius:16px;background:#f2f2ef}.guide-cover-editor strong{font-size:9px;font-weight:500}.guide-cover-editor p{margin:0;color:#817d77;font-size:8px;line-height:1.55}.guide-cover-editor span{display:flex;align-items:center;gap:6px;color:#5e941a;font-size:8px}.guide-cover-editor svg{width:14px;height:14px}.guide-editor-blocks{display:grid;gap:8px;padding:15px}.guide-editor-block{min-height:72px;display:grid;grid-template-columns:115px minmax(0,1fr) 93px;align-items:start;gap:10px;padding:9px;border:1px solid #dfddd8;border-radius:15px;background:#fff}.guide-editor-block>aside{display:flex;align-items:center;gap:7px;color:#817d77;font-size:7px}.guide-editor-block>aside button{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:10px;background:#efefec}.guide-editor-block>aside svg{width:14px;height:14px}.guide-editor-block>[contenteditable],.guide-editor-block>div{min-height:45px;padding:8px;border-radius:11px;background:#f4f4f1;outline:0;font-size:9px;line-height:1.55}.guide-editor-block>[contenteditable]:focus,.guide-editor-block>div:focus-within{box-shadow:0 0 0 2px rgba(182,78,68,.15)}.guide-editor-block.step>div,.guide-editor-block.notice>div{display:grid;gap:4px}.guide-editor-block.step strong,.guide-editor-block.notice strong{font-size:9px;font-weight:500;outline:0}.guide-editor-block.step p,.guide-editor-block.notice p{margin:0;color:#77736f;font-size:8px;outline:0}.guide-editor-block.notice{background:#f8eded}.guide-editor-block>nav{display:flex;justify-content:flex-end;gap:4px}.guide-editor-block>nav button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:#efefec}.guide-editor-block>nav button:last-child{color:var(--accent)}.guide-editor-block>nav svg{width:12px;height:12px}.guide-add-blocks{padding:0 15px 15px}.guide-add-blocks>span{display:block;margin-bottom:8px;color:var(--accent);font-size:8px;letter-spacing:.1em}.guide-add-blocks>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.guide-add-blocks button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;background:#efefec;font-size:8px}.guide-add-blocks button:hover{background:var(--accent-soft);color:var(--accent)}.guide-add-blocks svg{width:14px;height:14px}.guide-editor-options{display:grid;gap:7px;padding:15px}.guide-editor-options label{min-height:58px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;border-radius:14px;background:#f2f2ef}.guide-editor-options input{accent-color:var(--accent)}.guide-editor-options label>span{display:grid;gap:2px}.guide-editor-options strong{font-size:8px;font-weight:500}.guide-editor-options small{font-size:7px;color:#89857f}.guide-live-preview>header button{width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:50%;background:#efefec}.guide-live-preview>header svg{width:14px;height:14px}.guide-live-preview>img{width:100%;height:145px;object-fit:cover}.guide-live-preview>div{display:grid;gap:7px;padding:13px}.guide-live-preview>div>span{color:var(--accent);font-size:7px}.guide-live-preview h3{margin:0;font-size:14px;font-weight:500;line-height:1.35}.guide-live-preview p{margin:0;color:#77736f;font-size:8px;line-height:1.5}.guide-live-preview footer{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px dashed #d8d5cf}.guide-live-preview footer img{width:34px;height:34px;border-radius:50%;object-fit:cover}.guide-live-preview footer span{display:grid;gap:2px}.guide-live-preview footer strong{font-size:8px;font-weight:500}.guide-live-preview footer small{font-size:7px;color:#89857f}.guide-editor-checklist,.guide-version-info{padding:14px}.guide-editor-checklist h2,.guide-version-info h2{margin:4px 0 11px}.guide-editor-checklist>div{display:grid;gap:6px}.guide-editor-checklist p{min-height:37px;display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:6px 9px;border-radius:12px;background:#f2f2ef;color:#77736f;font-size:7px}.guide-editor-checklist p i{width:9px;height:9px;border-radius:50%;background:#cccac4}.guide-editor-checklist p.done i{background:#78b41d}.guide-version-info p{margin:0 0 10px;color:#77736f;font-size:8px;line-height:1.55}.guide-version-info>div{min-height:43px;display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #d8d5cf}.guide-version-info strong{font-size:17px;font-weight:300}.guide-version-info div span{font-size:7px;color:#89857f}.guide-action-dialog,.guide-moderation-dialog{width:min(520px,calc(100vw - 32px))}.guide-action-dialog form,.guide-moderation-dialog form{position:relative;display:grid;gap:10px;padding:24px}.guide-action-dialog form>button,.guide-moderation-dialog form>button{position:absolute;right:14px;top:14px}.guide-action-dialog p,.guide-moderation-dialog p{margin:0;color:#77736f;font-size:9px;line-height:1.6}.guide-submit-checks{display:grid;gap:7px;margin-top:4px}.guide-submit-checks>div{min-height:43px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border-radius:12px;background:#f1f1ee;font-size:8px}.guide-submit-checks svg{width:32px;height:32px;padding:8px;border-radius:10px;background:#fff;color:#5f941b}.guide-action-dialog footer,.guide-moderation-dialog footer{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.guide-action-dialog footer button,.guide-moderation-dialog footer button{min-height:40px;padding:0 14px;border:0;border-radius:20px;background:#efefec;font-size:8px}.guide-action-dialog footer button:last-child,.guide-moderation-dialog footer button:last-child{background:var(--dark);color:#fff}
/* My guides */.my-guides-hero{min-height:160px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:end;padding:4px 2px 18px}.my-guides-hero>a{align-self:center}.my-guides-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr);max-width:760px}.my-guides-stats article{min-height:65px;align-content:center;border-radius:16px;background:rgba(255,255,255,.62)}.my-guides-stats strong{font-size:24px}.my-guides-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 285px;gap:12px;align-items:start}.my-guides-side,.my-guides-right{position:sticky;top:0;display:grid;gap:12px}.my-guides-side section{overflow:hidden}.my-guides-side section>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px dashed #d8d5cf}.my-guides-side header b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#efefec;font-size:8px;font-weight:400}.my-guides-side nav{display:grid;gap:5px;padding:8px}.my-guides-side nav button{min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-radius:13px;background:transparent;font-size:8px}.my-guides-side nav button.active{background:var(--dark);color:#fff}.my-guides-side nav b{font-size:7px;font-weight:400;color:#89857f}.my-guides-side nav button.active b{color:rgba(255,255,255,.6)}.my-reputation-card{padding:14px}.my-reputation-card h2{text-align:center}.my-reputation-card p{margin:0;text-align:center;color:#77736f;font-size:8px}.my-reputation-progress{height:5px;margin-top:11px;border-radius:4px;background:#d8d6d1;overflow:hidden}.my-reputation-progress i{display:block;height:100%;background:var(--accent)}.my-guides-main{overflow:hidden}.my-guides-toolbar{min-height:70px;display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) 160px;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #dfddd8;background:#f7f7f4}.my-guides-toolbar>div:first-child{display:grid;gap:2px}.my-guides-toolbar h2{margin:0;font-size:17px;font-weight:400}.my-guides-toolbar h2 b{font-weight:400}.my-guide-list{display:grid}.my-guide-row{min-height:145px;display:grid;grid-template-columns:165px minmax(0,1fr) 90px auto;align-items:center;gap:12px;padding:12px;border-bottom:1px dashed #d8d5cf}.my-guide-row:last-of-type{border-bottom:0}.my-guide-row>img{width:165px;height:105px;object-fit:cover;border-radius:14px}.my-guide-main{min-width:0;display:grid;gap:6px}.my-guide-main>div:first-child{display:flex;align-items:center;gap:8px}.guide-status{min-height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:13px;font-size:7px}.guide-status.draft{background:#efefec}.guide-status.review{background:#fff0c9;color:#9b741d}.guide-status.changes,.guide-status.rejected{background:var(--accent-soft);color:var(--accent)}.guide-status.published{background:#e5f1d6;color:#5f941b}.guide-status.archived{background:#e8e8e5;color:#77736f}.my-guide-main small{font-size:7px;color:#89857f}.my-guide-main h3{margin:0;font-size:13px;font-weight:500}.my-guide-main>p{margin:0;color:#77736f;font-size:8px}.my-guide-progress{height:5px;background:#dddcd7;border-radius:4px;overflow:hidden}.my-guide-progress i{display:block;height:100%;background:var(--accent)}.my-guide-stats{display:grid;justify-items:center;gap:3px}.my-guide-stats strong{font-size:22px;font-weight:300}.my-guide-stats span{font-size:7px;color:#89857f;text-align:center}.my-guide-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.my-guide-actions a,.my-guide-actions button{min-height:34px;display:flex;align-items:center;justify-content:center;padding:0 11px;border:0;border-radius:17px;background:#efefec;text-decoration:none;font-size:7px}.my-guide-actions a:first-child{background:var(--dark);color:#fff}.my-guide-actions button:has(svg){width:34px;padding:0}.my-guide-actions svg{width:13px;height:13px}.my-guide-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.my-guide-timeline span{position:relative;padding-top:10px;color:#9a9690;font-size:6px}.my-guide-timeline span:before{content:'';position:absolute;top:2px;left:0;right:0;height:4px;border-radius:3px;background:#d8d6d1}.my-guide-timeline span.done:before{background:#78b41d}.my-guide-timeline span.active:before{background:var(--accent)}.my-guide-reason{padding:8px 10px;border-radius:12px;background:#f6e7e4}.my-guide-reason strong{font-size:8px;font-weight:500;color:var(--accent)}.my-guide-reason p{margin:3px 0 0;color:#756b68;font-size:7px;line-height:1.5}.my-guide-version-pair{display:flex;gap:6px}.my-guide-version-pair span{padding:6px 9px;border-radius:11px;background:#f1f1ee;font-size:7px}.my-guide-version-pair b{font-weight:500;color:var(--accent)}.my-guides-right section{padding:14px}.my-guide-notification{background:#f4e4e1}.my-guide-notification h2,.my-version-widget h2,.my-badges-widget h2{margin:5px 0 9px}.my-guide-notification p,.my-version-widget p{margin:0;color:#77736f;font-size:8px;line-height:1.55}.my-guide-notification a{min-height:37px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;border-radius:19px;background:var(--dark);color:#fff;text-decoration:none;font-size:8px}.my-guide-notification svg{width:14px;height:14px}.my-version-widget{display:grid}.my-version-widget>div{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:13px;background:#f1f1ee}.my-version-widget>div strong{font-size:20px;font-weight:300}.my-version-widget>div span{font-size:7px;color:#89857f}.my-version-widget>i{width:2px;height:20px;margin:2px auto;background:var(--accent)}.my-version-widget p{margin-top:10px}.my-badges-widget>div{display:grid;gap:7px}.my-badges-widget article{min-height:55px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border-radius:13px;background:#f1f1ee}.my-badges-widget article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#fff;font-size:8px;font-weight:500}.my-badges-widget article.locked{opacity:.58}.my-badges-widget article>span{display:grid;gap:2px}.my-badges-widget strong{font-size:8px;font-weight:500}.my-badges-widget small{font-size:7px;color:#89857f}
/* Moderation */.moderation-top{min-height:150px;display:grid;grid-template-columns:minmax(0,1fr) 650px;gap:20px;align-items:end;padding:4px 2px 18px}.moderation-stats{grid-template-columns:repeat(4,1fr)}.moderation-stats article{min-height:75px;align-content:center;border-radius:16px;background:rgba(255,255,255,.64)}.moderation-stats strong{font-size:25px}.moderation-layout{display:grid;grid-template-columns:330px minmax(0,1fr) 310px;gap:12px;align-items:start}.moderation-queue,.moderation-decision{position:sticky;top:0;overflow:hidden}.moderation-queue>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px dashed #d8d5cf}.moderation-queue>header button{width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:50%;background:#efefec}.moderation-queue>header svg{width:14px;height:14px}.moderation-queue>.guide-search{margin:9px}.moderation-filter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 9px 9px}.moderation-filter-tabs button{min-height:34px;border:0;border-radius:17px;background:#efefec;font-size:7px}.moderation-filter-tabs button.active{background:var(--dark);color:#fff}.moderation-filter-tabs b{font-weight:400}.moderation-queue-list{display:grid;max-height:620px;overflow-y:auto}.moderation-queue-list>button{position:relative;min-height:78px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:10px 12px;border:0;border-top:1px dashed #d8d5cf;background:#fff;text-align:left;cursor:pointer}.moderation-queue-list>button.active{background:var(--accent-soft)}.moderation-queue-list img{width:42px;height:42px;border-radius:50%;object-fit:cover}.moderation-queue-list>button>div{min-width:0;display:grid;gap:3px}.moderation-queue-list strong{overflow:hidden;font-size:8px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.moderation-queue-list small{font-size:7px;color:#89857f}.moderation-queue-list>button>b{font-size:7px;font-weight:400;color:#89857f}.moderation-priority{position:absolute;right:8px;top:5px;padding:3px 6px;border-radius:8px;background:var(--accent);color:#fff;font-size:6px}.moderation-preview{overflow:hidden}.moderation-preview>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid #dfddd8;background:#f7f7f4}.moderation-preview>header>div:first-child{min-width:0}.moderation-preview>header h2{max-width:600px;overflow:hidden;margin:3px 0 0;font-size:17px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.moderation-preview>header>div:last-child{display:flex;gap:6px}.moderation-preview-cover{position:relative;height:330px}.moderation-preview-cover img{width:100%;height:100%;object-fit:cover}.moderation-preview-cover button{position:absolute;right:14px;bottom:14px;min-height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:0;border-radius:19px;background:rgba(255,255,255,.9);font-size:8px}.moderation-preview-cover svg{width:14px;height:14px}.moderation-author{min-height:70px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px dashed #d8d5cf}.moderation-author img{width:42px;height:42px;border-radius:50%;object-fit:cover}.moderation-author>div{display:grid;gap:2px}.moderation-author strong{font-size:9px;font-weight:500}.moderation-author span{font-size:7px;color:#89857f}.moderation-author a{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:8px}.moderation-author svg{width:14px;height:14px}.moderation-content-check{padding:16px}.moderation-content-check h3{margin:6px 0 12px;font-size:16px;font-weight:400;line-height:1.45}.moderation-demo-blocks{display:grid;gap:7px}.moderation-demo-blocks article{min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border-radius:14px;background:#f1f1ee}.moderation-demo-blocks article.warn{background:#f4e4e1}.moderation-demo-blocks article>b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--accent);font-size:8px;font-weight:500}.moderation-demo-blocks article>div{display:grid;gap:3px}.moderation-demo-blocks strong{font-size:8px;font-weight:500}.moderation-demo-blocks p{margin:0;color:#77736f;font-size:7px}.moderation-decision{display:grid;gap:12px;background:transparent;border:0}.moderation-decision section{padding:14px}.moderation-decision section:first-child{display:grid;gap:7px}.moderation-decision h2{margin:4px 0 5px}.moderation-decision label{min-height:53px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border-radius:13px;background:#f1f1ee}.moderation-decision input{accent-color:var(--accent)}.moderation-decision label>span{display:grid;gap:2px}.moderation-decision label strong{font-size:8px;font-weight:500}.moderation-decision label small{font-size:7px;color:#89857f}.moderation-version-box>div{min-height:49px;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 10px;border-radius:13px;background:#f1f1ee}.moderation-version-box>div strong{font-size:20px;font-weight:300}.moderation-version-box>div span{font-size:7px;color:#89857f}.moderation-version-box p{margin:10px 0 0;color:#77736f;font-size:8px;line-height:1.55}.moderation-actions{display:grid!important;gap:7px}.moderation-actions button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:21px;background:#efefec;font-size:8px}.moderation-actions button:first-child{background:#e4f1d4;color:#5f941b}.moderation-actions button:nth-child(2){background:var(--dark);color:#fff}.moderation-actions button:nth-child(3){background:var(--accent-soft);color:var(--accent)}.moderation-actions svg{width:15px;height:15px}.guide-moderation-dialog label{display:grid;gap:6px}.guide-moderation-dialog label>span{font-size:8px;color:#77736f}.guide-moderation-dialog textarea{min-height:115px;padding:11px;border:1px solid #d9d6d0;border-radius:14px;background:#f2f2ef;outline:0;resize:vertical;font:inherit;font-size:9px}
@media(min-width:1200px){.guides-page-shell{grid-template-rows:clamp(36px,5.4vh,58px) minmax(0,1fr)}}@media(max-width:1500px){.guides-overview-layout{grid-template-columns:245px minmax(0,1fr) 270px}.guides-toolbar{grid-template-columns:minmax(210px,1fr) repeat(4,125px)}.guide-detail-hero{grid-template-columns:380px minmax(0,1fr) 260px}.guide-detail-layout{grid-template-columns:210px minmax(0,1fr) 255px}.guide-editor-layout,.my-guides-layout{grid-template-columns:225px minmax(0,1fr) 260px}.moderation-layout{grid-template-columns:300px minmax(0,1fr) 285px}}@media(max-width:1200px){body[data-page="guides"]{overflow:auto}.guides-page-shell{min-width:1100px;height:auto;min-height:100vh}.guides-stage,.guides-scroll{height:auto;overflow:visible}.guides-category-column,.guides-right-column,.guide-detail-toc,.guide-detail-sidebar,.guide-editor-left,.guide-editor-right,.my-guides-side,.my-guides-right,.moderation-queue,.moderation-decision{position:static}}


/* Live detail bindings and functional states. */
body.guides-detail-live .guide-detail-cover-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 72% 28%, rgba(190,78,67,.3), transparent 30%),
    repeating-linear-gradient(135deg, transparent 0 18px, rgba(255,255,255,.07) 18px 20px),
    linear-gradient(135deg,#343633,#62645e);
  color: rgba(255,255,255,.58);
}
body.guides-detail-live .guide-detail-cover-placeholder i { font-size: 52px; }
body.guides-detail-live .guide-detail-actions i,
body.guides-detail-live .guide-detail-author i,
body.guides-detail-live .guide-version-card i,
body.guides-detail-live .guide-author-reputation i,
body.guides-detail-live .guide-article-end i { font-size: 15px; }
body.guides-detail-live .guide-detail-actions .guide-action-login { color: var(--ink); }
body.guides-detail-live .guide-detail-actions .guide-detail-edit-link {
  margin-left: auto;
  background: var(--accent-soft);
  color: var(--accent);
}
body.guides-detail-live .guide-detail-actions .guide-detail-report-menu { position: relative; }
body.guides-detail-live .guide-detail-actions .guide-detail-report-menu > summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border-radius: 21px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  font-size: 8px;
  list-style: none;
}
body.guides-detail-live .guide-detail-actions .guide-detail-report-menu > summary::-webkit-details-marker { display: none; }
body.guides-detail-live .guide-detail-actions .guide-detail-report-menu form {
  position: absolute;
  right: 0;
  top: 48px;
  z-index: 40;
  width: 280px;
  display: grid;
  gap: 9px;
  padding: 13px;
  border: 1px solid #dfdcd5;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(36,37,34,.16);
}
body.guides-detail-live .guide-detail-report-menu label {
  display: grid;
  gap: 5px;
  color: #77736f;
  font-size: 8px;
}
body.guides-detail-live .guide-detail-report-menu select,
body.guides-detail-live .guide-detail-report-menu textarea {
  width: 100%;
  padding: 9px;
  border: 1px solid #d9d6d0;
  border-radius: 10px;
  background: #f4f4f1;
  font: inherit;
  font-size: 8px;
}
body.guides-detail-live .guide-detail-report-menu textarea { min-height: 75px; resize: vertical; }
body.guides-detail-live .guide-detail-report-menu form button {
  justify-content: center;
  background: var(--accent);
  color: #fff;
}
body.guides-detail-live .guide-detail-toc nav p,
body.guides-detail-live .guide-widget-empty {
  margin: 9px 0 0;
  color: #89857f;
  font-size: 8px;
  line-height: 1.55;
}
body.guides-detail-live .guide-version-card .guide-version-placeholder {
  width: 100%;
  min-height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: #efefec;
  color: #89857f;
  font-size: 8px;
}
body.guides-detail-live .guide-article-section > h3,
body.guides-detail-live .guide-article-section > h4 {
  margin: 7px 0 12px;
  font-weight: 400;
  letter-spacing: -.45px;
}
body.guides-detail-live .guide-article-section > h3 { font-size: 20px; }
body.guides-detail-live .guide-article-section > h4 { font-size: 16px; }
body.guides-detail-live .guide-article-section .guide-figure img {
  width: 100%;
  height: auto;
  max-height: 640px;
  object-fit: contain;
}
body.guides-detail-live .guide-content-empty {
  min-height: 220px;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #89857f;
  font-size: 9px;
  text-align: center;
}
body.guides-detail-live .guide-related-cover-placeholder {
  width: 72px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #efefec;
  color: #8a867f;
}
body.guides-detail-live .guide-related-cover-placeholder i { font-size: 20px; }
body.guides-detail-live .guide-related > p {
  margin: 0;
  padding: 14px;
  color: #89857f;
  font-size: 8px;
  line-height: 1.5;
}
body.guides-detail-live .guide-comments-dialog[open] { display: block; }
body.guides-detail-live .guide-comments-shell { margin: 0; }
body.guides-detail-live .guide-comment header em {
  padding: 4px 6px;
  border-radius: 9px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 6px;
  font-style: normal;
  font-weight: 500;
}
body.guides-detail-live .guide-comment header span { margin-left: auto; }
body.guides-detail-live .guide-comment footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.guides-detail-live .guide-comment footer button,
body.guides-detail-live .guide-comment footer summary {
  border: 0;
  background: transparent;
  color: #77736f;
  cursor: pointer;
  font-size: 7px;
  list-style: none;
}
body.guides-detail-live .guide-comment footer details { max-width: 100%; }
body.guides-detail-live .guide-comment footer form { display: flex; gap: 5px; }
body.guides-detail-live .guide-comment footer details form {
  width: min(280px,100%);
  display: grid;
  margin-top: 6px;
}
body.guides-detail-live .guide-comment footer textarea {
  min-height: 55px;
  padding: 7px;
  border: 1px solid #ddd9d0;
  border-radius: 9px;
  font: inherit;
  font-size: 8px;
}
body.guides-detail-live .guide-comment.reply {
  margin: 8px 0 0 18px;
  padding: 10px;
  border: 0;
  border-radius: 13px;
  background: #f1f1ee;
}
body.guides-detail-live .guide-comment.reply > img { width: 34px; height: 34px; }
body.guides-detail-live .guide-comments-empty {
  padding: 25px;
  color: #858179;
  text-align: center;
  font-size: 9px;
}
body.guides-detail-live .guide-comment-composer {
  margin: 0;
}
body.guides-detail-live .guide-comment-composer > div {
  position: relative;
}
body.guides-detail-live .guide-comment-composer textarea {
  width: 100%;
}
body.guides-detail-live .guide-comment-composer button[type="submit"]:disabled { opacity: .55; }
body.guides-detail-live .guides-pagination {
  display: flex;
  justify-content: center;
  padding: 12px 22px 18px;
}
body.guides-detail-live .guides-pagination button {
  min-height: 36px;
  padding: 0 13px;
  border: 0;
  border-radius: 18px;
  background: #efefec;
  font-size: 8px;
}
body.guides-detail-live .guide-preview-banner,
body.guides-detail-live .guides-alert {
  margin-bottom: 10px;
  padding: 11px 14px;
  border-radius: 14px;
  font-size: 9px;
}
body.guides-detail-live .guide-preview-banner,
body.guides-detail-live .guides-alert.success { background: #e8f2dc; color: #5f8c22; }
body.guides-detail-live .guides-alert.error { background: #f4e4e1; color: #9d453c; }
body.guides-detail-live .guide-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 5000;
  max-width: min(420px,calc(100vw - 30px));
  padding: 11px 16px;
  border-radius: 999px;
  background: #343431;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,12px);
  transition: .2s ease;
  font-size: 9px;
}
body.guides-detail-live .guide-toast.show { opacity: 1; transform: translate(-50%,0); }
body.guides-detail-live .guide-toast.error { background: #9d453c; }

body.guides-detail-live .guide-detail-actions > a { margin-left: 0; }
body.guides-detail-live .guide-detail-action-spacer { flex: 1 1 auto; }
body.guides-detail-live .guide-detail-actions button:disabled {
  cursor: not-allowed;
  opacity: .55;
}
body.guides-detail-live .guide-article-end > a {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 21px;
  background: var(--dark);
  color: #fff;
  font-size: 8px;
  text-decoration: none;
}
body.guides-detail-live .guide-comments-login {
  min-height: 72px;
  display: grid;
  place-items: center;
  padding: 13px 22px;
  border-top: 1px solid #dfddd8;
  background: #f7f7f4;
}
body.guides-detail-live .guide-comments-login a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 19px;
  background: var(--dark);
  color: #fff;
  font-size: 8px;
  text-decoration: none;
}

body.guides-detail-live .guide-note > i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #fff;
  color: var(--accent);
  font-size: 20px;
}
body.guides-detail-live .guide-comments-shell > header button i,
body.guides-detail-live .guide-comment-composer button i { font-size: 15px; }
body.guides-detail-live [data-guide-comment-length] { font-style: normal; }


body.guides-detail-live .guide-comment footer .guide-comment-placeholder {
  cursor: not-allowed;
  opacity: .58;
}


/* Live guide: clean numbered step cards */
body.guides-detail-live .guide-steps {
  counter-reset: guide-live-steps;
  display: grid;
  gap: 7px;
  margin: 12px 0 4px;
  padding: 0;
  list-style: none;
}

body.guides-detail-live .guide-steps li {
  counter-increment: guide-live-steps;
  position: relative;
  min-height: 62px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 11px;
  row-gap: 2px;
  padding: 9px 12px;
  overflow: hidden;
  border: 1px solid rgba(204, 202, 197, .72);
  border-radius: 14px;
  background: rgba(246, 246, 243, .9);
}

body.guides-detail-live .guide-steps li::before {
  content: counter(guide-live-steps, decimal-leading-zero);
  grid-column: 1;
  grid-row: 1 / 3;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  align-self: center;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(45, 46, 42, .05);
  color: var(--accent);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -.2px;
}

body.guides-detail-live .guide-steps .guide-step-label {
  grid-column: 2;
  align-self: end;
  color: var(--accent);
  font-size: 7px;
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.guides-detail-live .guide-steps p {
  grid-column: 2;
  align-self: start;
  margin: 0;
  color: var(--ink);
  font-size: 10px;
  line-height: 1.45;
}

@media (max-width: 700px) {
  body.guides-detail-live .guide-steps li {
    min-height: 58px;
    grid-template-columns: 39px minmax(0, 1fr);
    column-gap: 10px;
    padding: 8px 10px;
    border-radius: 13px;
  }

  body.guides-detail-live .guide-steps li::before {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    font-size: 9px;
  }

  body.guides-detail-live .guide-steps p {
    font-size: 9px;
  }
}


/* Live guide: smooth, active table of contents */
body.guides-detail-live #guidesScroll {
  scroll-behavior: smooth;
}

body.guides-detail-live .guide-article-section {
  scroll-margin-top: 96px;
}

body.guides-detail-live .guide-detail-toc nav a {
  position: relative;
  overflow: hidden;
  transition:
    background-color .22s ease,
    color .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

body.guides-detail-live .guide-detail-toc nav a:hover {
  background: #f1f1ee;
  color: var(--ink);
  transform: translateX(2px);
}

body.guides-detail-live .guide-detail-toc nav a.active,
body.guides-detail-live .guide-detail-toc nav a[aria-current="location"] {
  background: var(--dark);
  box-shadow: 0 9px 22px rgba(45, 46, 42, .12);
  color: #fff;
  transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
  body.guides-detail-live #guidesScroll {
    scroll-behavior: auto;
  }

  body.guides-detail-live .guide-detail-toc nav a {
    transition: none;
  }
}