.guide-task-first { --guide-ink:#193859; --guide-muted:#667a91; }
.guide-start { padding:30px 34px 23px; background:linear-gradient(115deg,#eef5ff,#f9fcff 70%); border:1px solid #dce7f6; border-radius:16px; margin:22px 0 30px; }
.guide-start-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px; }
.guide-eyebrow { display:block; font-size:12px; font-weight:600; letter-spacing:1px; color:#4579b6; margin-bottom:8px; }
.guide-start h2 { font-size:29px; line-height:1.35; letter-spacing:-.6px; color:var(--guide-ink); }
.guide-start p { color:var(--guide-muted); font-size:13px; line-height:1.8; margin-top:8px; }
.guide-connection-link { display:flex; align-items:center; gap:8px; flex-shrink:0; font-size:12px; color:#406a9b; padding:10px 12px; background:#ffffffa8; border:1px solid #dae6f5; border-radius:8px; }
.guide-connection-link .icon { width:15px; height:15px; }
.guide-start .guide-filter { padding:0; border:0; background:none; }
.guide-start .guide-search { background:#fff; border-radius:9px; min-height:52px; border-color:#cbdaf0; box-shadow:0 3px 12px #1c4e8d06; }
.guide-start .guide-search input { min-height:52px; font-size:14px; }
.guide-start .guide-search-row>.btn { border-radius:9px; padding-inline:22px; }
.guide-search-hints { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:13px; color:#8494a7; font-size:12px; }
.guide-search-hints>a { display:flex; gap:4px; align-items:center; padding:3px 8px; color:#516e93; background:#ffffff90; border:1px solid #e1eaf5; border-radius:5px; }
.guide-search-hints>a:hover { background:#fff; color:#235ac6; }
.guide-search-hints .icon { width:12px; height:12px; }
.guide-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.guide-section-heading h2 { color:var(--guide-ink); font-size:18px; font-weight:600; }
.guide-section-heading p { color:var(--guide-muted); font-size:12px; margin-top:7px; line-height:1.7; }
.guide-section-heading>a { flex-shrink:0; color:#436d9b; font-size:12px; display:inline-flex; align-items:center; gap:7px; }
.guide-task-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.guide-task-card { min-width:0; display:flex; flex-direction:column; background:#fff; border:1px solid #e0e7ef; border-radius:13px; padding:22px 20px 18px; box-shadow:0 3px 8px #203c5f03; }
.guide-task-card:hover { border-color:#a9c4e8; box-shadow:0 5px 18px #24486b08; }
.guide-task-icon { display:flex; width:39px; height:39px; align-items:center; justify-content:center; border-radius:11px; background:#edf4ff; color:#477ec0; margin-bottom:17px; }
.guide-task-card:nth-child(3n+2) .guide-task-icon { background:#eef7f4; color:#388b76; }
.guide-task-card:nth-child(3n) .guide-task-icon { background:#f3f0fa; color:#8a71ab; }
.guide-task-icon .icon { width:20px; height:20px; }
.guide-task-card h3 { font-size:16px; color:var(--guide-ink); margin-bottom:17px; line-height:1.5; }
.guide-task-card dl { margin:0 0 20px; font-size:12px; line-height:1.85; }
.guide-task-card dl>div+div { margin-top:12px; }
.guide-task-card dt { color:#8c9aab; font-size:11px; margin-bottom:3px; }
.guide-task-card dd { color:#5d7087; margin:0; }
.guide-task-actions { margin-top:auto; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.guide-task-actions .btn { width:100%; justify-content:center; min-height:37px; font-size:12px; background:#f3f7ff; color:#3569ad; border-color:#dce7f8; box-shadow:none; }
.guide-task-actions .btn:hover { background:#e8f0fe; border-color:#b1c9ed; }
.guide-task-actions>a { color:#8191a5; font-size:11px; align-self:center; }
.guide-task-actions>a:hover { color:#315f9c; }
.guide-task-grid:has(>.guide-task-card:only-child) { grid-template-columns:minmax(0,1fr); }
.guide-task-grid:has(>.guide-task-card:nth-child(2):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(min-width:1001px) {
  .guide-task-card:only-child { display:grid; grid-template-columns:175px minmax(0,1fr) 190px; grid-template-rows:auto 1fr; column-gap:28px; padding:25px; }
  .guide-task-card:only-child .guide-task-icon { margin-bottom:10px; }
  .guide-task-card:only-child h3 { grid-column:1; margin:0; align-self:start; }
  .guide-task-card:only-child dl { grid-column:2; grid-row:1 / span 2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0; align-self:center; }
  .guide-task-card:only-child dl>div+div { margin:0; }
  .guide-task-card:only-child .guide-task-actions { grid-column:3; grid-row:1 / span 2; margin:0; justify-content:center; }
}
.guide-catalogue { margin-top:30px; }
.guide-count { font-weight:400; font-size:12px; color:#8391a3; margin-left:6px; }
.guide-advanced-form { margin-bottom:18px; background:#fff; border:1px solid #e0e7ef; border-radius:10px; }
.guide-advanced-form summary { padding:15px 17px; display:flex; align-items:center; gap:9px; cursor:pointer; color:#506a87; font-size:12px; list-style:none; }
.guide-advanced-form summary::-webkit-details-marker { display:none; }
.guide-advanced-form summary .icon { width:14px; height:14px; }
.guide-advanced-form summary span { font-size:11px; color:#91a0b1; margin-left:auto; }
.guide-advanced-form .guide-filter-options { border-top:1px solid #edf1f6; margin:0; padding:15px 17px; }
.guide-tool-facts { font-size:12px; margin:0 0 20px; line-height:1.8; }
.guide-tool-facts>div { display:flex; gap:10px; }
.guide-tool-facts>div+div { margin-top:7px; }
.guide-tool-facts dt { color:#93a0b0; flex:0 0 26px; }
.guide-tool-facts dd { color:#687b91; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.guide-task-first .guide-card-bottom>span { max-width:65%; }
.guide-task-first .guide-description { margin-bottom:13px; }
.guide-no-results { background:#fff; border:1px solid #e0e7ef; border-radius:12px; padding:38px 24px; text-align:center; }
.guide-no-results>.icon { color:#90a3ba; width:26px; height:26px; margin-bottom:12px; }
.guide-no-results h3 { font-size:16px; color:var(--guide-ink); }
.guide-no-results p { font-size:13px; line-height:1.8; color:var(--guide-muted); max-width:430px; margin:10px auto 20px; }
.guide-no-results>div { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.guide-next { display:flex; align-items:center; gap:18px; background:#f0f5fb; border:1px solid #e0e8f2; border-radius:12px; padding:23px 26px; margin-top:30px; }
.guide-next-icon { flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:11px; width:42px; height:42px; background:#e4edf9; color:#5682b7; }
.guide-next h2 { color:#315574; font-size:15px; }
.guide-next p { color:#74899e; font-size:12px; line-height:1.8; margin-top:6px; }
.guide-next>.btn { margin-left:auto; white-space:nowrap; background:#fff; color:#47759f; border-color:#d6e3f0; }
.guide-handoff>p { color:#677a90; font-size:13px; line-height:1.8; }
.guide-task-facts { padding:16px; background:#f5f8fc; border-radius:8px; font-size:13px; margin:16px 0; line-height:1.8; }
.guide-task-facts dt { font-size:11px; color:#8b99aa; }
.guide-task-facts dd { margin:3px 0 10px; color:#5b7089; }
.guide-task-facts>div:last-child dd { margin-bottom:0; }
.guide-handoff form { margin-top:20px; }
.guide-handoff form>label { display:block; color:#405d7c; font-size:13px; margin-bottom:9px; }
.guide-handoff textarea { display:block; width:100%; box-sizing:border-box; border:1px solid #d3deeb; border-radius:8px; padding:13px; font:inherit; font-size:13px; line-height:1.8; resize:vertical; }
.guide-handoff textarea:focus { outline:2px solid #bdd2ef; outline-offset:2px; }
.guide-handoff form>.btn { margin-top:12px; }
.guide-handoff .guide-handoff-note { font-size:12px; margin:16px 0 10px; }
.guide-handoff>a { font-size:12px; color:#386ba7; }
.guide-copy-result:empty { display:none; }
.guide-copy-result { background:#f0f9f5; border:1px solid #d4eadd; border-radius:8px; padding:15px; margin-top:18px; color:#39785e; font-size:13px; }
.guide-copy-result p { font-size:12px; line-height:1.8; margin:6px 0; }
.guide-copy-result summary { cursor:pointer; font-size:12px; padding:6px 0; }
.guide-copy-result textarea { background:#fff; color:#536c63; }
@media(max-width:1250px) { .guide-task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  .guide-start { padding:22px 19px 18px; }
  .guide-start-heading { align-items:flex-start; gap:10px; }
  .guide-start h2 { font-size:24px; }
  .guide-connection-link { padding:8px; font-size:11px; }
  .guide-connection-link>.icon:first-child { display:none; }
  .guide-start .guide-search-row { flex-direction:column; gap:9px; }
  .guide-start .guide-search input { font-size:13px; }
  .guide-start .guide-search input::placeholder { font-size:12px; }
  .guide-start .guide-search-row>.btn { justify-content:center; min-height:43px; }
  .guide-section-heading { align-items:flex-start; }
  .guide-section-heading h2 { font-size:17px; }
  .guide-section-heading>a { font-size:11px; }
  .guide-next { flex-wrap:wrap; padding:20px; gap:12px; }
  .guide-next>div { flex:1; min-width:180px; }
  .guide-next>.btn { width:100%; justify-content:center; margin:4px 0 0; }
}
@media(max-width:480px) {
  .guide-task-grid, .guide-task-grid:has(>.guide-task-card:nth-child(2):last-child) { grid-template-columns:minmax(0,1fr); gap:12px; }
  .guide-task-card { padding:20px; }
  .guide-task-icon { width:34px; height:34px; margin-bottom:12px; }
  .guide-task-card h3 { margin-bottom:13px; }
  .guide-task-card dl { margin-bottom:16px; }
  .guide-task-actions { flex-direction:row; align-items:center; gap:18px; }
  .guide-task-actions .btn { width:auto; flex:1; }
  .guide-task-actions>a { flex-shrink:0; align-self:center; }
  .guide-advanced-form summary span { display:none; }
  .guide-start-heading { flex-direction:column; gap:14px; }
  .guide-start-heading .guide-connection-link { padding:0; background:none; border:0; }
}