/* arkDisk — docs styles. Generated during CSS refactor. */
@media (max-width: 768px){
.docs-back-btn-wrapper{justify-content: center !important;}
}
@media (min-width: 769px) and (max-width: 1100px){
.feature{padding: 12px !important;}
}
.feature{text-align: center;padding: 12px 10px;border-radius: 12px;transition: all 0.3s cubic-bezier(0.28, 0.11, 0.32, 1);background: rgba(255, 255, 255, 0.4);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.feature:hover{background: rgba(255, 255, 255, 0.7);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.12);}
body.dark .feature{background: rgba(30, 41, 59, 0.4);}
body.dark .feature:hover{background: rgba(30, 41, 59, 0.7);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);}
@media (max-width: 768px){
.feature{padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
}
@media (max-width: 480px){
.feature{padding: 10px 8px;border-radius: 10px;}
}
@media (max-width: 360px){
.feature{padding: 8px 6px;}
}

.docs-article-content h2{font-size: 1.75rem;font-weight: 700;margin: 2.5rem 0 1rem;color: var(--docs-heading-color, #1e293b);}
.docs-article-content h3{font-size: 1.375rem;font-weight: 600;margin: 2rem 0 0.75rem;color: var(--docs-heading-color, #1e293b);}
.docs-article-content p{margin-bottom: 1.25rem;}
.docs-article-content ul, .docs-article-content ol{margin: 1.25rem 0;padding-left: 1.5rem;}
.docs-article-content li{margin-bottom: 0.5rem;}
.docs-article-content code{background: var(--code-bg, #f1f5f9);padding: 0.2em 0.4em;border-radius: 4px;font-size: 0.9em;}
.docs-article-content blockquote{border-left: 4px solid #3b82f6;padding-left: 1.5rem;margin: 1.5rem 0;color: var(--text-secondary, #64748b);font-style: italic;}
.docs-article-content .info-box{padding: 1.25rem 1.5rem;border-radius: 12px;margin: 1.5rem 0;display: flex;gap: 1rem;}
.docs-article-content .info-box.info{background: rgba(59, 130, 246, 0.1);border: 1px solid rgba(59, 130, 246, 0.2);}
.docs-article-content .info-box.success{background: rgba(16, 185, 129, 0.1);border: 1px solid rgba(16, 185, 129, 0.2);}
.docs-article-content .info-box.warning{background: rgba(245, 158, 11, 0.1);border: 1px solid rgba(245, 158, 11, 0.2);}
.docs-article-content .info-box-icon{flex-shrink: 0;width: 24px;height: 24px;}
.docs-article-content .info-box.info .info-box-icon{color: #3b82f6;}
.docs-article-content .info-box.success .info-box-icon{color: #10b981;}
.docs-article-content .info-box.warning .info-box-icon{color: #f59e0b;}
.docs-article-content .info-box-content{flex: 1;}
.docs-article-content .info-box-title{font-weight: 600;margin-bottom: 0.25rem;}
.docs-article-content .spec-table{width: 100%;border-collapse: collapse;margin: 1.5rem 0;border-radius: 12px;overflow: hidden;border: 1px solid var(--border-color, #e2e8f0);}
@media (max-width: 768px){
.docs-article-content .spec-table{display: block;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
}
.docs-article-content .spec-table th, .docs-article-content .spec-table td{padding: 1rem 1.25rem;text-align: left;border-bottom: 1px solid var(--border-color, #e2e8f0);}
.docs-article-content .spec-table th{background: var(--card-bg, #f8fafc);font-weight: 600;font-size: 0.875rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-secondary, #64748b);}
.docs-article-content .spec-table tr:last-child td{border-bottom: none;}
body.dark .docs-article-content .spec-table th{background: #1e293b;}
body.dark .docs-article-content code{background: #1e293b;}
.docs-article-content .docs-img-row{display: flex;flex-direction: row;flex-wrap: nowrap;gap: 0.75rem;margin: 1.5rem 0;overflow-x: auto;}
.docs-article-content .docs-img-rounded{flex: 1 1 0;min-width: 0;width: 0;height: auto;border-radius: 12px;border: 1px solid var(--border-color, #e2e8f0);box-shadow: 0 2px 8px rgba(0,0,0,0.08);object-fit: cover;}
@media (min-width: 768px) and (max-width: 1024px){
.hero-pas{text-align: center;margin: 0 auto;max-width: 800px;padding: 20px;display: flex;flex-direction: column;align-items: center;}
}

/* From docs/partials/roadmap.html */
.rm{--rm-accent: #3b82f6; --rm-bg: #0a1929; --rm-text: #ffffff; --rm-text-muted: #94a3b8; --rm-border: #1e3a5f; --rm-border-bright: #2a4a72; --rm-soon-bg: #1e3a8a; --rm-soon-text: #93c5fd; --rm-tag-product-bg: rgba(59, 130, 246, 0.15); --rm-tag-product-fg: #3b82f6; --rm-tag-infra-bg: rgba(96, 165, 250, 0.15); --rm-tag-infra-fg: #60a5fa; --rm-tag-feature-bg: rgba(30, 64, 175, 0.2); --rm-tag-feature-fg: #60a5fa; --rm-tag-business-bg: rgba(147, 197, 253, 0.15); --rm-tag-business-fg: #93c5fd; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; margin: 2.5rem 0;}
body:not(.dark) .rm{--rm-bg: #ffffff; --rm-text: #0f172a; --rm-text-muted: #475569; --rm-border: #e2e8f0; --rm-border-bright: #cbd5e1; --rm-accent: #1e40af; --rm-soon-bg: #dbeafe; --rm-soon-text: #1e40af; --rm-tag-product-bg: #dbeafe; --rm-tag-product-fg: #1e40af; --rm-tag-infra-bg: #dbeafe; --rm-tag-infra-fg: #1e40af; --rm-tag-feature-bg: #dbeafe; --rm-tag-feature-fg: #1e40af; --rm-tag-business-bg: #dbeafe; --rm-tag-business-fg: #1e40af;}
.rm .rm-filter-tabs{display: flex; gap: 0.5rem; margin-bottom: 2.5rem; flex-wrap: wrap; border-bottom: 1px solid var(--rm-border); padding-bottom: 1rem;}
.rm .rm-filter-tab{padding: 0.5rem 1rem; background: transparent; border: 1px solid var(--rm-border); border-radius: 999px; color: var(--rm-text-muted); font-family: "JetBrains Mono", monospace; font-size: 0.8125rem; cursor: pointer; transition: all 0.2s; font-weight: 500;}
.rm .rm-filter-tab:hover{border-color: var(--rm-accent); color: var(--rm-accent);}
.rm .rm-filter-tab.active{background: var(--rm-accent); border-color: var(--rm-accent); color: white;}
.rm .rm-timeline{position: relative; padding-left: 0;}
.rm .rm-timeline::before{content: ""; position: absolute; left: 8.5rem; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, var(--rm-accent) 0%, var(--rm-border-bright) 8%, var(--rm-border) 100%);}
@media (max-width: 720px){
.rm .rm-timeline::before{left: 1.25rem;}
}
.rm .rm-timeline-item{position: relative; padding-left: 11rem; padding-bottom: 2rem; transition: opacity 0.3s;}
.rm .rm-timeline-item.hidden{display: none;}
@media (max-width: 720px){
.rm .rm-timeline-item{padding-left: 3rem; padding-bottom: 1.5rem;}
}
.rm .rm-timeline-date{position: absolute; left: 0; top: 0.125rem; width: 7rem; font-family: "JetBrains Mono", monospace; font-size: 0.8125rem; color: var(--rm-text-muted); text-align: right; font-weight: 500;}
.rm .rm-timeline-date.soon{color: var(--rm-soon-text); background: var(--rm-soon-bg); padding: 0.25rem 0.625rem; border-radius: 4px; width: auto; display: inline-block; font-weight: 600; font-size: 0.75rem; letter-spacing: 0.05em;}
@media (max-width: 720px){
.rm .rm-timeline-date{position: static; text-align: left; margin-bottom: 0.375rem; display: block; width: auto;}
.rm .rm-timeline-date.soon{display: inline-block;}
}
.rm .rm-timeline-dot{position: absolute; left: 8.5rem; top: 0.375rem; width: 14px; height: 14px; background: var(--rm-accent); border-radius: 50%; transform: translateX(-50%); border: 3px solid var(--rm-bg); z-index: 2; box-shadow: 0 0 0 1px var(--rm-accent);}
.rm .rm-timeline-dot.soon{background: var(--rm-bg); border-color: var(--rm-accent);}
.rm .rm-timeline-dot.soon::after{content: ""; position: absolute; inset: 2px; border-radius: 50%; background: var(--rm-accent); opacity: 0.5; animation: rm-pulse-dot 2s ease-in-out infinite;}
@keyframes rm-pulse-dot{0%, 100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 1; transform: scale(0.8); }}
@media (max-width: 720px){
.rm .rm-timeline-dot{left: 1.25rem;}
}
.rm .rm-timeline-content{padding: 0.5rem 0 0.5rem 0.25rem; transition: all 0.2s;}
.rm .rm-timeline-content:hover .rm-timeline-title{color: var(--rm-accent);}
.rm .rm-timeline-title{font-size: 1rem; font-weight: 700; color: var(--rm-text); margin-bottom: 0.25rem; display: flex; align-items: center; gap: 0.625rem; flex-wrap: wrap; transition: color 0.2s;}
.rm .rm-timeline-tag{font-family: "JetBrains Mono", monospace; font-size: 0.625rem; padding: 0.125rem 0.5rem; border-radius: 4px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;}
.rm .rm-timeline-tag.product{background: var(--rm-tag-product-bg); color: var(--rm-tag-product-fg);}
.rm .rm-timeline-tag.infra{background: var(--rm-tag-infra-bg); color: var(--rm-tag-infra-fg);}
.rm .rm-timeline-tag.feature{background: var(--rm-tag-feature-bg); color: var(--rm-tag-feature-fg);}
.rm .rm-timeline-tag.business{background: var(--rm-tag-business-bg); color: var(--rm-tag-business-fg);}
.rm .rm-timeline-desc{font-size: 0.875rem; color: var(--rm-text-muted); line-height: 1.5; margin: 0;}
.rm .rm-section-marker{position: relative; padding: 1.5rem 0 1rem 11rem; margin-bottom: 1rem;}
@media (max-width: 720px){
.rm .rm-section-marker{padding-left: 3rem;}
}
.rm .rm-section-marker-title{font-family: "JetBrains Mono", monospace; font-size: 0.75rem; color: var(--rm-text-muted); letter-spacing: 0.15em; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; gap: 0.625rem;}
.rm .rm-section-marker-line{flex: 1; height: 1px; background: var(--rm-border);}

/* From docs/partials/status-monitor.html */
.sm{--sm-accent: #3b82f6; --sm-accent-bright: #60a5fa; --sm-accent-deep: #1e3a8a; --sm-accent-glow: rgba(59, 130, 246, 0.4); --sm-border: #1e3a5f; --sm-text: #ffffff; --sm-text-muted: #94a3b8; --sm-text-dim: #64748b; --sm-grid-line: rgba(59, 130, 246, 0.1); --sm-heatmap-0: #142944; --sm-heatmap-1: #1e3a5f; --sm-heatmap-2: #2a4a72; --sm-heatmap-3: #3b82f6; --sm-heatmap-4: #60a5fa; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; margin: 2rem 0;}
body:not(.dark) .sm{ --sm-border: #e2e8f0; --sm-text: #0f172a; --sm-text-muted: #475569; --sm-text-dim: #64748b; --sm-accent-glow: rgba(30, 64, 175, 0.15); --sm-grid-line: rgba(30, 64, 175, 0.08); --sm-heatmap-0: #f1f5f9; --sm-heatmap-1: #dbeafe; --sm-heatmap-2: #93c5fd; --sm-heatmap-3: #3b82f6; --sm-heatmap-4: #1e40af;}
.sm .sm-mono{font-feature-settings: "tnum" 1;}
.sm .sm-panel{background: none; border: none; border-radius: 0; padding: 0; position: relative; overflow: hidden; margin-bottom: 1.5rem;}
.sm .sm-panel-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; gap: 0.5rem; flex-wrap: wrap;}
.sm .sm-panel-title{font-size: 0.8125rem; color: var(--sm-text-muted); letter-spacing: 0; text-transform: none; font-weight: 600;}
.sm .sm-panel-badge{font-size: 0.75rem; color: var(--sm-accent); background: var(--sm-accent-deep); padding: 0.125rem 0.5rem; border-radius: 4px; letter-spacing: 0; text-transform: none; font-weight: 600;}
body:not(.dark) .sm .sm-panel-badge{background: var(--sm-accent); color: white;}
.sm .sm-status-bar{display: flex; align-items: center; gap: 1.5rem; padding: 0.875rem 0; background: none; border: none; border-bottom: 1px solid var(--sm-border); border-radius: 0; margin-bottom: 1.5rem; flex-wrap: wrap; font-size: 0.875rem;}
.sm .sm-status-item{display: flex; align-items: center; gap: 0.5rem; color: var(--sm-text-muted);}
.sm .sm-status-item .label{color: var(--sm-text-dim); text-transform: none; letter-spacing: 0; font-size: 0.8125rem;}
.sm .sm-status-item .value{color: var(--sm-accent); font-weight: 600;}
.sm .sm-pulse-dot{width: 8px; height: 8px; background: var(--sm-accent); border-radius: 50%; animation: sm-pulse 2s ease-in-out infinite; flex-shrink: 0;}
@keyframes sm-pulse{0%, 100% { box-shadow: 0 0 0 0 var(--sm-accent-glow); transform: scale(1); } 50% { box-shadow: 0 0 0 8px transparent; transform: scale(1.15); }}
.sm .sm-heart-row{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.25rem;}
.sm .sm-heart-title-group{display: flex; align-items: center; gap: 1rem;}
.sm .sm-heart-icon{width: 28px; height: 28px; background: none; display: flex; align-items: center; justify-content: center; animation: sm-heartbeat 1.4s ease-in-out infinite; flex-shrink: 0;}
.sm .sm-heart-icon svg{width: 28px; height: 28px; fill: #ffffff;}
body:not(.dark) .sm .sm-heart-icon svg{fill: var(--sm-accent);}
@keyframes sm-heartbeat{0%, 100% { transform: scale(1); } 14% { transform: scale(1.18); } 28% { transform: scale(1); } 42% { transform: scale(1.12); } 70% { transform: scale(1); }}
.sm .sm-heart-stats{display: flex; gap: 2rem; flex-wrap: wrap; font-size: 0.875rem;}
.sm .sm-heart-stat{display: flex; flex-direction: column; gap: 0.125rem;}
.sm .sm-heart-stat-label{font-size: 0.8125rem; color: var(--sm-text-dim); text-transform: none; letter-spacing: 0;}
.sm .sm-heart-stat-value{font-size: 1.125rem; color: var(--sm-accent); font-weight: 700;}
.sm .sm-net-graph-container{height: 220px; position: relative;}
.sm .sm-net-graph{width: 100%; height: 100%; overflow: visible;}
.sm .sm-net-line-in{fill: none; stroke: var(--sm-accent-bright); stroke-width: 1.5; stroke-linejoin: round;}
.sm .sm-net-line-out{fill: none; stroke: var(--sm-accent); stroke-width: 1.5; stroke-linejoin: round; stroke-dasharray: 4 2;}
.sm .sm-net-area-in{fill: url(#sm-net-in-grad); opacity: 0.25;}
.sm .sm-net-area-out{fill: url(#sm-net-out-grad); opacity: 0.15;}
.sm .sm-grid-bg line{stroke: var(--sm-grid-line); stroke-width: 1; stroke-dasharray: 2 4;}
.sm .sm-axis-label{fill: var(--sm-text-dim); font-size: 10px; font-family: inherit;}
.sm .sm-net-legend{display: flex; gap: 1.25rem; margin-top: 0.75rem; font-size: 0.8125rem; color: var(--sm-text-muted); flex-wrap: wrap;}
.sm .sm-legend-item{display: flex; align-items: center; gap: 0.5rem;}
.sm .sm-legend-line{width: 16px; height: 2px; background: var(--sm-accent);}
.sm .sm-legend-line.dashed{background: repeating-linear-gradient(90deg, var(--sm-accent) 0 4px, transparent 4px 6px);}
.sm .sm-services-list{display: grid; gap: 0.5rem;}
.sm .sm-service-row{display: grid; grid-template-columns: auto 1fr auto auto; gap: 1rem; align-items: center; padding: 0.625rem 0; background: none; border-radius: 0; border-bottom: 1px solid var(--sm-border); font-size: 0.875rem;}
.sm .sm-service-led{width: 8px; height: 8px; border-radius: 50%; background: var(--sm-accent); box-shadow: 0 0 6px var(--sm-accent); animation: sm-led-blink 3s ease-in-out infinite;}
.sm .sm-service-led.down{background: #ef4444; box-shadow: 0 0 6px #ef4444; animation: sm-led-blink-fast 1s ease-in-out infinite;}
.sm .sm-service-led.unknown{background: var(--sm-text-dim); box-shadow: none; animation: none;}
@keyframes sm-led-blink{0%, 90%, 100% { opacity: 1; } 95% { opacity: 0.4; }}
@keyframes sm-led-blink-fast{0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}
.sm .sm-service-name{color: var(--sm-text); font-weight: 600;}
.sm .sm-service-status{color: var(--sm-text-muted); text-transform: none; font-size: 0.8125rem; letter-spacing: 0;}
.sm .sm-heatmap-container{overflow-x: auto; padding-bottom: 0.5rem;}
.sm .sm-heatmap{display: grid; grid-template-rows: repeat(24, 8px); grid-auto-flow: column; grid-auto-columns: 8px; gap: 2px; min-width: 800px;}
.sm .sm-heatmap-cell{border-radius: 1px; transition: transform 0.1s;}
.sm .sm-heatmap-cell:hover{transform: scale(1.5); z-index: 10; position: relative;}
.sm .sm-heatmap-legend{display: flex; align-items: center; gap: 0.5rem; margin-top: 0.75rem; justify-content: flex-end; font-size: 0.8125rem; color: var(--sm-text-dim);}
.sm .sm-heatmap-legend-cell{width: 12px; height: 12px; border-radius: 2px;}
.sm .sm-section-title{font-size: 0.875rem; color: var(--sm-text-dim); text-transform: none; letter-spacing: 0; margin: 1.5rem 0 0.75rem 0; display: flex; align-items: center; gap: 0.75rem;}
.sm .sm-section-title::before, .sm .sm-section-title::after{content: ""; flex: 1; height: 1px; background: var(--sm-border);}
.sm .sm-events-list{display: grid; gap: 0.375rem; font-size: 0.875rem;}
.sm .sm-event-row{display: grid; grid-template-columns: auto auto 1fr; gap: 0.75rem; padding: 0.5rem 0; background: none; border-radius: 0; border-bottom: 1px solid var(--sm-border); align-items: baseline;}
.sm .sm-event-time{color: var(--sm-text-dim); font-size: 0.75rem;}
.sm .sm-event-type{color: var(--sm-accent); font-size: 0.8125rem; text-transform: none; letter-spacing: 0; font-weight: 600;}
.sm .sm-event-type.info{color: var(--sm-text-muted);}
.sm .sm-event-msg{color: var(--sm-text);}
.sm .sm-footer-note{text-align: center; color: var(--sm-text-dim); font-size: 0.8125rem; padding: 1.25rem 0 0 0; letter-spacing: 0; border-top: 1px solid var(--sm-border); margin-top: 1.5rem; font-family: inherit; text-transform: none;}
@media (max-width: 640px){
.sm .sm-heart-stats{gap: 1rem;}
.sm .sm-heart-stat-value{font-size: 1rem;}
.sm .sm-service-row{grid-template-columns: auto 1fr auto;}
.sm .sm-service-row .sm-service-status{display: none;}
}

/* From docs/privacy-policy.php */
.info-box-content ol li a:hover{text-decoration: underline !important;}