*{box-sizing:border-box} :root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17243b;font-size:16px;background:#f3f5fa;line-height:1.5}body{margin:0}a{color:#284bc9;text-underline-offset:3px}button,input,select{font:inherit}button,.button{border-radius:9px;padding:11px 18px;border:1px solid transparent;font-weight:600;font-size:.9375rem;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:46px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#284bc9;color:white}.primary:hover{background:#1e3aa5}.secondary{border:1px solid #cbd3e5;background:white;color:#223e98}.quiet{background:transparent;color:#3457bd}.wide{width:100%}input,select{display:block;width:100%;border:1px solid #bbc6dc;background:#fff;padding:12px;border-radius:8px;margin-top:8px;min-height:48px}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7399fa;outline-offset:3px}label{display:block;font-size:.9375rem;font-weight:600;margin-bottom:20px}h1,h2,p{margin-top:0}h1{font-size:2.2rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:12px}h2{font-size:1.2rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:12px}p{margin-bottom:16px}.muted,.help,.footnote{color:#586780}.help,.footnote{font-size:.875rem}.eyebrow{display:block;color:#667696;font-size:.75rem;font-weight:700;letter-spacing:.13em;margin-bottom:14px}.shell{display:flex;min-height:100vh}.sidebar{width:268px;flex-shrink:0;background:#101f3d;color:#eef3ff;padding:32px 20px;display:flex;flex-direction:column}.brand{color:inherit;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:650;line-height:1.3;white-space:nowrap}.brand strong{display:block;font-size:.8125rem;font-weight:400;color:#aebcdb;margin-top:6px}.mark{background:#4565df;color:white;padding:12px 8px;border-radius:12px;font-size:1.05rem;font-weight:750;letter-spacing:-.04em}.sidebar nav{margin-top:46px;display:grid;gap:8px}.sidebar nav a,.settings-link{color:#c8d3ed;text-decoration:none;padding:14px 16px;border-radius:9px;display:flex;gap:15px;align-items:center}.sidebar nav a span{font-size:1.4rem;line-height:1}.sidebar .selected{color:white;background:#29449a}.side-bottom{margin-top:auto;padding-top:60px}.shop-stamp{padding:22px 8px;border-top:1px solid #30415f;margin-top:18px}.shop-stamp .eyebrow{color:#a7b6d7;font-size:.75rem}.shop-stamp strong{display:block;font-size:.875rem}.shop-stamp small{display:block;overflow-wrap:anywhere;color:#b8c6e4;font-size:.75rem;margin-top:8px}.sidebar .quiet{color:#c9d7fc;border:1px solid #3a4c6e}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{min-height:80px;background:white;border-bottom:1px solid #dde3ef;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 40px;font-size:.875rem;color:#65738a}.content{width:100%;max-width:1240px;margin:0 auto;padding:40px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-title p{margin-bottom:0}.page-title .eyebrow{margin-bottom:10px}.pill{display:inline-block;background:#edf0f7;color:#58657e;border:1px solid #d8dfed;padding:5px 10px;border-radius:30px;font-size:.8125rem;font-weight:600;white-space:normal}.pill.good{background:#e7f6ef;color:#176748;border-color:#bae5d1}.good-text{color:#176748}.notice{background:#eaf0ff;border:1px solid #c9d8fc;border-radius:12px;padding:18px 22px;margin-bottom:24px;color:#263d76;font-size:.9375rem}.notice p{margin:4px 0 0}.notice.setup,.notice.success{display:flex;align-items:center;justify-content:space-between;gap:24px}.notice.success{background:#e9f7ef;border-color:#bde2ce;color:#205c43}.notice.error{background:#fff0ee;border-color:#f0beb6;color:#993b31;display:block}.notice a{flex-shrink:0;font-size:.875rem;font-weight:650}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stat{background:#fff;padding:23px 26px;border:1px solid #dce3ef;border-radius:12px}.stat span{font-size:.875rem;color:#63728a}.stat strong{display:block;font-size:2rem;margin-top:6px;font-weight:600}.card{background:white;border:1px solid #dce3ef;border-radius:14px;padding:28px;margin-bottom:24px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:24px}.guide{max-width:550px;display:flex;flex-direction:column;margin-bottom:0}.guide-upper{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.pdf-badge{background:#e8eeff;border:1px solid #d3defa;color:#294abd;border-radius:9px;font-weight:750;letter-spacing:.06em;font-size:.8rem;padding:17px 12px}.guide h2{font-size:1.5rem;max-width:380px;min-height:64px;margin-bottom:16px}.price{font-size:1.6rem;font-weight:600}.price span{font-size:.8125rem;font-weight:400;color:#63728a}.guide-meta{border-top:1px solid #e0e6f0;padding-top:18px;margin-top:auto}.guide-meta p{display:flex;justify-content:space-between;gap:18px;font-size:.875rem;margin-bottom:12px}.guide-meta span{color:#67738b}.guide-meta strong{font-weight:500;overflow-wrap:anywhere;text-align:right;max-width:70%}.guide-actions{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e6f0}.footnote{margin-top:26px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.section-head h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.upload{padding:24px;background:#f3f6ff;border:1px dashed #9eb2e3;border-radius:10px}.upload input{background:white}.upload span{display:block;font-weight:400;font-size:.875rem;margin-top:12px;color:#5b6e91}.editor{max-width:900px}.empty{padding:60px 24px;text-align:center;max-width:570px;margin:auto}.empty-icon{font-size:2.3rem;color:#3657c6;background:#edf1ff;padding:14px 20px;display:inline-block;border-radius:14px;margin-bottom:24px}.empty h2{font-size:1.5rem}.empty p{color:#67738b}.table-wrap{overflow-x:auto;padding:0}table{border-collapse:collapse;width:100%;text-align:left;min-width:700px}th{font-size:.8125rem;color:#67738b;background:#fafbfe;font-weight:600;padding:18px 22px}td{padding:22px;border-top:1px solid #e2e7f1;font-size:.875rem}td small{display:block;margin-top:8px;color:#62718a;max-width:260px}.error-text{color:#a04134!important}.event-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dde4ef;padding:18px 0;gap:20px}.event-row p{margin-bottom:0}.connection-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.checks{list-style:none;padding:0;margin:0}.checks li{padding:12px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e0e6f0;font-size:.875rem}.checks strong{text-align:right;font-weight:600}details summary{font-weight:600;cursor:pointer;font-size:1.05rem}details[open] summary{margin-bottom:24px}.step{background:#e9eeff;color:#2e4bb0;border-radius:7px;padding:5px 10px;margin-right:10px}details form{max-width:640px}code{display:block;padding:12px;background:#f0f3f9;overflow-wrap:anywhere;font-size:.875rem;white-space:pre-wrap;margin-bottom:20px}.spaced{margin-top:20px}.activate{display:flex;justify-content:space-between;align-items:center;gap:24px}.activate p{margin-bottom:0;color:#61708a}.activate button{white-space:nowrap}footer{margin-top:auto;padding:24px 40px;border-top:1px solid #dce3ef;font-size:.8125rem;color:#65738a;display:flex;justify-content:space-between;gap:20px}.access{max-width:510px;margin:64px auto;padding:0 20px}.access>.brand{justify-content:center;margin-bottom:40px}.access .brand strong{color:#66738e}.access-card{padding:36px}.access-card h1{font-size:1.8rem}.access-foot{text-align:center;color:#67738b;font-size:.875rem}@media(max-width:1000px){.sidebar{width:224px;padding:26px 16px}.content{padding:28px}.topbar{padding:20px 28px}.connection-summary{grid-template-columns:1fr}.notice.setup{align-items:flex-start;flex-direction:column;gap:12px}.page-title{align-items:flex-start}h1{font-size:1.9rem}.stats{gap:10px}.stat{padding:18px}.stat span{display:block;min-height:42px}}@media(max-width:720px){.shell{display:block}.sidebar{width:100%;padding:20px}.sidebar .brand{justify-content:flex-start}.sidebar nav{margin-top:20px;display:flex;gap:6px;flex-wrap:wrap}.sidebar nav a{padding:10px;font-size:.875rem;gap:8px}.side-bottom{padding:0;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.shop-stamp{display:none}.side-bottom .settings-link{padding:8px}.sidebar .quiet{min-height:40px;padding:8px 12px}.topbar{min-height:65px;padding:14px 20px;align-items:flex-start}.content{padding:28px 20px}.page-title{flex-direction:column;gap:18px;margin-bottom:24px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between}.stat span{min-height:0}.stat strong{margin:0;font-size:1.5rem}.card{padding:22px}.table-wrap{padding:0}.form-grid{grid-template-columns:1fr;gap:0}.guide-actions{flex-wrap:wrap}.notice.success,.section-head,.activate{align-items:flex-start;flex-direction:column;gap:16px}.checks li{flex-direction:column;gap:6px}.checks strong{text-align:left}footer{padding:20px;flex-direction:column;gap:8px}.access{margin-top:36px}.access-card{padding:26px}.guide h2{min-height:0}}
