/* Solvely front-end — professional navy & amber theme */
.solvely { --navy:#1B2A4A; --navy2:#243763; --amber:#E8A317; --amber2:#C2541B; --ink:#1c1c1c; --muted:#6b6a5e; --line:#e2ddd2; --bg:#faf8f3; --card:#fff;
  max-width:1080px; margin:0 auto; padding:32px 16px; color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.solvely *{box-sizing:border-box}
.solvely h1{font-size:30px;font-weight:800;color:var(--navy);margin:0 0 4px}
.solvely .solvely-sub{color:var(--muted);margin:0 0 18px}
.solvely-h2{font-size:20px;font-weight:700;color:var(--navy);margin:28px 0 12px}
.solvely-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.solvely-muted{color:var(--muted)}
.solvely-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}
.solvely-mono.big{font-size:26px;font-weight:800;color:var(--navy)}
.solvely .small{font-size:12px}

/* buttons */
.solvely-btn{display:inline-block;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:.15s}
.solvely-btn.amber{background:var(--amber);color:var(--navy)} .solvely-btn.amber:hover{background:#f0b62e}
.solvely-btn.navy{background:var(--navy);color:#fdf6e3} .solvely-btn.navy:hover{background:var(--navy2)}
.solvely-btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)} .solvely-btn.ghost:hover{background:#f3f0e9}

/* badges */
.solvely-badge{display:inline-block;padding:2px 9px;border-radius:5px;font-size:12px;font-weight:700}
.solvely-badge.amber{background:var(--amber);color:var(--navy)}
.solvely-badge.navy{background:var(--navy);color:#fdf6e3}
.solvely-badge.gray{background:#e7e2d6;color:#54513f}
.solvely-badge.green{background:#1f7a52;color:#fff}
.solvely-badge.red{background:#a3262a;color:#fff}

/* inputs */
.solvely input,.solvely select,.solvely textarea,.solvely-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;background:#fff;font-family:inherit}
.solvely input:focus,.solvely select:focus,.solvely textarea:focus{outline:2px solid var(--amber);border-color:transparent}
.solvely label{display:block;font-size:12px;font-weight:600;color:#444;margin-bottom:10px}
.solvely-search{max-width:420px;margin-bottom:22px}
.solvely-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* grids & cards */
.solvely-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.solvely-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:.15s}
.solvely-card:hover{box-shadow:0 8px 24px rgba(27,42,74,.12);border-color:var(--amber)}
.solvely-card.pad{padding:20px}
.solvely-cover{height:104px;display:flex;align-items:flex-end;padding:14px}
.solvely-cover span{font-family:ui-monospace,monospace;color:#f2c879;font-size:11px}
.solvely-card-body{padding:16px}
.solvely-card-body h3{margin:0 0 4px;color:var(--navy);font-size:17px}
.solvely-card-body p{margin:0;color:var(--muted);font-size:14px}
.solvely-meta{display:flex;align-items:center;gap:10px;margin-top:10px}

/* book head + cascade */
.solvely-book-head{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.solvely-book-cover{width:120px;height:168px;border-radius:10px;display:flex;align-items:flex-end;padding:12px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.solvely-book-cover span{color:#f2c879;font-weight:700;font-size:14px;line-height:1.2}
.solvely-book-head h1{margin-bottom:2px}
.solvely-cascade{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:28px}
.solvely-cascade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.solvely-placeholder{margin-top:28px;background:#f1eee6;border:1px dashed #cfc8b8;border-radius:16px;padding:42px;text-align:center;color:var(--muted)}

/* solution */
.solvely-solution{margin-top:30px}
.solvely-sol-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.solvely-solution h2{font-size:19px;color:var(--navy);line-height:1.6;font-weight:700}
.solvely-steps-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:14px}
.solvely-steps-bar{display:flex;justify-content:space-between;align-items:center;background:#f6f3ec;border-bottom:1px solid var(--line);padding:12px 18px;color:var(--navy)}
.solvely-steps-list{list-style:none;margin:0;padding:0}
.solvely-steps-list li{display:flex;gap:16px;padding:20px 18px;border-bottom:1px solid #f0ece2}
.solvely-steps-list li:last-child{border-bottom:0}
.solvely-step-num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#f2c879;font-family:ui-monospace,monospace;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.solvely-step-body{min-width:0;flex:1}
.solvely-step-title{font-weight:700;color:var(--navy);margin:0 0 4px}
.solvely-step-text{font-size:14px;color:#333;line-height:1.7}
.solvely-step-text p{margin:.4em 0}
.solvely-locked{filter:blur(6px);user-select:none;pointer-events:none}
.solvely-step-img{margin-top:10px}
.solvely-step-img img{max-width:420px;width:100%;border:1px solid var(--line);border-radius:10px}
.solvely-step-svg{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fbfaf6}
.solvely-svg{width:100%;max-width:420px;height:auto;display:block}
.solvely-unlock{background:#fdf3da;border-top:1px solid #f0d999;padding:24px;text-align:center}
.solvely-unlock-title{font-weight:800;color:var(--navy);margin:0 0 4px}

/* keywords */
.solvely-keywords{background:#f1eee6;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:18px}
.solvely-tags{display:flex;flex-wrap:wrap;gap:8px}
.solvely-tag{background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;color:#555}

/* reviews */
.solvely-reviews{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:18px}
.solvely-reviews-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0ece2;padding-bottom:14px;flex-wrap:wrap;gap:10px}
.solvely-reviews-head h3{margin:0;color:var(--navy)}
.solvely-reviews-avg{display:flex;align-items:center;gap:10px}
.solvely-reviews-avg p{margin:0;font-size:12px;color:var(--muted)}
.solvely-review{padding:14px 0;border-bottom:1px solid #f0ece2}
.solvely-review-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.solvely-review-meta strong{color:var(--navy);font-size:14px}
.solvely-date{margin-left:auto;font-size:12px;color:#aaa}
.solvely-review p{margin:8px 0 0;font-size:14px;color:#333}
.solvely-avatar{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#f2c879;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.solvely-avatar.big{width:48px;height:48px;font-size:20px}
.solvely-avatar.xl{width:80px;height:80px;font-size:34px}
.solvely-stars span{color:#d8d3c4;font-size:15px}
.solvely-stars span.on{color:var(--amber)}
.solvely-starpick{display:flex;gap:4px;font-size:26px;color:#d8d3c4;cursor:pointer}
.solvely-starpick span{transition:.1s}
.solvely-starpick span.on{color:var(--amber)}
.solvely-review-form{border-top:1px solid #f0ece2;padding-top:14px;margin-top:6px}
.solvely-comment{margin:10px 0}

/* cta dark */
.solvely-cta-dark{background:var(--navy);color:#fdf6e3;border-radius:14px;padding:20px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.solvely-cta-dark p{margin:2px 0 0;color:#e7d9b8;font-size:14px}

/* experts */
.solvely-expert-card{padding:20px}
.solvely-expert-top{display:flex;align-items:center;gap:12px}
.solvely-expert-top strong{color:var(--navy);display:block}
.solvely-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f9d57;margin-left:4px}
.solvely-expert-rate{margin:10px 0 6px}
.solvely-clamp{font-size:14px;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.solvely-expert-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.solvely-expert-foot strong{color:var(--navy)}
.solvely-expert-card-lg{display:flex;gap:24px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.solvely-expert-info{flex:1;min-width:240px}
.solvely-expert-info h1{font-size:24px}
.solvely-rate-big{font-size:26px;font-weight:800;color:var(--navy);margin:0}
.solvely-rate-big span{font-size:14px;font-weight:400;color:var(--muted)}
.solvely-sample-n{font-family:ui-monospace,monospace;color:var(--amber2);font-size:11px;margin-bottom:8px}

/* pricing */
.solvely-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:24px auto 0}
.solvely-price-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.solvely-price-card.featured{border:2px solid var(--amber);box-shadow:0 10px 28px rgba(232,163,23,.16)}
.solvely-price{margin:12px 0}
.solvely-price b{font-size:38px;color:var(--navy)}
.solvely-price-card ul{list-style:none;padding:0;margin:14px 0;font-size:14px;color:#333}
.solvely-price-card li{padding:5px 0 5px 22px;position:relative}
.solvely-price-card li:before{content:"\2713";position:absolute;left:0;color:#1f7a52;font-weight:800}
.solvely-active{color:#1f7a52;font-weight:700;margin-top:18px}
.solvely-card-fields .solvely-input{margin-bottom:10px}

/* services */
.solvely-how{background:var(--navy);color:#fdf6e3;border-radius:18px;padding:32px;text-align:center;margin-top:32px}
.solvely-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px;font-family:ui-monospace,monospace;font-size:14px}
.solvely-how-grid b{font-size:24px;color:var(--amber)}
.solvely-how-grid p{color:#e7d9b8}

/* tutor dashboard */
.solvely-tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}
.solvely-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 16px;font-weight:700;font-size:14px;cursor:pointer;color:#444}
.solvely-tabs button.active{background:var(--navy);color:#fdf6e3;border-color:var(--navy)}
.solvely-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.solvely-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.solvely-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.solvely-stat b{display:block;font-size:30px;color:var(--navy);font-family:ui-monospace,monospace;margin-top:4px}
.solvely-note{background:#fdf3da;border:1px solid #f0d999;border-radius:14px;padding:16px;margin-top:16px;font-size:14px;color:#444}
.solvely-builder{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;max-width:760px}
.sb-step{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;background:#f8f6f0}
.sb-step-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sb-step-head b{font-family:ui-monospace,monospace;color:var(--navy)}
.sb-remove{background:none;border:0;color:#a3262a;font-weight:700;cursor:pointer;font-size:12px}
.solvely-mine-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px}

/* misc */
.solvely-crumbs{font-size:12px;color:var(--muted);margin-bottom:14px}
.solvely-crumbs a{color:var(--muted);text-decoration:none}
.solvely-crumbs a:hover{color:var(--amber2);text-decoration:underline}
.solvely-hire-modal{position:fixed;inset:0;background:rgba(20,28,48,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}
.solvely-hire-box{background:#fff;border-radius:16px;padding:24px;max-width:480px;width:100%}
.solvely-hire-box h3{margin:0 0 14px;color:var(--navy)}
.solvely-hire-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
.solvely-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fdf6e3;padding:13px 20px;border-radius:12px;font-size:14px;z-index:10000;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:90vw;text-align:center}

@media(max-width:680px){
  .solvely-cascade-grid,.solvely-stat-grid,.solvely-how-grid,.solvely-price-grid,.solvely-grid2{grid-template-columns:1fr}
}