/* arkDisk — solutions styles. Generated during CSS refactor. */

/* From solutions/render.php */
.sol-article h2{font-size: 1.75rem; font-weight: 700; margin: 2.5rem 0 1rem; color: var(--docs-heading-color, #1e293b);}
.sol-article h3{font-size: 1.25rem; font-weight: 600; margin: 2rem 0 0.5rem; color: var(--docs-heading-color, #1e293b);}
.sol-article p{margin-bottom: 1.25rem;}
.sol-article ul{margin: 1.25rem 0; padding-left: 1.5rem;}
.sol-article li{margin-bottom: 0.5rem;}
body.dark .sol-article h2, body.dark .sol-article h3{color: #f1f5f9;}
.sol-figure{margin: 2rem 0; border-radius: 16px; overflow: hidden;}
.sol-figure img{width: 100%; height: auto; display: block;}
.sol-feat{background: var(--card-bg, #f8fafc); border: 1px solid var(--border-color, #e2e8f0); border-radius: 14px; padding: 1.25rem 1.5rem; margin-bottom: 1rem;}
.sol-feat h3{margin: 0 0 0.4rem; font-size: 1.0625rem;}
.sol-feat p{margin: 0; font-size: 0.95rem; color: var(--text-secondary, #64748b);}
.sol-cta{margin: 3rem 0 1rem; padding: clamp(1.5rem, 3vw, 2.5rem) 2rem; border-radius: 28px; background: #f2f2f3; border: 1px solid var(--border-color, #e2e8f0);}
.sol-cta h2{font-size: clamp(1.9rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -0.03em; margin: 0 0 1.25rem; color: var(--docs-heading-color, #1e293b);}
.sol-cta p{font-size: 1.08rem; line-height: 1.65; color: var(--text-secondary, #64748b); max-width: 620px; margin: 0 0 2.5rem;}
.sol-cta-row{display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;}
.sol-store-btn{display: flex; align-items: center; justify-content: center; padding: 1.05rem 2rem; border-radius: 100px; font-size: 0.95rem; font-weight: 700; text-decoration: none; background: #0f172a; border: 2px solid #0f172a; color: #ffffff; transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.3s ease, padding 0.3s ease; cursor: pointer; position: relative;}
.sol-store-circ{position: absolute; right: 6px; top: 50%; width: 36px; height: 36px; margin-top: -18px; border-radius: 50%; background: #ffffff; color: #0f172a; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0); transition: opacity 0.25s ease 0.3s, transform 0.35s cubic-bezier(.22,.61,.36,1) 0.3s;}
.sol-store-circ svg{width: 18px; height: 18px; display: block; flex-shrink: 0;}
.sol-store-btn:hover{transform: translateY(-3px); padding-right: 3.2rem; box-shadow: 0 8px 24px rgba(0,0,0,0.2);}
.sol-store-btn:hover .sol-store-circ{opacity: 1; transform: scale(1);}
.sol-cta-row .sol-btn{display: inline-flex; align-items: center; justify-content: center; padding: 1.05rem 2rem; border-radius: 100px; font-size: 0.95rem; font-weight: 700; text-decoration: none; background: #ffffff; border: 2px solid #0f172a; color: #0f172a; transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease; cursor: pointer;}
.sol-cta-row .sol-btn:hover{background: #0f172a; color: #ffffff; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.15);}
body.dark .sol-cta{background: rgba(15, 23, 42, 0.6); border-color: rgba(255,255,255,0.08);}
body.dark .sol-cta h2{color: #f1f5f9;}
body.dark .sol-cta p{color: rgba(255,255,255,0.7);}
body.dark .sol-store-btn{background: #ffffff; color: #0f172a; border-color: #ffffff;}
body.dark .sol-store-circ{background: #0f172a; color: #ffffff;}
body.dark .sol-store-btn:hover{box-shadow: 0 0 20px rgba(255,255,255,0.5), 0 8px 24px rgba(0,0,0,0.3);}
body.dark .sol-cta-row .sol-btn{background: transparent; border-color: #ffffff; color: #ffffff;}
body.dark .sol-cta-row .sol-btn:hover{background: #ffffff; color: #0f172a; box-shadow: 0 8px 24px rgba(0,0,0,0.3);}
.sol-docs a{color: #3b82f6; text-decoration: none;}