/* Shared icon system: local SVG icons and the QASH currency font. */
.icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:middle}
@font-face{font-family:'OpenForex QASH';src:url('../fonts/qash-symbol.woff2?v=currency-heavy-2') format('woff2'),url('../fonts/qash-symbol.ttf?v=currency-heavy-2') format('truetype');font-style:normal;font-weight:800;font-display:swap;unicode-range:U+E000}
.qash-symbol{font-family:'OpenForex QASH';font-size:1.18em;font-style:normal;font-weight:800;line-height:1;vertical-align:baseline;color:inherit;letter-spacing:0;speak:never}
.brandmark .icon{width:25px;height:25px;stroke-width:1.4}
.brandmark{box-shadow:0 4px 12px #063b5c18}
.topbar nav a,.top-contribute,.overview,.navgroup a,.sidebar-foot,.document-footer a,footer a{display:flex;align-items:center;gap:9px}
.topbar nav .icon{width:15px;height:15px;color:var(--teal-text)}
.navgroup a .icon{width:16px;height:16px;color:#6e8a9c;stroke-width:1.6}
.navgroup a:hover .icon,.navgroup a.active .icon{color:var(--teal-text)}
.navgroup a.active{background:linear-gradient(90deg,#e4f4f7,#edf7fa)}
.sidebar-foot{gap:8px;line-height:1.5}
.sidebar-foot>.icon:last-child{width:13px;margin-left:auto}
.smallmark{display:grid;place-items:center;padding:9px;background:white;box-shadow:0 3px 8px #063b5c08}
.smallmark .icon{width:21px;height:21px}
.eyebrow{display:flex;align-items:center;gap:8px;line-height:1.6}
.eyebrow .icon{width:15px;height:15px;stroke-width:1.6}
.hero{box-shadow:0 8px 30px #063b5c05}
.hero:after{content:"";position:absolute;inset:0 0 0 58%;background-image:radial-gradient(#00a6a622 .8px,transparent .8px);background-size:15px 15px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.orbit-art{z-index:1}
.node{border-radius:5px;box-shadow:0 3px 10px #063b5c08}
.core{box-shadow:0 0 0 9px #00a6a610,0 12px 30px #063b5c18}
.button{gap:10px;min-height:42px}
.button .icon{width:16px;height:16px}
.primary{box-shadow:0 4px 10px #063b5c15}
.principles>div{grid-template-columns:39px 1fr;column-gap:12px;align-items:center}
.principles .principle-icon{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#fff,#edf8fb);color:var(--teal-text);box-shadow:0 2px 5px #063b5c04}
.principle-icon .icon{width:20px;height:20px}
.principles strong{align-self:end}.principles small{align-self:start}
.card{position:relative;overflow:hidden;padding:23px 19px;border-radius:12px;box-shadow:0 3px 8px #063b5c03;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover,.card:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px #063b5c0c;border-color:#a6d6e0}
.card-top{position:relative;min-height:49px}
.card-top .card-icon{position:relative;z-index:1;display:grid;place-items:center;width:49px;height:49px;border-radius:14px;padding:0;background:linear-gradient(145deg,#fff,#e4f3f8);border:1px solid #d4e8ef;color:var(--openforex-blue);box-shadow:0 3px 6px #063b5c07,inset 0 1px 0 #fff}
.card-icon .icon{width:25px;height:25px;stroke-width:1.5}
.card:nth-child(2) .card-icon{color:var(--teal-text);background:linear-gradient(145deg,#fff,#dff5f4);border-color:#ccebea}
.card:nth-child(3) .card-icon{color:var(--openforex-blue);background:linear-gradient(145deg,#fff,#e0f6fb);border-color:#ccecf4}
.card:nth-child(4) .card-icon{color:var(--openforex-blue);background:linear-gradient(145deg,#fff,#faf5e4);border-color:#ece2bd}
.card-top .card-flourish{position:absolute;right:-30px;top:-37px;width:105px;height:105px;padding:0;background:none;border:1px solid #00a6a60f;border-radius:50%;box-shadow:0 0 0 14px #00a6a605,0 0 0 28px #00a6a604}
.card h3{margin-top:23px;font-size:0.9375rem}.card p{font-size:0.6875rem}
.card-links a{align-items:center;font-size:0.625rem;padding:8px 0}.card-links .icon{width:14px;height:14px;transition:transform .18s ease}
.card-links a:hover .icon{transform:translateX(3px)}
.featured{background:linear-gradient(105deg,#eaf7fa,#f5fafc);border-radius:12px;box-shadow:0 4px 10px #063b5c04}
.book{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:69px;padding:14px 12px;border-radius:3px 7px 7px 3px;box-shadow:3px 4px 0 #cadfe7,6px 9px 16px #063b5c12;transform:rotate(-3deg)}
.book>.icon{width:25px;height:25px;color:var(--openforex-cyan)}
.book>strong{font-weight:500;letter-spacing:1px;font-size:1.125rem}.book>span{margin-top:0;line-height:1.7}
.featured-arrow{display:grid;place-items:center;width:35px;height:35px;border:1px solid #cce4ec;background:#ffffffb3;border-radius:50%}
.featured-arrow .icon{width:19px;height:19px}
.count{background:#fff;border-radius:20px;padding:7px 12px}
.library-row{padding:15px 8px;border-radius:6px;transition:background .15s ease}
.doc-icon{display:grid;place-items:center;width:35px;height:39px;border:1px solid #dceaf0;border-radius:8px;background:linear-gradient(145deg,#fff,#eef7fb);color:var(--teal-text)}
.doc-icon .icon{width:19px;height:19px}.row-arrow .icon{width:15px;height:15px}
.support-banner{position:relative;overflow:hidden;border-radius:12px;padding:32px;box-shadow:0 8px 22px #063b5c10}
.support-banner:after{content:"";position:absolute;width:230px;height:230px;right:-65px;bottom:-170px;border:1px solid #20c4d933;border-radius:50%;box-shadow:0 0 0 22px #20c4d90a,0 0 0 44px #20c4d908;pointer-events:none}
.support-banner>div,.support-banner>a{position:relative;z-index:1}
.document>.eyebrow{width:fit-content;padding:7px 11px;border:1px solid var(--line);border-radius:7px;background:#eef8fb;letter-spacing:1px}
.document-footer .icon{width:16px;height:16px}.article-aside h3{display:flex;align-items:center;gap:7px}.article-aside h3 .icon{width:14px;height:14px}
footer a .icon{width:14px;height:14px;color:var(--teal-text)}
#search-close{display:grid;place-items:center;border-radius:5px}#search-close:hover{background:var(--surface-accent)}
#search-results a{display:flex;gap:12px;align-items:center;border-radius:5px}
.search-result-icon{display:grid;place-items:center;width:32px;height:36px;background:var(--surface-accent);border-radius:6px;color:var(--teal-text);flex-shrink:0}
.search-result-icon .icon{width:18px;height:18px}
.reading-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:0.6875rem;margin:15px 0 20px}.reading-meta .icon{width:14px;height:14px}.reading-meta span{padding-left:12px;margin-left:5px;border-left:1px solid var(--line)}
.document blockquote{margin:22px 0;padding:16px 22px;border-left:3px solid var(--openforex-teal);border-radius:0 8px 8px 0;background:var(--surface-accent);color:var(--openforex-blue)}
@media(max-width:800px){.topbar nav .desktop{display:none}.topbar nav .icon{width:14px;height:14px}#menu-toggle{line-height:1;padding:8px}#menu-toggle .icon{width:19px;height:19px}.card:hover{transform:none}.support-banner{padding:26px}}
@media(max-width:480px){.book{display:none}.eyebrow{letter-spacing:1.1px}.hero .eyebrow{gap:6px}.hero .eyebrow .icon{width:13px}.topbar nav .top-contribute{gap:6px}.principles>div{grid-template-columns:39px 1fr}.card{padding:23px}.card p{font-size:0.75rem}.card-links a{font-size:0.6875rem}.support-banner .eyebrow{font-size:0.5rem}.sidebar-foot{font-size:0.625rem}}
@media(prefers-reduced-motion:reduce){.card,.card-links .icon,.library-row{transition:none}.card:hover,.card:focus-within,.card-links a:hover .icon{transform:none}}

footer>div{flex-wrap:wrap;row-gap:12px}
