.guides { color: #0f172a; background: #fff; }
.guides :focus-visible, .guide-admin :focus-visible { outline: 3px solid #1a5ba8; outline-offset: 3px; }
.guides .shaxi-navy-band :focus-visible, .guide-action-card :focus-visible { outline-color: #fff; }
.guides h1, .guides h2, .guides h3 { color: #0d2d5e; font-weight: 800; line-height: 1.25; }
.guides .shaxi-navy-band h1 { color: #fff; }
.guides h2 { font-size: 24px; }
.guides h3 { font-size: 19px; }
.guide-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 20px; border: 1.5px solid #0d2d5e; border-radius: 12px; background: #0d2d5e; color: #fff !important; font: inherit; font-size: 15px; font-weight: 800; text-decoration: none; cursor: pointer; }
.guide-button:hover { background: #1a5ba8; }
.guide-button.secondary { background: #fff; color: #0d2d5e !important; }
.guide-button:disabled, .guide-button[aria-disabled=true] { opacity: .55; cursor: not-allowed; }
.guide-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.guide-search { display: flex; gap: 10px; max-width: 720px; }
.guide-search input { min-width: 0; flex: 1; min-height: 48px; background: #fff; border: 1px solid #7d8ca3; border-radius: 12px; padding: 10px 16px; color: #0f172a; font-size: 16px; }
.guide-search .guide-button { background: #c42a26; border-color: #c42a26; }
.guide-search-icon { display: none; }
.guide-chips { display: flex; gap: 10px; flex-wrap: wrap; }
.guide-chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 18px; border: 1.5px solid #7d8ca3; border-radius: 999px; color: #0d2d5e; font-size: 15px; font-weight: 700; white-space: nowrap; }
.guide-chips a[aria-current=page] { background: #0d2d5e; border-color: #0d2d5e; color: white; }
.guide-card { padding: 20px; border: 1px solid #e2e8f0; border-radius: 16px; display: flex; flex-direction: column; gap: 10px; background: #fff; }
.guide-card-link { height: 100%; text-decoration: none; color: #0f172a; }
.guide-card-link:hover { border-color: #7d8ca3; }
.guide-featured { display: flex; flex-wrap: wrap; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 20px; background: #fff; }
.guide-featured-image { flex: 1 1 360px; min-height: 160px; background: #e8eef7; color: #0d2d5e; display: flex; align-items: center; justify-content: center; }
.guide-featured-content { flex: 1 1 440px; padding: 32px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; }
.guide-featured h2 { font-size: 30px; }
.guide-featured p { line-height: 1.6; }
.guide-topic { font-size: 13px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.guide-topic-events { color: #c42a26; }
.guide-topic-drivers { color: #1a5ba8; }
.guide-topic-buy-sell { color: #0d2d5e; }
.guide-topic-payments { color: #7a4a00; }
.guide-topic-safety { color: #15803d; }
.guide-meta { font-size: 13px; line-height: 1.7; color: #475569; }
.guide-grid { list-style: none; padding: 0; margin: 20px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.guide-grid > li { min-width: 0; }
.guide-empty { grid-column: 1 / -1; }
.guide-card > p { line-height: 1.6; }
.guide-card .guide-meta { margin-top: auto; padding-top: 6px; }
.guide-support { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.guide-support p { margin-top: 8px; line-height: 1.65; }
.guide-article-header { background: #f5f7fb; border-bottom: 1px solid #e2e8f0; }
.guide-article-intro { max-width: 880px; margin-top: 18px; }
.guide-article-intro h1 { font-size: 40px; line-height: 1.15; letter-spacing: -.025em; }
.guide-short { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 18px 20px; margin: 20px 0 14px; }
.guide-short h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px; color: #c42a26; }
.guide-short p { font-size: 17px; line-height: 1.55; }
.guide-article-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,360px); gap: 32px; padding-top: 32px; align-items: start; }
.guide-article { min-width: 0; max-width: 820px; }
.guide-body { font-size: 17px; line-height: 1.6; }
.guide-body h2 { margin: 28px 0 16px; font-size: 26px; scroll-margin-top: 100px; }
.guide-body > :first-child { margin-top: 0; }
.guide-body p { margin: 12px 0; }
.guide-body a { color: #1a5ba8; text-decoration: underline; overflow-wrap: anywhere; }
.guide-body ul { padding-left: 22px; margin: 16px 0; list-style: disc; }
.guide-body li { margin: 12px 0; }
.guide-body .guide-steps { list-style: none; counter-reset: guide-step; padding: 0; margin: 16px 0; }
.guide-steps > li { counter-increment: guide-step; position: relative; min-height: 36px; padding: 5px 0 0 52px; margin: 16px 0; }
.guide-steps > li::before { content: counter(guide-step); position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; background: #0d2d5e; color: #fff; font-size: 15px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.guide-callout { display: flex; gap: 12px; padding: 14px 16px; margin: 24px 0; border: 1px solid; border-radius: 14px; font-size: 16px; }
.guide-callout p { margin: 0; }
.guide-callout-icon { font-size: 24px; line-height: 1.3; flex: none; }
.guide-tip { background: #eef5fd; border-color: #bcd3ee; color: #0d2d5e; }
.guide-warning { background: #fffaeb; border-color: #f3c56b; color: #7a4a00; }
.guide-body details { border: 1px solid #e2e8f0; border-radius: 14px; margin: 12px 0; padding: 0 16px; }
.guide-body summary { min-height: 52px; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; font-weight: 800; color: #0d2d5e; list-style: none; }
.guide-body summary::-webkit-details-marker { display: none; }
.guide-body summary::after { content: ''; width: 9px; height: 9px; flex: none; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); margin: 0 4px 4px; }
.guide-body details[open] > summary::after { transform: rotate(225deg); margin-top: 8px; }
.guide-body details p { margin: 0 0 18px; }
.guide-aside { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 24px; }
.guide-aside h2 { font-size: 18px; }
.guide-action-card { display: flex; flex-direction: column; gap: 14px; background: #0d2d5e; color: #fff; border-radius: 18px; padding: 20px; }
.guide-action-card h2 { color: #fff; }
.guide-action-card p { font-size: 15px; line-height: 1.7; }
.guide-action-card .guide-button { background: #fff; color: #0d2d5e !important; border-color: #fff; }
.guide-toc { list-style: none; margin: 0; padding: 0; }
.guide-toc a { display: flex; min-height: 44px; align-items: center; padding: 6px 0; color: #1a5ba8; font-size: 14px; font-weight: 700; line-height: 1.5; }
.guide-feedback { margin-top: 32px; border: 1px solid #e2e8f0; border-radius: 16px; padding: 18px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.guide-feedback h2 { font-size: 16px; color: #0f172a; }
.guide-sticky-action { display: none; }
.guide-preview { padding: 12px; margin: 16px 0; background: #fffaeb; color: #7a4a00; border-radius: 12px; }
.guides nav[aria-label=Breadcrumb] a { min-height: 24px; display: inline-flex; align-items: center; }
.guide-admin{color:#0f172a}.guide-admin h1{font-size:26px;font-weight:800;color:#0d2d5e}.guide-admin h2{font-size:17px;font-weight:800;color:#0d2d5e}.guide-admin-header{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.guide-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.guide-admin-main,.guide-admin-aside{display:flex;flex-direction:column;gap:18px}.guide-admin .guide-card{padding:20px}.guide-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}.guide-field input,.guide-field select,.guide-field textarea,.guide-block input,.guide-block textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #7d8ca3;border-radius:10px;font:inherit;font-weight:500;font-size:15px;background:#fff;color:#0f172a}.guide-field small{font-size:12px;font-weight:500;color:#475569}.guide-check{min-height:44px;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}.guide-check input{width:20px;height:20px;flex:none}.guide-block{padding:14px;background:#f5f7fb;border:1px solid #dce4ee;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin:12px 0}.guide-block-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.guide-block-tools strong{flex:1;text-transform:capitalize}.guide-block-tools button{min-width:44px;min-height:44px;padding:8px;border:1px solid #7d8ca3;border-radius:10px;font-size:13px;background:white}.guide-table-wrap{overflow-x:auto;border:1px solid #dce4ee;border-radius:16px;background:#fff}.guide-table{width:100%;font-size:14px;text-align:left}.guide-table th,.guide-table td{padding:16px;border-bottom:1px solid #dce4ee;vertical-align:top}.guide-table th{background:#f5f7fb;color:#475569;font-weight:700;white-space:nowrap}.guide-status{display:inline-flex;padding:3px 10px;border-radius:20px;background:#e2e8f0;font-size:12px;font-weight:700}.guide-status.published{background:#dcfce7;color:#166534}.guide-admin-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:16px;border-radius:12px;margin-bottom:20px}.guide-search-preview{padding:16px;border:1px solid #dce4ee;border-radius:12px;overflow-wrap:anywhere}.guide-search-preview .title{font-size:20px;color:#1a0dab}.guide-search-preview p{font-size:14px;line-height:1.5}.guide-hint{font-size:13px;color:#7a4a00}

@media (min-width:1360px) { .guide-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width:1100px) { .guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .guide-admin-grid { grid-template-columns: minmax(0,1fr); } .guide-admin-aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:979px) { .guide-toc-nav { display: none; } .guide-article-grid { grid-template-columns: minmax(0,1fr); } .guide-aside { position: static; max-width: 820px; } }
@media (max-width:767px) {
    .guide-grid { grid-template-columns: minmax(0,1fr); }
    .guide-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }
    .guide-chips a { flex: none; }
    .guide-featured-content { padding: 18px; }
    .guide-featured h2 { font-size: 23px; }
    .guide-featured .guide-button { width: 100%; }
    .guide-featured-image { min-height: 120px; }
    .guide-card-summary { display: none; }
    .guide-grid .guide-card { padding: 16px; gap: 6px; }
    .guide-grid h3 { font-size: 17px; }
    .guide-article-intro h1 { font-size: 29px; }
    .guide-short { padding: 16px; }
    .guide-short p, .guide-body { font-size: 16px; }
    .guide-body h2 { font-size: 23px; }
    .guide-action-card { display: none; }
    .guide-aside { width: 100%; }
    .guide-sticky-action { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 60; background: #fff; border-top: 1px solid #e2e8f0; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); }
    .guide-sticky-action a { width: 100%; }
    .guide-article-page { padding-bottom: 88px; }
    .guide-fields, .guide-admin-aside { grid-template-columns: minmax(0,1fr); }
    .guide-search { gap: 8px; }
    .guide-search-label { display: none; }
    .guide-search-icon { display: block; }
    .guide-search .guide-button { width: 48px; padding: 10px; flex: none; }
}