:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222326;background:#fafafa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:74px;border-bottom:1px solid #e7e7e8;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;background:#fff}.brand{display:flex;gap:11px;align-items:center;font-weight:650;font-size:16px}.brand-icon{display:grid;place-items:center;background:#252527;color:white;width:29px;height:29px;border-radius:8px;font-size:16px}.brand-caption{font-size:13px;font-weight:400}nav{display:flex;align-items:center;gap:22px}nav form{margin:0}.text-button{border:0;background:none;padding:8px 0;font-size:13px}.muted{color:#7b7d81}.session-label{color:#777;font-size:12px}main{max-width:1000px;padding:0 30px;margin:auto;min-height:calc(100vh - 155px)}.hero{text-align:center;padding:66px 0 34px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;border:1px solid #dfdfe2;border-radius:25px;padding:8px 13px;background:#fff}.status-dot{width:6px;height:6px;background:#e88c4e;border-radius:50%}h1{font-size:34px;line-height:1.2;letter-spacing:-1.2px;font-weight:600;margin:22px 0 12px}.hero p{color:#818185;font-size:14px;margin:0}.search{display:flex;align-items:center;border:1px solid #ceced1;border-radius:12px;background:#fff;box-shadow:0 0 0 5px #f2f2f3,0 3px 6px #00000008;height:49px;padding:0 14px;gap:12px;margin:8px 0 31px}.search>span{font-size:23px;color:#888}.search input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:13px}.search input::placeholder{color:#97979b}kbd{font-size:10px;border:1px solid #dedee1;border-radius:4px;padding:3px 5px;color:#747478;background:#fafafa}.search-submit{border:0;background:transparent;color:#737377;font-size:19px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tabs{display:flex;gap:6px}.tabs a{color:#78787d;font-size:13px;padding:8px 14px;border-radius:7px}.tabs a.active{background:#eeeef0;color:#242426;font-weight:550}.result-count{font-size:12px;color:#939397}.panel{border:1px solid #e2e2e5;border-radius:12px;background:#fff;box-shadow:0 2px 3px #00000002}.content-list{padding:5px 18px}.content-row{display:flex;align-items:center;gap:16px;min-height:83px;border-bottom:1px solid #eeeef0}.content-row:last-child{border-bottom:0}.item-icon{width:37px;height:37px;border-radius:9px;background:#f4f4f5;display:grid;place-items:center;font-size:20px;color:#76767d;flex-shrink:0}.item-icon.download{background:#faf1e9;color:#ba8659}.item-icon.post{background:#edf2ef;color:#6d8e7a}.item-copy{flex:1;min-width:0;padding:18px 0}.item-title{display:block;font-size:14px;font-weight:550;margin-bottom:6px;overflow-wrap:anywhere}.item-description{display:block;font-size:12px;line-height:1.5;color:#87878b;overflow-wrap:anywhere}.badge{font-size:10px;padding:4px 7px;border:1px solid #e8e8ea;border-radius:5px;color:#89898d}.badge.private{background:#f5f5f7}.edit-link{font-size:11px;color:#777}.row-arrow{color:#85858a;padding:8px;font-size:18px}.delete-button{border:0;background:none;color:#999;font-size:19px;padding:6px}.delete-button:hover{color:#b64444}.bottom-note{display:flex;align-items:center;gap:17px;margin:30px 0 50px;border:1px solid #e8e8e9;border-radius:12px;padding:17px 20px;background:#f6f6f7}.bottom-note>span:first-child{font-size:28px;color:#939397}.bottom-note p{flex:1;line-height:1.8;font-size:12px;color:#8a8a90;margin:0}.bottom-note strong{font-size:13px;font-weight:500;color:#55555c}.bottom-note>a,.bottom-note>.muted{font-size:11px}footer{max-width:940px;margin:0 auto;border-top:1px solid #e7e7ea;padding:22px 0;display:flex;justify-content:space-between;font-size:11px;color:#99999f}.empty{text-align:center;padding:52px 10px 56px}.empty-icon{display:inline-grid;place-items:center;width:42px;height:42px;background:#f5f5f6;border-radius:12px;color:#aaa;font-size:24px}.empty h2{font-size:17px;font-weight:500;margin-top:20px}.empty p{font-size:13px;color:#8b8b91;line-height:1.6;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dcdce0;border-radius:7px;background:white;padding:11px 16px;font-size:12px;gap:8px}.primary{background:#29292c;border-color:#29292c;color:#fff}.button:hover{filter:brightness(.95)}.small{padding:8px 12px}.notice{margin-top:20px;background:#edf4ee;border:1px solid #d4e5d7;padding:13px 16px;border-radius:8px;font-size:13px}.error{background:#fff1ee;border-color:#f0d3cc;color:#9f473a}.login{max-width:440px;margin:70px auto;padding:35px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#999}.login h1{font-size:27px}.login p{font-size:13px;line-height:1.6}.form{display:grid;gap:21px;margin-top:28px}.form label{display:grid;gap:9px;font-size:12px;font-weight:500}.form input,.form select,.form textarea{width:100%;border:1px solid #dddde1;border-radius:7px;padding:11px 12px;background:#fff;color:#303036;line-height:1.5}.form textarea{resize:vertical}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid #c6c6ce;outline-offset:2px}.form label[hidden]{display:none}.form small{color:#8b8b91;font-weight:400}.back{display:inline-block;font-size:12px;color:#8a8a90;margin:22px 0}.editor{max-width:720px;margin:25px auto 50px}.editor h1{margin-top:8px;font-size:29px}.editor .panel{padding:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.article{max-width:720px;margin:28px auto 65px}.article-meta{font-size:10px;letter-spacing:1px;margin-top:24px;color:#6c8174}.article-meta span{color:#929298;letter-spacing:0}.article h1{font-size:35px;overflow-wrap:anywhere}.intro{line-height:1.7;font-size:16px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9;border-top:1px solid #e4e4e7;padding:28px 0;margin-top:28px}:focus-visible{outline:2px solid #9292a0;outline-offset:4px}@media(max-width:650px){header{height:65px;padding:0 20px}.brand-caption,.session-label{display:none}nav{gap:14px}main{padding:0 20px}.hero{padding-top:45px}h1{font-size:29px}.tabs{gap:0}.tabs a{padding:8px 10px;font-size:12px}.result-count{font-size:10px}.content-list{padding:4px 12px}.content-row{gap:10px;flex-wrap:wrap;padding:12px 0}.item-copy{padding:5px 0;flex-basis:55%}.badge{margin-left:47px}.row-arrow{margin-left:auto}.bottom-note{padding:15px}.bottom-note>.muted,.bottom-note>a{display:none}footer{margin:0 20px}.login{padding:25px;margin:40px auto}.form-grid{grid-template-columns:1fr}.editor .panel{padding:20px}.search kbd{display:none}}
main{position:relative}.search-panel{position:absolute;z-index:5;left:30px;right:30px;transform:translateY(-23px);border:1px solid #e3e3e6;border-radius:11px;background:#fff;box-shadow:0 12px 30px #00000010;padding:9px 7px 0}.search-panel[hidden]{display:none}.suggestion-heading{font-size:11px;color:#77777d;padding:5px 9px 10px}.search-panel>a{display:flex;align-items:center;gap:13px;border-radius:6px;padding:11px 10px;font-size:13px}.search-panel>a:hover,.search-panel>a.selected{background:#f5f5f7}.search-panel>a>span:first-child{color:#888;font-size:18px}.suggestion-arrow{margin-left:auto;color:#999}.search-panel>p{font-size:12px;color:#999;padding:5px 10px 15px}.suggestion-footer{font-size:10px;color:#8a8a90;border-top:1px solid #eeeeef;background:#fafafa;margin:8px -7px 0;padding:10px 14px;border-radius:0 0 11px 11px}@media(max-width:650px){.search-panel{left:20px;right:20px}}
.embedded-page{margin:20px 0 35px}.embedded-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.embedded-heading h1{font-size:27px;margin:8px 0 10px;overflow-wrap:anywhere}.embedded-heading .button{flex-shrink:0}.embedded-heading p{line-height:1.6}.embed-help{font-size:12px;line-height:1.6;color:#88888e;margin:18px 0}.embedded-frame{display:block;width:100%;height:72vh;min-height:400px;border:1px solid #dedee2;border-radius:10px;background:#fff}@media(max-width:650px){.embedded-heading{display:block}.embedded-frame{height:70vh}.embedded-heading .button{margin:8px 0}}
[data-types][hidden],.rich-editor [hidden]{display:none!important}.rich-field>label{display:block;margin-bottom:9px}.rich-editor{border:1px solid #dddde1;border-radius:9px;overflow:hidden}.rich-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#fafafa;border-bottom:1px solid #e5e5e8}.rich-toolbar button{padding:7px 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#55555d;font-size:12px}.rich-toolbar button:hover,.rich-toolbar button:focus-visible{background:#eeeeef;border-color:#d7d7dd}.rich-surface{min-height:220px;max-height:600px;overflow:auto;padding:16px;outline:none;font-weight:400}.rich-surface:focus{box-shadow:inset 0 0 0 2px #bbbbc5}.rich-status{font-size:11px;font-weight:400;color:#888;padding:9px 12px;border-top:1px solid #eee;background:#fafafa}.rich-content{font-size:14px;line-height:1.8;overflow-wrap:anywhere;overflow-x:auto;color:#3f3f47}.rich-content p{margin:0 0 14px}.rich-content img{display:block;max-width:100%;height:auto;border-radius:6px;margin:12px 0}.rich-content table{border-collapse:collapse;width:100%;margin:16px 0;table-layout:fixed}.rich-content td,.rich-content th{border:1px solid #d8d8df;padding:10px;min-width:70px;text-align:left;vertical-align:top}.rich-content th{background:#f4f4f7;font-weight:600}.rich-content h2{font-size:23px;line-height:1.4}.rich-content h3{font-size:19px}.rich-content a{color:#4f619a;text-decoration:underline}.rich-content blockquote{border-left:3px solid #ccc;padding-left:14px;color:#777}.post-body.rich-content{white-space:normal}.details-actions{display:flex;gap:10px;margin-top:30px}.embedded-heading>.rich-content{max-width:100%}
.source-reference{display:flex;align-items:center;gap:12px;border-top:1px solid #e8e8eb;padding-top:16px;margin-top:20px;font-size:12px;overflow-wrap:anywhere}.source-reference>span{color:#96969c}.source-reference>a{color:#555f83;text-decoration:underline;text-underline-offset:3px}
.subtype-field{margin:0;border:1px solid #e2e2e6;border-radius:9px;padding:16px;min-width:0}.subtype-field legend{font-size:12px;padding:0 6px}.subtype-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.form .subtype-choice{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e0e0e6;border-radius:7px;font-size:12px;cursor:pointer}.form .subtype-choice input{width:15px;height:15px;accent-color:#41414b;padding:0}.subtype-choice:has(input:checked){background:#f0f0f5;border-color:#b8b8c7}.subtype-create{display:flex;gap:8px}.subtype-create .button{flex-shrink:0}.subtype-field small{display:block;margin-top:9px;color:#888;font-size:11px}.subtype-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.subtype-badges>span{padding:2px 7px;font-size:10px;line-height:1.6;color:#70707b;background:#f1f1f5;border-radius:4px}.subtype-management{padding:8px 16px;margin:25px 0}.subtype-management-row{display:flex;gap:9px;padding:13px 0;border-bottom:1px solid #eee}.subtype-management-row:last-child{border:0}.subtype-management-row>form:first-child{flex:1;display:flex;gap:9px;min-width:0}.subtype-management-row input{width:100%;min-width:0;border:1px solid #dddde3;border-radius:7px;padding:9px 12px;font:inherit}.rich-surface.is-empty:before{content:attr(data-placeholder);color:#9b9ba2;pointer-events:none;font-size:13px}.form input::placeholder,.form textarea::placeholder,.subtype-management input::placeholder{color:#a0a0a6;font-weight:400}@media(max-width:650px){header{height:auto;min-height:65px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}header nav{flex-wrap:wrap;gap:12px}.subtype-create{flex-direction:column}.subtype-management-row{flex-wrap:wrap}}
.new-content-menu{position:relative}.new-content-menu summary{cursor:pointer;list-style:none;user-select:none}.new-content-menu summary::-webkit-details-marker{display:none}.new-content-menu summary>span{font-size:14px;margin-left:5px;color:#bfbfc5}.new-content-menu[open] summary{background:#414149}.new-content-options{position:absolute;z-index:20;right:0;top:calc(100% + 8px);width:195px;padding:6px;background:#fff;border:1px solid #e2e2e7;border-radius:9px;box-shadow:0 8px 25px #00000014}.new-content-options>a{display:flex;align-items:center;gap:11px;font-size:13px;color:#777780;padding:10px;border-radius:5px}.new-content-options>a>span{color:#303038}.new-content-options>a:hover,.new-content-options>a:focus-visible{background:#f3f3f6}.new-content-options>.menu-subtypes{margin-top:5px;border-top:1px solid #eeeeef;border-radius:0 0 5px 5px;padding-top:12px}
.rich-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#f0f0f4;color:#44445c;padding:3px 6px;border-radius:4px;white-space:pre-wrap}.rich-content pre{white-space:pre-wrap;background:#f3f3f6;border:1px solid #e1e1e7;border-radius:8px;padding:18px;margin:16px 0;overflow:auto;line-height:1.7}.rich-content pre code{padding:0;background:transparent;display:block;overflow-wrap:anywhere}.code-copy-inline{display:inline-flex;align-items:baseline;gap:4px;max-width:100%;vertical-align:baseline}.copy-code-button{font-size:10px;color:#77778a;background:#fff;border:1px solid #dddde5;border-radius:4px;padding:3px 6px;line-height:1.5;flex-shrink:0;cursor:pointer}.copy-code-button:hover{background:#eeeeF4;color:#35354a}.code-copy-block{position:relative;margin:18px 0}.code-copy-block pre{padding-top:43px;margin:0}.code-copy-block>.copy-code-button{position:absolute;right:10px;top:10px}.clipboard-fallback{position:fixed;left:-9999px;top:0;opacity:0}

/* CKEditor follows the compact form layout. */
.rich-editor { min-width: 0; }
.rich-editor .ck-editor { width: 100%; --ck-border-radius: 7px; --ck-color-base-border: #d8d8e0; --ck-color-focus-border: #85859b; }
.rich-editor .ck-editor__editable_inline { min-height: 280px; max-height: 650px; overflow-y: auto; padding: 0 15px; font-size: 14px; line-height: 1.8; }
.rich-editor .ck-toolbar button { font-family: inherit; }
.rich-editor .ck-content pre { white-space: pre-wrap; }
.rich-content figure.image { margin: 20px 0; }
.rich-content figure.table { margin: 20px 0; overflow-x: auto; }
.rich-content figcaption { color: #707078; font-size: 12px; text-align: center; }

.article-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 25px; flex-wrap: wrap; }
.article-top .back { margin: 0; }
.youtube-video { aspect-ratio: 16 / 9; width: 100%; margin: 28px 0 10px; }
.youtube-video iframe { width: 100%; height: 100%; border: 0; border-radius: 10px; }
.youtube-link { display: inline-block; font-size: 13px; margin-bottom: 24px; }

.comments-section { margin-top: 40px; padding-top: 24px; border-top: 1px solid #e2e2e5; }
.comment, .moderation-comment { padding: 20px; margin-bottom: 15px; overflow-wrap: anywhere; }
.comment time { margin-left: 12px; font-size: 12px; color: #888; }
.comment p, .moderation-comment p { white-space: normal; line-height: 1.7; }
.comment-form { padding: 24px; }
.comment-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.moderation-actions { display: flex; gap: 8px; flex-wrap: wrap; }