.doc-content{--primary:#069;--primary-dark:#234a83;--accent:#069;--line:#e5e7eb;--card:#fff;--note:#fff8e8;--note-border:#f5deb0;--chip:#eef4ff;--code-bg:#0f172a;--code-text:#e5eefc}.doc-content *{box-sizing:border-box}.doc-content h2{color:var(--primary);margin:0 0 14px;font-size:28px;line-height:1.2}.doc-content h3{color:var(--primary-dark);margin:24px 0 10px;font-size:20px}.doc-content p{margin:0 0 14px}.doc-content ul{margin:12px 0;padding:0;list-style:none}.doc-content ul li{color:#3f3f3f;margin:8px 0;padding-left:28px;font-size:14px;line-height:1.5;position:relative}.doc-content ul li:before{content:"";background:#ffc83e;border-radius:50%;width:8px;height:8px;position:absolute;top:.6em;left:0;transform:translateY(-50%);box-shadow:0 0 0 3px #ffc83e33}.doc-content table{border-collapse:collapse;width:100%;margin:14px 0 18px;font-size:14px}.doc-content th,.doc-content td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.doc-content th{background:#f8fafc;font-weight:700}.doc-content a{color:var(--accent)}.doc-content strong{font-weight:700}.doc-content pre{background:var(--code-bg);color:var(--code-text);border-radius:14px;margin:12px 0 18px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.55;overflow:auto}.doc-content td pre,.doc-content th pre{white-space:pre-wrap;word-break:break-all;margin:4px 0 0;overflow:visible}.doc-content .inline{background:var(--chip);color:var(--primary-dark);border-radius:6px;padding:2px 6px;font-family:Consolas,Monaco,monospace;font-size:.92em}.doc-content .section{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:22px;padding:28px;box-shadow:0 10px 30px #0f172a0a}.doc-content .note{color:#5a4300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ffc83e26 0%,#ffc83e0d 100%);border:1px solid #ffc83e59;border-radius:10px;margin:16px 0;padding:16px 18px 16px 44px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 4px 12px #0000000a}.doc-content .note:before{content:"›";color:#ffc83e;text-shadow:0 0 8px #ffc83e59;font-size:20px;font-weight:600;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.doc-content .grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.doc-content .grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.doc-content .mini-card{border:1px solid var(--line);background:#fcfdff;border-radius:14px;padding:16px}.doc-content .mini-card h3{margin-top:0}.doc-content .steps{flex-wrap:nowrap;gap:0;margin:20px 0 8px;padding:4px 8px 4px 4px;display:flex;overflow-x:auto}.doc-content .step{min-width:0;min-height:52px;color:var(--primary-dark);text-align:center;white-space:normal;word-break:break-word;clip-path:polygon(0% 0%,calc(100% - 20px) 0%,100% 50%,calc(100% - 20px) 100%,0% 100%,20px 50%);filter:drop-shadow(-2px 0 3px #00000021);z-index:1;background:#dce4f2;flex:1 1 0;justify-content:center;align-items:center;margin-left:-14px;padding:10px 36px;font-size:13px;font-weight:600;display:flex}.doc-content .step:first-child{clip-path:polygon(0% 0%,calc(100% - 20px) 0%,100% 50%,calc(100% - 20px) 100%,0% 100%);margin-left:0}.doc-content .step:nth-child(2){z-index:2}.doc-content .step:nth-child(3){z-index:3}.doc-content .step:nth-child(4){z-index:4}.doc-content .step:nth-child(5){z-index:5}.doc-content .placeholder-grid{grid-template-columns:1fr;gap:32px;display:grid}.doc-content .mock-label{color:var(--primary-dark);margin-bottom:12px;font-size:14px;font-weight:700}.doc-content .cta-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.doc-content .btn{border:1px solid var(--accent);color:#fff;background:var(--accent);border-radius:12px;padding:11px 15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.doc-content .btn-secondary{color:var(--accent);background:#fff;border:1px solid #c7d2fe;border-radius:12px;padding:11px 15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:900px){.doc-content .grid-2,.doc-content .grid-3{grid-template-columns:1fr}.doc-content h2{font-size:24px}.doc-content .section{padding:22px}}@media (max-width:1100px){.doc-content .mock-thumb{border:1px solid var(--line);border-radius:12px;height:200px;position:relative;overflow:hidden}.doc-content .mock-thumb .mock-thumb-inner{transform-origin:0 0;pointer-events:none;width:476.19%;position:absolute;top:0;left:0;transform:scale(.21)}}@media (max-width:640px){.doc-content table,.doc-content tbody,.doc-content tr{width:100%;display:block}.doc-content thead{display:none}.doc-content th,.doc-content td{box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;width:100%;display:block}.doc-content th{border-bottom:none;padding-bottom:4px}.doc-content td{border-top:none;margin-bottom:2px;padding-top:4px}.doc-content tr{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:8px;padding:8px}.doc-content tr th,.doc-content tr td{border:none;padding:4px 8px}}@media (max-width:850px){.doc-content .steps{flex-direction:column;align-items:stretch;gap:0;padding:4px;overflow-x:visible}.doc-content .step{clip-path:none;filter:none;border-radius:10px;flex:none;width:100%;min-height:auto;margin-top:0;margin-bottom:22px;margin-left:0;padding:13px 16px;position:relative;z-index:1!important}.doc-content .step:last-child{margin-bottom:0}.doc-content .step:not(:last-child):after{content:"";clip-path:none;border:18px solid #0000;border-top:14px solid #dce4f2;border-bottom-width:0;width:0;height:0;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.doc-content .step:first-child{clip-path:none;margin-top:0}}