.guide-container{max-width: 900px;margin: 0 auto;padding: 0;}.guide-container h1{font-size: var(--font-size-3xl,24px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: 0 0 var(--spacing-sm) 0;}.guide-subtitle{font-size: var(--font-size-base,16px);color: var(--color-text-secondary);margin: 0 0 24px 0;}.guide-section{background: var(--color-card-background);border-radius: var(--border-radius-sm);padding: 20px;margin-bottom: 16px;box-shadow: var(--shadow-sm);}.guide-section h2{font-size: var(--font-size-lg,18px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: 0 0 16px 0;padding-bottom: var(--spacing-sm);border-bottom: 2px solid var(--color-primary);}.guide-section h3{font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: var(--spacing-md) 0 var(--spacing-sm) 0;}.guide-section p{margin: 0 0 12px 0;line-height: 1.6;color: var(--color-text);}.guide-section ul,.guide-section ol{margin: 0 0 12px 0;padding-left: 24px;}.guide-section li{margin: var(--spacing-sm) 0;line-height: 1.5;color: var(--color-text);}.guide-section a{color: var(--color-primary);text-decoration: none;}.guide-section a:hover{text-decoration: underline;}.guide-card{background: var(--color-background);border-radius: var(--border-radius-sm);padding: 16px 20px;margin-bottom: 12px;border-left: 4px solid var(--color-primary);display: block;text-decoration: none;color: inherit;transition: transform 0.1s,box-shadow 0.1s;}.guide-card:hover{transform: translateX(4px);box-shadow: var(--shadow-md);text-decoration: none;}.guide-card h3{margin: 0 0 4px 0;font-size: var(--font-size-base,16px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);}.guide-card p{margin: 0;font-size: var(--font-size-sm,14px);color: var(--color-text-secondary);}.feature-box{background: var(--color-info-bg);border-radius: var(--border-radius-sm);padding: 16px;margin: 12px 0;}.feature-box.success{background: var(--color-success-bg);border-left: 4px solid var(--color-success);}.feature-box.warning{background: var(--color-warning-bg);border-left: 4px solid var(--color-warning);}.feature-box.info{background: var(--color-info-bg);border-left: 4px solid var(--color-primary);}.step-number{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;background: var(--color-primary);color: var(--button-primary-text);border-radius: 50%;font-weight: var(--font-weight-semibold,600);font-size: var(--font-size-sm,14px);margin-right: 10px;flex-shrink: 0;}.step-item{display: flex;align-items: flex-start;margin-bottom: 16px;}.step-content{flex: 1;}.step-content h4{margin: 0 0 4px 0;font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);}.step-content p{margin: 0;font-size: var(--font-size-sm,14px);color: var(--color-text);}.api-endpoint{background: var(--color-background);border-radius: var(--border-radius-sm);padding: 20px;margin-bottom: 20px;border-left: 4px solid var(--color-primary);}.api-endpoint h3{display: flex;align-items: center;gap: 12px;margin: 0 0 12px 0;font-size: var(--font-size-base,16px);}.api-endpoint h4{font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);margin: var(--spacing-md) 0 var(--spacing-sm) 0;color: var(--color-text);}.api-endpoint pre{background: var(--color-secondary);color: var(--color-background);padding: 12px;border-radius: 4px;overflow-x: auto;margin: var(--spacing-sm) 0;}.api-endpoint code{font-family: 'Courier New',monospace;font-size: var(--font-size-xs,12px);}.api-endpoint ul{margin: var(--spacing-sm) 0;padding-left: 20px;}.api-endpoint ul li{margin: 4px 0;}.http-method{display: inline-block;padding: 4px 10px;border-radius: 4px;font-weight: var(--font-weight-semibold,600);font-size: var(--font-size-xs,12px);text-transform: uppercase;color: var(--button-primary-text);}.http-method.get{background: var(--color-success);}.http-method.post{background: var(--color-info);}.http-method.put{background: var(--color-warning);}.http-method.delete{background: var(--color-error);}.code-block{background: var(--color-secondary);color: var(--color-background);border-radius: var(--border-radius-sm);padding: 16px;margin: 12px 0;overflow-x: auto;position: relative;}.code-block code{font-family: 'Courier New',monospace;font-size: var(--font-size-xs,12px);white-space: pre;}.code-block .copy-btn{position: absolute;top: var(--spacing-sm);right: var(--spacing-sm);}.info-block{background: var(--color-background);border-radius: var(--border-radius-sm);padding: 16px;margin: 12px 0;border-left: 4px solid var(--color-primary);}.info-block h3{margin: 0 0 var(--spacing-sm) 0;font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);}.info-block p{margin: 0;font-size: var(--font-size-sm,14px);color: var(--color-text);}.note{padding: var(--spacing-sm) var(--spacing-md);margin: 10px 0;border-radius: 4px;background: var(--color-info-bg);border-left: 3px solid var(--color-info);font-size: var(--font-size-sm,14px);color: var(--color-info);}.note.important{background: var(--color-warning-bg);border-left-color: var(--color-warning);color: var(--color-warning-dark);}.note.important strong{color: var(--color-warning);}.note.compact{margin: var(--spacing-sm) 0;}.mt{margin-top: 16px;}.note.mt{margin-top: 10px;}.note.mb{margin-bottom: 12px;}.feature-box.mt{margin-top: 10px;}.guide-photo-wrapper{text-align: center;margin: 16px 0;}.guide-photo-img{max-width: 340px;width: 100%;border-radius: var(--border-radius-sm);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm);}.guide-photo-caption{font-size: var(--font-size-xs,12px);color: var(--color-text-secondary);margin-top: var(--spacing-sm);}.field-table{width: 100%;border-collapse: collapse;margin: 12px 0;font-size: var(--font-size-sm,14px);}.field-table th,.field-table td{padding: var(--spacing-sm) 12px;text-align: left;border-bottom: 1px solid var(--color-border);}.field-table th{font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);background: var(--color-background);}.field-table code{background: var(--color-background);padding: var(--spacing-xs) var(--spacing-sm);border-radius: 3px;font-family: 'Courier New',monospace;font-size: var(--font-size-xs,12px);}@media (min-width: 768px){.guide-container{padding: 20px;}.guide-container h1{font-size: var(--font-size-5xl,28px);}.guide-section{padding: 24px;}.guide-section h2{font-size: var(--font-size-xl,20px);}}