.guide-page{padding-top:38px;padding-bottom:80px}.guide-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0 44px}.guide-intro h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;line-height:1.22;margin:17px 0}.guide-intro p{font-size:18px;margin:0;color:#272a2f;max-width:650px}.guide-mode{display:inline-flex;padding:5px 11px;border-radius:8px;background:#eff7f2;font-size:14px;font-weight:650;color:#234c36}.guide-mode.desktop{background:#eff2ff;color:#36466d}.guide-mode.external{background:#fff4e8;color:#6a4823}.guide-mode.workflow{background:#f3effb;color:#514367}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.guide-pair{display:flex;align-items:center;gap:15px;flex-shrink:0}.guide-pair strong{padding:25px 19px;border:1px solid #e7e7e9;border-radius:20px;background:#fff;box-shadow:0 10px 25px #00000004;font-size:24px;letter-spacing:-.6px}.guide-pair strong:last-child{background:#fff5f1;border-color:#f2d7cc}.guide-pair>span{font-size:28px;color:#e87558}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:54px;align-items:start}.guide-section{margin:0 0 34px;padding:30px;border:1px solid #e5e6e8;border-radius:20px;background:#fff;scroll-margin-top:110px}.guide-section h2{font-size:24px;line-height:1.35;margin:0 0 22px}.guide-section h3{font-size:18px;margin:0 0 8px}.guide-section p{font-size:17px;color:#24272c;line-height:1.85}.guide-section .guide-fact{font-size:15px;color:#53575d}.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:25px}.guide-steps li{display:flex;gap:18px}.guide-steps li>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff2ec;color:#c86447;font-weight:700;flex-shrink:0}.guide-steps p{margin:5px 0 0}.guide-format-info{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-format-info code{font-size:14px;overflow-wrap:anywhere;color:#50545a}.guide-format-info p{font-size:16px}.guide-sidebar{position:sticky;top:105px;border-left:1px solid #e7e7e9;padding-left:22px;display:flex;flex-direction:column;gap:13px}.guide-sidebar h2{font-size:16px;margin:10px 0 0}.guide-sidebar nav{display:flex;flex-direction:column;gap:12px}.guide-sidebar a{font-size:16px;color:#363b42;line-height:1.5}.guide-sidebar a:hover,.guide-more{color:#cf5b41}.guide-command{position:relative;border-radius:12px;background:#f6f7f9;border:1px solid #e8e9ed;margin:18px 0;padding:16px}.guide-command pre{margin:0 0 12px;overflow:auto;white-space:pre;font-size:14px;line-height:1.8;color:#1c2634}.guide-command button{font-size:14px;padding:5px 13px}.copy-result{font-size:14px;margin-left:10px}.cli-arguments{display:grid;grid-template-columns:110px 1fr;gap:16px;font-size:16px;line-height:1.7}.cli-arguments dt{font-family:monospace;font-weight:650}.cli-arguments dd{margin:0}.guide-directory{padding-top:15px;padding-bottom:70px}.guide-directory>.section-heading p{font-size:17px;margin-top:10px;color:#30353b}.guide-category-nav{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 35px}.guide-category-nav a{border:1px solid #e3e5e8;border-radius:8px;padding:8px 12px;font-size:15px;color:#252a30}.guide-category-nav a:hover{border-color:#e98b72;background:#fff8f4}.guide-category{margin:0 0 33px;scroll-margin-top:110px}.guide-category h3{font-size:22px;margin-bottom:15px}.guide-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-link-grid>a{position:relative;display:flex;flex-direction:column;gap:7px;min-height:93px;padding:20px 39px 20px 20px;background:white;border:1px solid #e4e6e9;border-radius:14px;transition:transform .18s,border-color .18s,box-shadow .18s}.guide-link-grid>a:hover{transform:translateY(-3px);border-color:#eaa086;box-shadow:0 12px 24px #4f25100a}.guide-link-grid strong{font-size:17px;color:#1e242a}.guide-link-grid small{font-size:13px;color:#565e66}.guide-link-grid a>span{position:absolute;right:17px;top:22px;color:#dc7657}@media(max-width:950px){.guide-pair{display:none}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;border-left:0;border-top:1px solid #e7e7e9;padding:22px 0}.guide-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.guide-intro{padding-top:10px}.guide-section{padding:22px 18px}.guide-format-info,.guide-link-grid{grid-template-columns:1fr}.guide-layout{gap:15px}.guide-actions>*{justify-content:center;flex:1 1 auto}.cli-arguments{grid-template-columns:1fr;gap:8px}.guide-page{padding-top:20px}}@media(prefers-reduced-motion:reduce){.guide-link-grid>a{transition:none}.guide-link-grid>a:hover{transform:none}}


.format-catalog { padding-bottom:60px; }
.catalog-hero {
  position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 235px; align-items:center; gap:15px;
  margin:4px 0 19px; padding:clamp(23px,5vw,48px); border:1px solid #f1e4e0; border-radius:23px;
  background:radial-gradient(ellipse at 100% 85%,#fae7e0,transparent 63%),linear-gradient(135deg,#fff,#fff7f4);
}
.catalog-hero h1 { margin:0 0 7px; font-size:clamp(35px,5.5vw,60px); font-weight:750; line-height:1.12; letter-spacing:-.06em; }
.catalog-hero p { margin:0 0 18px; color:#515a69; font-size:16px; }
.catalog-stats { display:flex; flex-wrap:wrap; gap:7px; }
.catalog-stats > * { display:inline-flex; align-items:center; gap:5px; min-height:44px; padding:5px 10px; border:1px solid #eee4df; border-radius:9px; background:#fff; white-space:nowrap; }
.catalog-stats b { color:#a63d33; font-size:21px; line-height:1; }
.catalog-stats svg,.catalog-categories svg,.catalog-engines summary svg { width:16px; height:16px; color:#a1473d; }
.catalog-art { position:relative; height:156px; pointer-events:none; }
.catalog-art i { position:absolute; inset:23px 24px; border:1px dashed #c88f85; border-radius:50%; transform:rotate(-20deg); }
.catalog-art span { position:absolute; display:grid; place-items:center; width:72px; height:87px; border:1px solid #fff; border-radius:12px; color:#89443e; background:#fff9f7; box-shadow:0 10px 24px #8b423324; font:750 13px/1 system-ui; }
.catalog-art span:nth-of-type(1) { top:40px; left:19px; transform:rotate(-17deg); }
.catalog-art span:nth-of-type(2) { top:11px; left:83px; color:#445fa4; background:#f3f6ff; transform:rotate(5deg); }
.catalog-art span:nth-of-type(3) { top:55px; left:146px; color:#5d4b86; background:#fbf7ff; transform:rotate(14deg); }
.catalog-categories { display:flex; flex-wrap:wrap; gap:7px; padding:3px 0 16px; }
.catalog-categories a { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 12px; border:1px solid var(--line); border-radius:999px; white-space:nowrap; font-weight:650; }
.catalog-categories a:hover,.catalog-stats > a:hover,.catalog-guides a:hover { border-color:#df9c91; color:#a63d33; }
.catalog-popular { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 13px; padding:7px 12px; margin:0 0 15px; border-radius:10px; background:var(--soft); }
.catalog-popular > div,.catalog-guides > div { display:flex; flex-wrap:wrap; gap:0 11px; }
.catalog-popular a { display:inline-flex; align-items:center; min-height:40px; color:#a63d33; font-weight:650; }
.catalog-engines { margin-bottom:21px; border:1px solid var(--line); border-radius:13px; }
.catalog-engines summary { min-height:44px; align-content:center; cursor:pointer; }
.catalog-engines summary { padding:8px 14px; font-weight:650; }
.catalog-engines summary svg { margin-inline:5px 3px; }
.catalog-engines > div { padding:2px 14px 11px; }
.catalog-engines p { margin-bottom:6px; }
.catalog-engines ul { list-style:none; margin:0; padding:0; }
.catalog-engines li { display:grid; grid-template-columns:minmax(125px,.55fr) minmax(0,1fr) auto; align-items:center; gap:8px; min-height:44px; border-top:1px solid var(--line); }
.catalog-engines li a,.catalog-tool { color:#9a3f33; font-weight:650; overflow-wrap:anywhere; }
.catalog-sections { display:grid; gap:15px; }
.catalog-section { min-width:0; padding:clamp(13px,2.4vw,24px); border:1px solid var(--line); border-radius:16px; background:var(--canvas); }
.catalog-section:target { border-color:#df998e; box-shadow:0 0 0 3px #fae7e4; }
.catalog-section-title { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:10px; margin:0 0 14px; }
.catalog-section-title h2 { margin:0 0 3px; font-size:clamp(22px,3vw,28px); font-weight:720; letter-spacing:-.025em; }
.catalog-section-title p { margin:0; color:#4c5564; }
.catalog-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:#faeeea; color:#a1473d; }
.catalog-section-title > a { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--line); border-radius:50%; color:#5d6571; }
.catalog-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.catalog-table th { padding:8px 10px; text-align:left; color:#4e5869; background:var(--soft); font-weight:650; }
.catalog-table th:first-child { width:36%; border-radius:7px 0 0 7px; }
.catalog-table th:last-child { width:22%; border-radius:0 7px 7px 0; }
.catalog-table td { vertical-align:top; padding:10px; border-bottom:1px solid var(--line); }
.catalog-chips { display:flex; flex-wrap:wrap; gap:4px; }
.catalog-chips span { max-width:100%; padding:2px 6px; border:1px solid var(--line); border-radius:5px; background:var(--soft); color:var(--ink); font:620 12px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; }
.catalog-table td small { display:block; margin-top:4px; color:#536071; }
.catalog-mode { display:inline-flex; align-items:center; width:max-content; padding:2px 7px; border-radius:99px; font-size:12px; font-weight:680; white-space:nowrap; }
.mode-web { color:#216148; background:#e7f3ec; }
.mode-desktop { color:#514477; background:#eeeaf8; }
.mode-optional { color:#8a4e19; background:#fff0db; }
.catalog-tool { display:flex; align-items:center; min-height:35px; }
.catalog-guides { margin-top:14px; }
.catalog-guides h3 { margin:0 0 6px; }
.catalog-guides > div { gap:5px; }
.catalog-guides a { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:4px 8px; border:1px solid var(--line); border-radius:8px; }
.catalog-guides small { color:#566273; white-space:nowrap; }
html[data-theme=dark] .catalog-hero { background:linear-gradient(135deg,#282530,#35303a); border-color:#4d4050; }
html[data-theme=dark] .catalog-stats > * { background:#241f28; border-color:#594956; }
html[data-theme=dark] :is(.catalog-stats b,.catalog-categories svg,.catalog-popular a,.catalog-tool,.catalog-engines a) { color:#ffab9e; }
html[data-theme=dark] :is(.catalog-section-title p,.catalog-table th,.catalog-table td small,.catalog-guides small) { color:#cbd5e1; }
@media(max-width:760px) {
  .catalog-hero { grid-template-columns:minmax(0,1fr); padding:20px 14px; border-radius:15px; }
  .catalog-art { display:none; }
  .catalog-categories { gap:5px; }
  .catalog-categories a { font-size:13px; padding-inline:8px; }
  .catalog-table,.catalog-table tbody { display:block; }
  .catalog-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .catalog-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:7px 8px; padding:9px; margin-bottom:7px; border:1px solid var(--line); border-radius:8px; }
  .catalog-table td { padding:0; min-width:0; border:0; }
  .catalog-table td[data-label]::before { content:attr(data-label); display:block; margin-bottom:4px; color:#546070; font-size:12px; font-weight:650; }
  .catalog-table td:last-child { display:flex; align-items:center; gap:8px; grid-column:1/-1; border-top:1px solid var(--line); }
  .catalog-tool,.catalog-guides a { min-height:44px; }
}
@media(max-width:420px) {
  .catalog-section-title { gap:7px; }
  .catalog-icon { width:35px; height:35px; }
  .catalog-icon svg { width:18px; height:18px; }
  .catalog-engines li { grid-template-columns:minmax(0,1fr) auto; padding:5px 0; }
  .catalog-engines li > span:nth-child(2) { grid-row:2; grid-column:1/-1; }
}

.catalog-pdf-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent-hover); font-weight: 650; }