.guides-page { background: #071522; }
.guides-page footer { border-top-color: rgba(124,190,232,.24); color: #a9c7db; background: #06131f; }
.guide-page { min-height: calc(100vh - 76px); background: #071522; }
.guide-page, .dungeons-community, .systems-community { animation: guidePageEnter .28s ease-out both; }
.guide-library { min-height: calc(100vh - 76px); padding: 76px 10vw 130px; background: radial-gradient(circle at 82% 8%, rgba(25,113,195,.3), transparent 24%), linear-gradient(180deg, rgba(5,20,34,.73), rgba(7,21,34,.97) 36%), url('../assets/background.png') center top/cover fixed; }
.guide-library-intro { max-width: 1160px; margin: 0 auto 30px; padding: 38px 0 32px; display: flex; align-items: end; justify-content: space-between; gap: 40px; border-bottom: 1px solid rgba(124,190,232,.3); }
.guide-kicker { margin: 0 0 16px; color: #ff7864; font: 700 10px var(--body); letter-spacing: 1.7px; text-transform: uppercase; }
.guide-library-intro h1 { max-width: none; margin: 0; color: #fff; font-size: clamp(70px, 10vw, 136px); line-height: .8; text-shadow: 0 12px 32px rgba(0,0,0,.34); }
.guide-library-intro h1 em { color: #6dccff; }
.guide-library-intro > div:first-child > p:last-child { max-width: 430px; margin: 26px 0 0; color: #b8d2e2; font-size: 14px; line-height: 1.7; }
.guide-library-count { min-width: 155px; padding: 18px 0 18px 22px; border-left: 1px solid rgba(109,204,255,.5); }
.guide-library-count strong { display: block; color: #6dccff; font: 800 54px var(--display); line-height: .8; }
.guide-library-count span { display: block; margin-top: 10px; color: #a9c7db; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }
.guide-library-tabs { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1160px; margin: 0 auto 24px; border: 1px solid rgba(124,190,232,.25); background: rgba(6,27,45,.72); }
.guide-library-tab { padding: 13px 17px; border: 0; border-right: 1px solid rgba(124,190,232,.2); background: none; color: #a9c7db; font: 700 10px var(--body); letter-spacing: .8px; text-transform: uppercase; cursor: pointer; transition: color .2s, background .2s; }
.guide-library-tab:last-child { border-right: 0; }
.guide-library-tab:hover { color: #d9f3ff; }
.guide-library-tab.active { background: rgba(109,204,255,.16); color: #6dccff; }
.guide-tab-placeholder { max-width: 1160px; margin: 60px auto; color: #a9c7db; font: 600 14px var(--body); text-align: center; }
.guide-status-legend { display: flex; justify-content: flex-start; gap: 24px; max-width: 1160px; margin: 0 auto 44px; color: #f1f5f8; font: 700 10px var(--body); letter-spacing: .8px; text-align: left; text-transform: uppercase; }
.legend-status { color: white; }
.legend-ready { color: #45c789; }
.legend-ongoing { color: #e64a39; }
.guide-library-intro > p:last-child { margin: 25px 0 0; color: #b7c6d3; font-size: 14px; }
.guide-team-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 22px 14px; max-width: 1160px; margin: 0 auto; }
.guide-team { min-width: 0; margin: 0; padding: 14px; border: 1px solid rgba(124,190,232,.25); border-top: 3px solid #6dccff; background: rgba(3,15,27,.62); box-shadow: 0 16px 32px rgba(0,0,0,.18); }
.guide-team:nth-child(2) { border-top-color: #ff7864; }
.guide-team:nth-child(3) { border-top-color: #f7a531; }
.guide-team:nth-child(4) { border-top-color: #45c789; }
.guide-team-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin: -14px -14px 14px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(124,190,232,.28); background: rgba(8,35,61,.62); }
.guide-team-head h2 { margin: 0; color: #fff; font-size: 30px; line-height: .9; }
.guide-team-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
.guide-team-title img { width: 30px; height: 30px; flex-shrink: 0; object-fit: contain; filter: drop-shadow(0 0 9px rgba(109,204,255,.35)); }
.guide-card-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.agent-license { position: relative; min-height: 228px; padding: 27px 28px 24px 178px; overflow: hidden; border: 1px solid rgba(255,225,119,.48); background: #f7e49a url('../assets/agent%20license.png') center/cover no-repeat; box-shadow: 0 13px 30px rgba(0,0,0,.35); transition: transform .25s ease, box-shadow .25s ease; }
.guide-library .agent-license { min-height: 148px; padding: 17px 12px 14px 96px; }
.agent-license:hover { transform: translateY(-4px); box-shadow: 0 20px 38px rgba(0,0,0,.45), 0 0 0 1px rgba(109,204,255,.4); }
.agent-license::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 17% 50%, rgba(255,255,255,.14) 0, rgba(255,240,165,.08) 18%, transparent 42%); }
.agent-license::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: transparent; }
.agent-license > * { position: relative; z-index: 1; }
.agent-license-portrait { position: absolute !important; top: 27px; bottom: auto; left: 24px; z-index: 2 !important; width: 126px; height: 126px; padding: 3px; object-fit: cover; object-position: center 10%; border: 2px solid rgba(255,218,74,.9); border-radius: 50%; background: transparent; filter: drop-shadow(3px 4px 3px rgba(0,0,0,.36)); }
.agent-license-number { color: #ffe970; font: 800 10px var(--body); letter-spacing: 1.2px; text-shadow: 0 1px 3px rgba(0,0,0,.8); }
.agent-license h3 { margin: 13px 0 4px; color: #fff4bb; font: 800 32px var(--display); line-height: .9; text-transform: uppercase; text-shadow: 0 2px 4px rgba(0,0,0,.9); }
.agent-license p { max-width: 230px; margin: 0; color: #fff4bb; font-size: 11px; font-weight: 700; line-height: 1.45; text-shadow: 0 1px 3px rgba(0,0,0,.9); text-transform: uppercase; }
.agent-license .agent-license-profession { display: block; max-width: 230px; color: #fff4bb; font: 700 11px/1.45 var(--body); letter-spacing: .4px; text-shadow: 0 1px 3px rgba(0,0,0,.9); text-transform: uppercase; }
.agent-license-meta { display: flex; gap: 18px; margin-top: 18px; color: #ffe970; font: 800 9px var(--body); letter-spacing: .8px; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0,0,0,.8); }
.guide-library .agent-license-portrait { top: 17px; left: 12px; width: 68px; height: 68px; }
.guide-library .agent-license-number { font-size: 8px; letter-spacing: .8px; }
.guide-library .agent-license h3 { margin: 7px 0 3px; font-size: 22px; }
.guide-library .agent-license p, .guide-library .agent-license .agent-license-profession { max-width: 150px; font-size: 8px; line-height: 1.3; }
.guide-library .agent-license-meta { gap: 8px; margin-top: 9px; font-size: 7px; letter-spacing: .5px; }
.agent-license-meta b { color: #d63424; font-weight: 800; }
.agent-license-meta b.ready { color: #36c983; text-shadow: 0 0 7px rgba(54,201,131,.5), 0 1px 3px rgba(0,0,0,.8); }
.see-guide-button { position: absolute !important; right: 20px; bottom: 17px; z-index: 2 !important; padding: 9px 12px; border: 2px solid #111a26; color: #111a26; background: #fff2b8; font: 800 10px var(--body); letter-spacing: .6px; text-decoration: none; text-transform: uppercase; }
.guide-library .see-guide-button { right: 10px; bottom: 10px; padding: 6px 7px; font-size: 7px; letter-spacing: .35px; }
.see-guide-button:hover { color: white; background: #b22b19; border-color: #b22b19; }
.agent-guide-page { min-height: calc(100vh - 82px); padding: 110px 10vw 140px; background: linear-gradient(180deg, rgba(5,20,34,.82), rgba(7,21,34,.94)), url('../assets/img/closers%20game%20%20background.png') center/cover fixed; }
.agent-guide-sheet { max-width: 900px; margin: 0 auto; padding: 60px; border: 1px solid rgba(29,38,49,.35); background: rgba(255,255,255,.76) url('../assets/agent%20license.png') center/cover; box-shadow: 0 18px 45px rgba(96,59,5,.2); }
.agent-guide-sheet { padding: 0; border: 0; background: transparent; box-shadow: none; }
.agent-guide-home { display: inline-block; margin-bottom: 28px; color: #1769ff; font-size: 11px; font-weight: 700; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; }
.agent-guide-home:hover { color: #c43e31; }
.agent-guide-sheet > .agent-license { min-height: 228px; }
.agent-guide-future { margin-top: 24px; padding: 38px 42px 42px; border-top: 2px solid rgba(183,198,211,.38); background: #fff; box-shadow: 0 18px 45px rgba(0,0,0,.22); }
.agent-guide-future .eyebrow { color: #b22b19; }
.agent-guide-future h2 { margin: 0 0 12px; color: #111a26; font-size: clamp(38px, 5vw, 64px); line-height: .88; }
.agent-guide-future > p:last-child { margin: 0; color: #68727e; }
.agent-guide-content { position: relative; min-height: 1px; color: #68727e; font-size: 15px; line-height: 1.8; }
.agent-guide-content h2 { margin: 24px 0 10px; color: #111a26; font-size: 32px; }
.agent-guide-content img { display: block; max-width: 100%; height: auto; margin: 18px 0; }
.agent-guide-editor-trigger { display: inline-block; margin-top: 25px; padding: 11px 16px; border: 2px solid #c43e31; color: white; background: #c43e31; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; cursor: pointer; }
.agent-guide-editor-trigger:hover { border-color: #1769ff; background: #1769ff; }
.guide-editor-panel { margin-top: 24px; padding: 24px; border: 1px solid rgba(23,32,43,.14); background: #f7f8f6; }
.guide-editor-modebar { display: flex; gap: 6px; margin-bottom: 18px; }
.guide-editor-mode { min-width: 78px; height: 32px; padding: 0 12px; border: 1px solid #b9c9d5; background: #fff; color: #4d5f73; font: 800 10px var(--body); letter-spacing: .7px; text-transform: uppercase; cursor: pointer; }
.guide-editor-mode:hover { border-color: #1769ff; color: #1769ff; }
.guide-editor-mode.active { border-color: #1769ff; background: #1769ff; color: #fff; }
.guide-editor-preview-mode .rich-editor-toolbar { display: none; }
.guide-editor-preview-mode .rich-editor-surface { min-height: 300px; background: #fff; }
.guide-editor-preview-mode .rich-editor-surface:focus { outline: none; }
.guide-editor-preview-mode .news-composer-label input { border-color: transparent; background: transparent; padding-left: 0; font-size: 22px; }
.guide-editor-panel .rich-editor-toolbar { border-color: #b9c9d5; background: #eef3f5; }
.guide-editor-panel .rich-editor-toolbar select, .guide-editor-panel .rich-editor-toolbar button, .guide-editor-panel .rich-editor-color-label { border-color: #b9c9d5; background: #fff; color: #17202b; }
.guide-editor-panel .rich-editor-toolbar button:hover, .guide-editor-panel .rich-editor-toolbar select:hover { border-color: #1769ff; background: #eef7ff; }
.guide-editor-panel .rich-editor-image-toolbar { border-color: #b9c9d5; background: #f8fbfc; color: #4d5f73; }
.guide-editor-panel .rich-editor-image-toolbar button { border-color: #b9c9d5; background: #fff; color: #17202b; }
.guide-editor-panel .rich-editor-surface { border-color: #b9c9d5; background: #fff; color: #17202b; }
.guide-editor-panel .rich-editor-surface:empty::before { color: #68727e; }
.guide-editor-panel .rich-editor-surface h1, .guide-editor-panel .rich-editor-surface h2, .guide-editor-panel .rich-editor-surface h3, .guide-editor-panel .rich-editor-surface a { color: #1769ff; }
.news-composer-label { display: grid; gap: 6px; margin-bottom: 14px; color: #4d5f73; font: 700 10px var(--body); letter-spacing: .8px; text-transform: uppercase; }
.news-composer-label input { height: 42px; padding: 0 10px; border: 1px solid rgba(23,32,43,.2); background: white; color: #17202b; font: 14px var(--body); }
.news-composer-actions { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.news-composer-actions small { color: #c43e31; font: 600 11px var(--body); }
.news-composer-actions .primary-action:disabled { cursor: wait; opacity: .65; }
.agent-guide-editor { margin-top: 30px; padding: 0; overflow: hidden; border: 1px solid #b9c9d5; background: #f7f8f6; box-shadow: 0 12px 30px rgba(23,32,43,.1); }
.forum-composer-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 22px; border-bottom: 1px solid #b9c9d5; background: #17202b; }
.forum-author { display: flex; align-items: center; gap: 11px; }
.forum-avatar { display: grid; width: 38px; height: 38px; place-items: center; border: 2px solid #ff654f; border-radius: 50%; color: white; background: #c43e31; font: 800 13px var(--display); }
.forum-avatar-image { width: 38px; height: 38px; border: 2px solid #ff654f; border-radius: 50%; object-fit: cover; object-position: center 18%; background: #c43e31; }
.forum-author strong, .forum-author small { display: block; }
.forum-author strong { color: #fff; font: 700 16px var(--display); text-transform: uppercase; }
.forum-author small { margin-top: 3px; color: #9fc1dd; font-size: 9px; letter-spacing: .5px; text-transform: uppercase; }
.forum-composer-head .editor-close { border-color: rgba(255,255,255,.35); color: white; background: transparent; }
.forum-thread-label { padding: 20px 30px 0; color: #c43e31; font: 800 10px var(--body); letter-spacing: 1.5px; text-transform: uppercase; }
.forum-title-field { margin: 14px 30px 0; color: #68727e; }
.forum-title-field input { margin-top: 6px; padding: 12px 14px; border-color: #b9c9d5; background: white; font-size: 16px; font-weight: 700; }
.forum-composer-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 0; padding: 15px 18px 18px; border-top: 1px solid #b9c9d5; }
.forum-composer-foot > span { color: #68727e; font-size: 10px; letter-spacing: .3px; }
.forum-composer-foot .guide-save-button { margin-top: 0; }
.editor-close { width: 32px; height: 32px; border: 1px solid #b9c9d5; color: #17202b; background: white; font-size: 22px; }
.guide-editor-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; padding: 8px 30px; border-top: 1px solid #b9c9d5; border-bottom: 1px solid #b9c9d5; background: #eef3f5; }
.toolbar-group { display: flex; gap: 5px; padding-right: 10px; border-right: 1px solid #b9c9d5; }
.guide-editor-toolbar button, .guide-editor-toolbar select { min-height: 30px; padding: 4px 9px; border: 1px solid #b9c9d5; color: #17202b; background: #eef3f5; font-size: 11px; }
.guide-editor-toolbar button:hover { color: white; background: #1769ff; }
.font-size-control { display: inline-flex; align-items: center; gap: 4px; margin: 0; color: #17202b; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.font-size-control input { width: 58px; min-height: 30px; margin: 0; padding: 4px 6px; }
.font-size-control button { min-height: 30px; }
.font-color-control { display: inline-flex; align-items: center; gap: 4px; margin: 0; color: #17202b; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.font-color-control input { width: 30px; height: 30px; margin: 0; padding: 2px; }
.highlight-control { display: inline-flex; align-items: center; gap: 4px; margin: 0; color: #17202b; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.highlight-control input { width: 30px; height: 30px; margin: 0; padding: 2px; }
.font-family-control { min-width: 90px; }
.guide-editor-body { position: relative; min-height: 280px; margin: 0 30px; padding: 20px 0; color: #17202b; background: white; font-size: 15px; line-height: 1.7; }
.guide-editor-body:empty::before { content: attr(data-placeholder); color: #9aa8b4; pointer-events: none; }
.guide-editor-body:focus { outline: 2px solid rgba(23,105,255,.25); border-color: #1769ff; }
.guide-editor-body img { max-width: 100%; height: auto; }
.guide-editor-body img.guide-image-free { position: absolute; z-index: 2; max-width: none; user-select: none; touch-action: none; }
.guide-editor-body img.guide-image-selected { outline: 2px solid #1769ff; outline-offset: 3px; cursor: move; }
.guide-image-handle { position: absolute; z-index: 10; display: grid; width: 24px; height: 24px; place-items: center; border: 2px solid white; border-radius: 50%; color: white; background: #1769ff; box-shadow: 0 2px 8px rgba(0,0,0,.55), 0 0 0 2px rgba(23,105,255,.24); cursor: nwse-resize; font: 800 14px/1 var(--body); user-select: none; }
.guide-image-handle:hover { background: #c43e31; }
.guide-editor-image-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.guide-editor-image-row input[type="url"] { flex: 1 1 220px; margin: 0; }
.guide-editor-image-row input[type="file"] { flex: 1 1 220px; margin: 0; padding: 7px; }
.guide-editor-image-row button { border: 1px solid #1769ff; color: white; background: #1769ff; font-size: 11px; font-weight: 700; }
.guide-image-settings { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 8px 30px 0; padding: 8px 10px; border: 1px solid #b9c9d5; color: #68727e; background: #eef3f5; font-size: 10px; }
.guide-image-settings label { display: inline-flex; align-items: center; gap: 4px; margin: 0; color: #17202b; font-size: 10px; letter-spacing: 0; text-transform: none; }
.guide-image-settings input { width: 56px; margin: 0; padding: 5px; }
.guide-image-settings button { min-height: 28px; padding: 4px 8px; border: 1px solid #b9c9d5; color: #17202b; background: white; font-size: 10px; }
.guide-image-settings button:hover { color: white; background: #1769ff; }
.guide-image-settings .guide-image-apply { border-color: #c43e31; color: white; background: #c43e31; }
.guide-save-button { margin-top: 18px; }
.guide-editor-message { display: block; margin-top: 10px; color: #36a876; }
.guide-authoring-tools { padding: 12px 30px; border-bottom: 1px solid #b9c9d5; background: #f8fbfc; }
.guide-authoring-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.guide-authoring-row + .guide-authoring-row { margin-top: 8px; }
.guide-authoring-row > span { color: #c43e31; font: 800 10px var(--body); letter-spacing: 1px; text-transform: uppercase; }
.guide-authoring-row button { padding: 6px 8px; border: 1px solid #b9c9d5; color: #17202b; background: white; font: 700 10px var(--body); }
.guide-authoring-row button:hover { color: white; border-color: #1769ff; background: #1769ff; }
.guide-authoring-row label { display: flex; align-items: center; gap: 5px; color: #68727e; font: 700 10px var(--body); text-transform: uppercase; }
.guide-authoring-row input { width: 104px; height: 28px; padding: 0 7px; border: 1px solid #b9c9d5; background: white; }
.guide-draft-status { margin-left: auto; color: #68727e; font-size: 10px; }
.guide-editor-preview .guide-editor-toolbar, .guide-editor-preview .guide-editor-image-row, .guide-editor-preview .guide-image-settings { display: none; }
.guide-editor-preview .guide-editor-body { min-height: 240px; margin: 0 30px; padding: 24px; border: 1px solid #dfe4e8; background: white; }
.guide-editor-preview .guide-editor-body[contenteditable="true"] { pointer-events: none; }
.guide-block { margin: 18px 0; padding: 16px 18px; border-left: 4px solid #1769ff; background: #eef7ff; }
.guide-block h3 { margin: 0 0 8px; color: #17202b; font-size: 22px; }
.guide-block p { margin: 0; }
.guide-tip { border-left-color: #36a876; background: #e8f8ef; }
.guide-warning { border-left-color: #c43e31; background: #ffe9e5; }
.guide-table-of-contents { display: grid; gap: 7px; margin: 20px 0; padding: 15px 17px; border-left: 3px solid #1769ff; background: #eef7ff; }
.guide-table-of-contents strong { color: #17202b; font: 800 12px var(--body); text-transform: uppercase; }
.guide-table-of-contents a { color: #1769ff; font-size: 13px; text-decoration: none; }
.guide-table-of-contents a:hover { color: #c43e31; }
.guide-review-notice { margin: 22px 0 0; padding: 12px 14px; border-left: 3px solid #ffad4d; color: #6f4b18; background: #fff2d5; font-size: 13px; line-height: 1.55; }
.guide-review-notice.refused { border-left-color: #c43e31; color: #8a260f; background: #ffe0db; }
.agent-guide-sheet .eyebrow { color: #8a260f; }
.agent-guide-sheet h1 { max-width: none; margin: 0 0 18px; color: #111a26; font-size: clamp(62px, 9vw, 112px); line-height: .82; }
.agent-guide-sheet p { max-width: 560px; color: #352708; font-size: 15px; line-height: 1.7; }
.agent-guide-back { display: inline-block; margin-top: 25px; padding: 11px 16px; border: 2px solid #1769ff; color: #1769ff; background: white; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; }
.agent-guide-back:hover { color: #b22b19; }
.guide-canvas { min-height: calc(100vh - 82px); padding: 110px 10vw 150px; background: #eaf0f3; }
.guide-post { max-width: 850px; margin: 0 auto; padding: 45px 50px 55px; background: white; border-top: 4px solid var(--blue); box-shadow: 0 18px 50px rgba(23,32,43,.1); }
.guide-post-head { display: flex; justify-content: space-between; align-items: center; color: var(--coral); font-size: 10px; font-weight: 700; letter-spacing: 1.5px; }
.post-status { color: #36a876; }
.guide-post h1 { max-width: none; margin: 58px 0 42px; font-size: clamp(55px, 7vw, 92px); line-height: .85; }
.guide-post-author { display: flex; align-items: center; gap: 11px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.guide-post-author img { width: 44px; height: 44px; border: 2px solid var(--coral); border-radius: 50%; object-fit: cover; object-position: 50% 18%; }
.guide-post-author span { display: flex; flex-direction: column; gap: 3px; }
.guide-post-author strong { color: var(--coral); font: 600 17px var(--display); text-transform: uppercase; }
.guide-post-author small, .guide-post-author time { color: var(--muted); font-size: 9px; letter-spacing: .5px; text-transform: uppercase; }
.guide-post-author time { margin-left: auto; }
.guide-post-body { white-space: pre-wrap; padding-top: 32px; color: var(--muted); font-size: 15px; line-height: 1.85; }
.guide-login-backdrop { position: fixed; inset: 0; z-index: 7; background: rgba(18,29,42,.24); opacity: 0; pointer-events: none; transition: opacity .3s; }
.guide-login-backdrop.open { opacity: 1; pointer-events: auto; }
.guide-admin-panel { position: fixed; inset: 0 0 0 auto; z-index: 8; width: min(480px, 100%); padding: 110px 58px 50px; overflow-y: auto; background: var(--paper); transform: translateX(100%); transition: transform .35s ease; box-shadow: -15px 0 40px rgba(18,29,42,.1); }
.guide-admin-panel.open { transform: translateX(0); }
.guide-admin-panel h2 { margin: 0 0 18px; font-size: 64px; line-height: .9; }
.guide-hero { padding: 105px 10vw 115px; border-bottom: 1px solid var(--line); background: #eaf0f3; }
.guide-hero h1 { margin: 0 0 24px; font-size: clamp(70px, 10vw, 140px); line-height: .83; }
.guide-hero > p:last-child { max-width: 350px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.guide-library { padding: 100px 10vw 130px; }
.guide-page-heading { display: grid; grid-template-columns: 1fr 310px; gap: 10%; align-items: end; margin: 32px 0 60px; }
.guide-page-heading h2 { margin: 0; font-size: clamp(58px, 7vw, 90px); line-height: .86; }
.guide-page-heading p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.guide-grid { margin-top: 0; }
@media (max-width: 1100px) { .guide-team-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 18px; } .guide-library .agent-license { min-height: 174px; padding: 20px 16px 16px 116px; } .guide-library .agent-license-portrait { top: 20px; left: 16px; width: 82px; height: 82px; } .guide-library .agent-license h3 { font-size: 25px; } .guide-library .agent-license p, .guide-library .agent-license .agent-license-profession { max-width: 190px; font-size: 9px; } .guide-library .agent-license-meta { margin-top: 12px; font-size: 8px; } .guide-library .see-guide-button { right: 13px; bottom: 13px; padding: 7px 9px; font-size: 8px; } }
@media (max-width: 760px) { .header-profile { display: none; } .guide-canvas { padding: 70px 8vw 100px; } .guide-post { padding: 30px 24px 38px; } .guide-post h1 { margin: 44px 0 32px; } .guide-post-author time { display: none; } .guide-admin-panel { padding: 95px 35px 40px; } }
@media (max-width: 760px) { .guide-library { padding: 52px 6vw 88px; } .guide-library-intro { display: block; margin-bottom: 26px; padding: 8px 0 25px; } .guide-library-intro h1 { font-size: 72px; } .guide-library-count { margin-top: 24px; } .guide-library-details { grid-template-columns: 1fr; margin-bottom: 20px; } .guide-library-details span { border-right: 0; border-bottom: 1px solid rgba(124,190,232,.2); } .guide-library-details span:last-child { border-bottom: 0; } .guide-status-legend { display: grid; gap: 8px; margin-bottom: 32px; } .guide-team { margin-top: 38px; } .guide-team-head h2 { font-size: 32px; } .guide-card-grid { display: block; } .agent-license { min-height: 220px; margin-bottom: 13px; padding-left: 135px; } .agent-license-portrait { top: 30px; left: 12px; width: 108px; height: 108px; object-position: center 10%; } .agent-license h3 { font-size: 27px; } }
@media (max-width: 760px) { .agent-guide-page { padding: 62px 6vw 100px; } .agent-guide-sheet { padding: 0; } .agent-guide-sheet > .agent-license { min-height: 220px; } .agent-guide-future { padding: 28px 24px 32px; } }