/* Consistent with your design system - using your variables */.legally-secure-flow[data-flow="legal-aid-guide"], .legally-secure-flow[data-flow="legal-aid-guide"] *{
      --bg: #ffffff;
      --ink: #111317;
      --muted: #5b6270;
      --line: #e6e8ee;
      --brand: #0b5fff;
      --brand-ink: #0a3dcc;
      --accent: #15b79f;
      --surface: #f7f8fb;
      --focus: #ffbf47;
      --radius: 14px;
      --radius-sm: 10px;
      --shadow: 0 8px 24px rgba(17, 19, 23, 0.08);
      --shadow-sm: 0 4px 14px rgba(17, 19, 23, 0.06);
      --container: 1300px;
    }.legally-secure-flow[data-flow="legal-aid-guide"], .legally-secure-flow[data-flow="legal-aid-guide"] *{
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }.legally-secure-flow[data-flow="legal-aid-guide"], .legally-secure-flow[data-flow="legal-aid-guide"]{
      background: var(--bg);
      color: var(--ink);
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
      line-height: 1.55;
      font-size: 16px;
      touch-action: manipulation;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .container{
      max-width: var(--container);
      margin: 0 auto;
      padding: 0 20px;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .container{
        padding: 0 28px;
      }}/* Typography */.legally-secure-flow[data-flow="legal-aid-guide"] h1, .legally-secure-flow[data-flow="legal-aid-guide"] h2, .legally-secure-flow[data-flow="legal-aid-guide"] h3, .legally-secure-flow[data-flow="legal-aid-guide"] h4{
      line-height: 1.2;
      margin: 0 0 12px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] h1{
      font-size: clamp(1.8rem, 3.2vw, 2.6rem);
    }.legally-secure-flow[data-flow="legal-aid-guide"] h2{
      font-size: clamp(1.3rem, 2.2vw, 1.6rem);
    }.legally-secure-flow[data-flow="legal-aid-guide"] h3{
      font-size: 1.05rem;
    }.legally-secure-flow[data-flow="legal-aid-guide"] p{
      margin: 0 0 12px;
      color: var(--ink);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .muted{
      color: var(--muted);
    }.legally-secure-flow[data-flow="legal-aid-guide"] a{
      color: var(--brand);
      text-decoration: none;
    }.legally-secure-flow[data-flow="legal-aid-guide"] a:hover{
      color: var(--brand-ink);
      text-decoration: underline;
    }/* Buttons */.legally-secure-flow[data-flow="legal-aid-guide"] .btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 20px;
      border-radius: 10px;
      font-weight: 600;
      border: 1px solid transparent;
      transition: all 0.2s ease;
      line-height: 1.2;
      text-align: center;
      cursor: pointer;
      min-height: 52px;
      width: 100%;
      font-size: 16px;
    }@media (min-width: 480px){.legally-secure-flow[data-flow="legal-aid-guide"] .btn{
        width: auto;
        min-height: 48px;
        padding: 12px 18px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .btn.primary{
      background: var(--brand);
      color: #fff;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .btn.primary:hover, .legally-secure-flow[data-flow="legal-aid-guide"] .btn.primary:active{
      background: var(--brand-ink);
      transform: translateY(-1px);
      text-decoration: none;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .btn.secondary{
      background: #fff;
      border-color: var(--line);
      color: var(--ink);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .btn.secondary:hover, .legally-secure-flow[data-flow="legal-aid-guide"] .btn.secondary:active{
      box-shadow: var(--shadow-sm);
      text-decoration: none;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .btn.tertiary{
      background: var(--surface);
      border-color: var(--surface);
      color: var(--ink);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .eyebrow{
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--muted);
      font-size: 0.82rem;
      margin: 0 0 6px;
      display: block;
    }/* Breadcrumbs */.legally-secure-flow[data-flow="legal-aid-guide"] .breadcrumbs{
      background: var(--surface);
      border-bottom: 1px solid var(--line);
      font-size: 0.92rem;
      padding: 12px 0;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .breadcrumbs .container{
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .breadcrumbs a{
      color: var(--muted);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .breadcrumbs .sep{
      color: var(--muted);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .breadcrumbs span[aria-current]{
      color: var(--ink);
      font-weight: 600;
    }/* Hero Section */.legally-secure-flow[data-flow="legal-aid-guide"] .hero{
      background: linear-gradient(180deg, #f9fbff 0%, #fff 100%);
      padding: 40px 0 28px;
      width: 100%;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .hero{
        padding: 56px 0 36px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .hero .wrap{
      display: flex;
      flex-direction: column;
      gap: 28px;
      align-items: stretch;
      max-width: var(--container);
      margin: 0 auto;
      padding: 0 20px;
    }@media (min-width: 980px){.legally-secure-flow[data-flow="legal-aid-guide"] .hero .wrap{
        grid-template-columns: 1.1fr 0.9fr;
        display: grid;
        padding: 0 28px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .hero-left{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      order: 2;
    }@media (min-width: 980px){.legally-secure-flow[data-flow="legal-aid-guide"] .hero-left{
        order: 1;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .hero-maincopy p{
      color: var(--muted);
      font-size: 1.05rem;
      margin: 0 0 12px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .hero-notes{
      margin: 16px 0 24px;
      padding-left: 1.2rem;
      color: var(--muted);
      font-size: 0.95rem;
      line-height: 1.45;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .hero-notes li{
      margin-bottom: 8px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .hero-notes li::marker{
      content: "§ ";
      color: var(--brand);
      font-weight: bold;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .hero-ctas{
      margin-top: 24px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }@media (min-width: 480px){.legally-secure-flow[data-flow="legal-aid-guide"] .hero-ctas{
        flex-direction: row;
        flex-wrap: wrap;
        gap: 14px;
      }}/* Card */.legally-secure-flow[data-flow="legal-aid-guide"] .card{
      background: #fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 22px;
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      order: 1;
      margin-bottom: 20px;
    }@media (min-width: 980px){.legally-secure-flow[data-flow="legal-aid-guide"] .card{
        order: 2;
        margin-bottom: 0;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .card h3{
      margin-top: 0;
      margin-bottom: 10px;
    }/* Calculator Modal - MOBILE OPTIMIZED */.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal{
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1000;
      align-items: center;
      justify-content: center;
      padding: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal.active{
      display: flex;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-content{
      background: white;
      border-radius: 0;
      width: 100%;
      height: 100%;
      max-height: 100vh;
      overflow: hidden;
      box-shadow: none;
      display: flex;
      flex-direction: column;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-content{
        border-radius: var(--radius);
        width: 90%;
        max-width: 800px;
        height: auto;
        max-height: 90vh;
        margin: 20px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-header{
      padding: 16px 20px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: var(--brand);
      color: white;
      flex-shrink: 0;
      position: sticky;
      top: 0;
      z-index: 10;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-header{
        padding: 1.25rem 1.5rem;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-header h3{
      margin: 0;
      color: white;
      font-size: 1.1rem;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-header h3{
        font-size: 1.25rem;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-close{
      background: none;
      border: none;
      color: white;
      font-size: 28px;
      cursor: pointer;
      padding: 0;
      line-height: 1;
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      transition: background-color 0.2s;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-close:hover, .legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-close:active{
      background: rgba(255, 255, 255, 0.1);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-body{
      padding: 20px;
      overflow-y: auto;
      flex: 1;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 90px; /* Space for mobile action bar */
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-body{
        padding: 1.5rem;
        padding-bottom: 1.5rem;
      }}/* Calculator Steps - MOBILE OPTIMIZED */.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-steps{
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 1.5rem;
      padding: 0;
      gap: 4px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-steps::-webkit-scrollbar{
      display: none;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-steps::before{
      content: "";
      position: absolute;
      top: 18px;
      left: 16px;
      right: 16px;
      height: 2px;
      background: var(--line);
      z-index: 1;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-steps::before{
        top: 15px;
        left: 0;
        right: 0;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .step-indicator{
      position: relative;
      z-index: 2;
      text-align: center;
      flex: 0 0 auto;
      min-width: 60px;
      padding: 0 4px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .step-circle{
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: white;
      border: 2px solid var(--line);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 6px;
      font-size: 15px;
      font-weight: 600;
      color: var(--muted);
      transition: all 0.3s ease;
      flex-shrink: 0;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .step-circle{
        width: 32px;
        height: 32px;
        font-size: 14px;
        margin-bottom: 8px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .step-indicator.active .step-circle{
      background: var(--brand);
      border-color: var(--brand);
      color: white;
      transform: scale(1.1);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .step-indicator.completed .step-circle{
      background: var(--accent);
      border-color: var(--accent);
      color: white;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .step-label{
      font-size: 11px;
      color: var(--muted);
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.2;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .step-label{
        font-size: 11px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .step-indicator.active .step-label{
      color: var(--brand);
      font-weight: 600;
    }/* Calculator Form */.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-step{
      display: none;
      animation: fadeIn 0.3s ease;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-step.active{
      display: block;
    }@keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-form-group{
      margin-bottom: 1.25rem;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-label{
      display: block;
      font-weight: 600;
      font-size: 15px;
      margin-bottom: 0.5rem;
      color: var(--ink);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-label small{
      font-weight: 400;
      color: var(--muted);
      font-size: 13px;
      display: block;
      margin-top: 2px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-input, .legally-secure-flow[data-flow="legal-aid-guide"] .calc-select{
      width: 100%;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      font-size: 16px;
      transition: border-color 0.2s;
      background: white;
      min-height: 52px;
      -webkit-appearance: none;
      appearance: none;
    }@media (min-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] .calc-input, .legally-secure-flow[data-flow="legal-aid-guide"] .calc-select{
        padding: 12px;
        font-size: 15px;
        min-height: 48px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .calc-input:focus, .legally-secure-flow[data-flow="legal-aid-guide"] .calc-select:focus{
      outline: none;
      border-color: var(--brand);
      box-shadow: 0 0 0 3px rgba(11, 95, 255, 0.1);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-input-grid{
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }@media (min-width: 480px){.legally-secure-flow[data-flow="legal-aid-guide"] .calc-input-grid{
        grid-template-columns: repeat(2, 1fr);
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .calc-info-box{
      background: var(--surface);
      border-left: 4px solid var(--brand);
      padding: 1rem;
      border-radius: var(--radius-sm);
      margin: 1.25rem 0;
      font-size: 14px;
      color: var(--ink);
    }/* Checkbox group - MOBILE OPTIMIZED */.legally-secure-flow[data-flow="legal-aid-guide"] .checkbox-group{
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 14px;
      background: var(--surface);
      border-radius: var(--radius-sm);
      margin-bottom: 8px;
      border: 1px solid transparent;
      transition: all 0.2s ease;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .checkbox-group:hover, .legally-secure-flow[data-flow="legal-aid-guide"] .checkbox-group:active{
      border-color: var(--line);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .checkbox-group input[type="checkbox"]{
      width: 22px;
      height: 22px;
      accent-color: var(--brand);
      margin-top: 0;
      flex-shrink: 0;
      cursor: pointer;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .checkbox-label{
      font-size: 15px;
      color: var(--ink);
      font-weight: 500;
      margin-bottom: 2px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .checkbox-description{
      font-size: 13px;
      color: var(--muted);
      line-height: 1.4;
    }/* Results */.legally-secure-flow[data-flow="legal-aid-guide"] .result-card{
      background: white;
      border: 2px solid var(--line);
      border-radius: var(--radius);
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      box-shadow: var(--shadow-sm);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-header{
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin-bottom: 1.25rem;
    }@media (min-width: 480px){.legally-secure-flow[data-flow="legal-aid-guide"] .result-header{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .result-title{
      font-size: 1.125rem;
      font-weight: 600;
      color: var(--ink);
      margin: 0;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-badge{
      padding: 8px 16px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 600;
      background: var(--brand);
      color: white;
      white-space: nowrap;
      align-self: flex-start;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-badge.ineligible{
      background: #dc2626;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-badge.free{
      background: var(--accent);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-value{
      font-size: 2rem;
      font-weight: 800;
      margin: 1rem 0;
      color: var(--brand);
      line-height: 1.2;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-value.ineligible{
      color: #dc2626;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-value.free{
      color: var(--accent);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .result-details{
      display: grid;
      gap: 0.75rem;
      margin: 1.5rem 0;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .detail-item{
      display: flex;
      justify-content: space-between;
      padding: 1rem;
      background: var(--surface);
      border-radius: var(--radius-sm);
      align-items: center;
      flex-wrap: wrap;
      gap: 0.5rem;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .detail-label{
      font-size: 14px;
      color: var(--muted);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .detail-value{
      font-size: 15px;
      font-weight: 600;
      color: var(--ink);
    }/* Calculator Actions - MOBILE OPTIMIZED */.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-actions{
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-top: 1.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid var(--line);
    }@media (min-width: 480px){.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-actions{
        flex-direction: row;
        justify-content: space-between;
      }}/* Official Note */.legally-secure-flow[data-flow="legal-aid-guide"] .official-note{
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      padding: 1.25rem;
      margin-top: 1.5rem;
      text-align: center;
      font-size: 14px;
      color: var(--muted);
    }/* Content Sections */.legally-secure-flow[data-flow="legal-aid-guide"] .content-section{
      padding: 40px 0;
      border-top: 1px solid var(--line);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .content-section:first-ofType{
      border-top: none;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .section-alt{
      background: var(--surface);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .note-box{
      background: white;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 1.5rem;
      margin: 1.5rem 0;
      box-shadow: var(--shadow-sm);
    }.legally-secure-flow[data-flow="legal-aid-guide"] table{
      width: 100%;
      border-collapse: collapse;
      margin: 1.5rem 0;
      border-radius: var(--radius-sm);
      overflow: hidden;
      border: 1px solid var(--line);
      display: block;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }.legally-secure-flow[data-flow="legal-aid-guide"] th{
      background: var(--surface);
      padding: 0.75rem;
      text-align: left;
      font-weight: 600;
      color: var(--ink);
      border-bottom: 2px solid var(--line);
      white-space: nowrap;
    }.legally-secure-flow[data-flow="legal-aid-guide"] td{
      padding: 0.75rem;
      border-bottom: 1px solid var(--line);
      color: var(--muted);
    }.legally-secure-flow[data-flow="legal-aid-guide"] tr:last-child td{
      border-bottom: none;
    }/* Contact Section */.legally-secure-flow[data-flow="legal-aid-guide"] .contact{
      display: flex;
      flex-direction: column;
      gap: 28px;
      max-width: var(--container);
      margin: 0 auto;
      padding: 40px 20px;
    }@media (min-width: 980px){.legally-secure-flow[data-flow="legal-aid-guide"] .contact{
        grid-template-columns: 1.1fr 0.9fr;
        display: grid;
        padding: 44px 28px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .contact .panel{
      background: #fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 22px;
      box-shadow: var(--shadow-sm);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .contact-form label{
      display: block;
      font-weight: 600;
      margin: 8px 0 6px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .contact-form input, .legally-secure-flow[data-flow="legal-aid-guide"] .contact-form select, .legally-secure-flow[data-flow="legal-aid-guide"] .contact-form textarea{
      width: 100%;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      font-size: 1rem;
      margin-bottom: 10px;
      background: #fff;
      min-height: 52px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .contact-form button{
      margin-top: 14px;
      background: var(--brand);
      color: #fff;
      border: none;
      padding: 16px 22px;
      font-weight: 600;
      border-radius: 10px;
      cursor: pointer;
      transition: 0.2s ease;
      min-height: 52px;
      width: 100%;
      font-size: 16px;
    }@media (min-width: 480px){.legally-secure-flow[data-flow="legal-aid-guide"] .contact-form button{
        width: auto;
        min-height: 48px;
        padding: 14px 22px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .contact-form button:hover{
      background: var(--brand-ink);
      transform: translateY(-1px);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .alt-contact{
      margin-top: 24px;
      padding-top: 18px;
      border-top: 1px solid var(--line);
      font-size: 0.95rem;
    }/* FAQ */.legally-secure-flow[data-flow="legal-aid-guide"] .faq{
      background: var(--surface);
      border-radius: var(--radius);
      border: 1px solid var(--line);
      padding: 22px;
      box-shadow: var(--shadow-sm);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq h2{
      margin-top: 0;
      margin-bottom: 18px;
      font-size: 1.6rem;
      color: var(--ink);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq-item{
      margin-bottom: 12px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      overflow: hidden;
      background: #fff;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq-question{
      padding: 16px;
      background: white;
      font-weight: 600;
      color: var(--ink);
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: background 0.2s ease;
      font-size: 15px;
      border: none;
      width: 100%;
      text-align: left;
      min-height: 56px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq-question:hover{
      background: var(--surface);
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq-answer{
      padding: 16px;
      background: var(--surface);
      color: var(--muted);
      display: none;
      border-top: 1px solid var(--line);
      font-size: 14px;
      line-height: 1.5;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq-item.active .faq-answer{
      display: block;
    }/* Mobile Action Bar for Steps */.legally-secure-flow[data-flow="legal-aid-guide"] .step-action-bar{
      display: none;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: white;
      border-top: 1px solid var(--line);
      padding: 16px 20px;
      box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
      z-index: 100;
    }@media (max-width: 767px){.legally-secure-flow[data-flow="legal-aid-guide"] .step-action-bar{
        display: flex;
        gap: 12px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .step-action-bar .btn{
        min-height: 48px;
        font-size: 15px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-actions{
        display: none;
      }}/* Hidden utility */.legally-secure-flow[data-flow="legal-aid-guide"] .hidden{
      display: none !important;
    }/* Input Number Spinner Fix */.legally-secure-flow[data-flow="legal-aid-guide"] input[type="number"]::-webkit-inner-spin-button, .legally-secure-flow[data-flow="legal-aid-guide"] input[type="number"]::-webkit-outer-spin-button{
      -webkit-appearance: none;
      margin: 0;
    }.legally-secure-flow[data-flow="legal-aid-guide"] input[type="number"]{
      -moz-appearance: textfield;
    }/* Swipe hint for mobile steps */.legally-secure-flow[data-flow="legal-aid-guide"] .swipe-hint{
      display: none;
      text-align: center;
      font-size: 12px;
      color: var(--muted);
      margin-top: 8px;
      padding: 4px;
    }@media (max-width: 767px){.legally-secure-flow[data-flow="legal-aid-guide"] .swipe-hint{
        display: block;
      }}/* Focus styles */.legally-secure-flow[data-flow="legal-aid-guide"] :focus-visible{
      outline: 3px solid var(--focus);
      outline-offset: 2px;
      border-radius: 8px;
    }/* Prevent zoom on mobile input focus */@media (max-width: 768px){.legally-secure-flow[data-flow="legal-aid-guide"] input, .legally-secure-flow[data-flow="legal-aid-guide"] select, .legally-secure-flow[data-flow="legal-aid-guide"] textarea{
        font-size: 16px !important;
      }}/* Better touch feedback */.legally-secure-flow[data-flow="legal-aid-guide"] .btn:active, .legally-secure-flow[data-flow="legal-aid-guide"] .faq-question:active, .legally-secure-flow[data-flow="legal-aid-guide"] .checkbox-group:active{
      transform: scale(0.98);
      transition: transform 0.1s ease;
    }/* Loading indicator */.legally-secure-flow[data-flow="legal-aid-guide"] .loading{
      display: inline-block;
      width: 20px;
      height: 20px;
      border: 2px solid var(--line);
      border-top-color: var(--brand);
      border-radius: 50%;
      animation: spin 0.6s linear infinite;
    }@keyframes spin {
      to { transform: rotate(360deg); }
    }.legally-secure-flow[data-flow="legal-aid-guide"], .legally-secure-flow[data-flow="legal-aid-guide"]{
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
    }.legally-secure-flow[data-flow="legal-aid-guide"]{
      min-width: 0;
    }.legally-secure-flow[data-flow="legal-aid-guide"] img, .legally-secure-flow[data-flow="legal-aid-guide"] svg, .legally-secure-flow[data-flow="legal-aid-guide"] video, .legally-secure-flow[data-flow="legal-aid-guide"] canvas, .legally-secure-flow[data-flow="legal-aid-guide"] iframe{
      max-width: 100%;
      height: auto;
    }.legally-secure-flow[data-flow="legal-aid-guide"] a, .legally-secure-flow[data-flow="legal-aid-guide"] p, .legally-secure-flow[data-flow="legal-aid-guide"] li, .legally-secure-flow[data-flow="legal-aid-guide"] td, .legally-secure-flow[data-flow="legal-aid-guide"] th, .legally-secure-flow[data-flow="legal-aid-guide"] span, .legally-secure-flow[data-flow="legal-aid-guide"] div{
      overflow-wrap: anywhere;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .container, .legally-secure-flow[data-flow="legal-aid-guide"] .hero .wrap, .legally-secure-flow[data-flow="legal-aid-guide"] .contact{
      width: 100%;
      max-width: var(--container);
    }@media (max-width: 767px){.legally-secure-flow[data-flow="legal-aid-guide"] .container{
        padding-left: 16px;
        padding-right: 16px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .hero .wrap, .legally-secure-flow[data-flow="legal-aid-guide"] .contact{
        padding-left: 16px;
        padding-right: 16px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .hero{
        padding-top: 28px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] h1{
        font-size: clamp(1.65rem, 8vw, 2.1rem);
      }.legally-secure-flow[data-flow="legal-aid-guide"] h2{
        font-size: clamp(1.25rem, 6vw, 1.55rem);
      }.legally-secure-flow[data-flow="legal-aid-guide"] .card, .legally-secure-flow[data-flow="legal-aid-guide"] .note-box, .legally-secure-flow[data-flow="legal-aid-guide"] .faq, .legally-secure-flow[data-flow="legal-aid-guide"] .contact .panel, .legally-secure-flow[data-flow="legal-aid-guide"] .result-card{
        padding: 18px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .hero-notes{
        padding-left: 1rem;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal{
      width: 100vw;
      height: 100vh;
      height: 100dvh;
      max-width: 100vw;
      overflow: hidden;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-content{
      width: 100%;
      max-width: 100vw;
      height: 100vh;
      height: 100dvh;
      max-height: 100vh;
      max-height: 100dvh;
      min-width: 0;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-body{
      min-height: 0;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
    }@media (max-width: 767px){.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-content{
        border-radius: 0;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-header{
        padding: 14px 16px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-header h3{
        font-size: 1rem;
        line-height: 1.25;
        padding-right: 8px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .calc-modal-body{
        padding: 16px;
        padding-bottom: calc(96px + env(safe-area-inset-bottom));
      }.legally-secure-flow[data-flow="legal-aid-guide"] .step-action-bar{
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
      }.legally-secure-flow[data-flow="legal-aid-guide"] .step-action-bar .btn{
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        white-space: normal;
      }.legally-secure-flow[data-flow="legal-aid-guide"] #mobileBackBtn{
        flex: 0 0 38%;
      }.legally-secure-flow[data-flow="legal-aid-guide"] #mobileNextBtn{
        flex: 1 1 auto;
      }}@media (max-width: 767px){.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-steps{
        justify-content: flex-start;
        gap: 8px;
        padding-bottom: 4px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .calculator-steps::before{
        left: 24px;
        right: auto;
        width: calc((60px * 5) - 48px);
      }.legally-secure-flow[data-flow="legal-aid-guide"] .step-indicator{
        min-width: 58px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .step-circle{
        width: 34px;
        height: 34px;
        font-size: 14px;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .step-label{
        max-width: 58px;
        font-size: 10.5px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .calc-input, .legally-secure-flow[data-flow="legal-aid-guide"] .calc-select, .legally-secure-flow[data-flow="legal-aid-guide"] .contact-form input, .legally-secure-flow[data-flow="legal-aid-guide"] .contact-form select, .legally-secure-flow[data-flow="legal-aid-guide"] .contact-form textarea{
      max-width: 100%;
      min-width: 0;
    }@media (max-width: 479px){.legally-secure-flow[data-flow="legal-aid-guide"] .result-value{
        font-size: 1.65rem;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .detail-item{
        align-items: flex-start;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .detail-label, .legally-secure-flow[data-flow="legal-aid-guide"] .detail-value{
        width: 100%;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .result-badge{
        white-space: normal;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .table-wrap{
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }.legally-secure-flow[data-flow="legal-aid-guide"] table{
      max-width: 100%;
    }@media (max-width: 767px){.legally-secure-flow[data-flow="legal-aid-guide"] table{
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
      }.legally-secure-flow[data-flow="legal-aid-guide"] th, .legally-secure-flow[data-flow="legal-aid-guide"] td{
        min-width: 150px;
      }}.legally-secure-flow[data-flow="legal-aid-guide"] .faq-question{
      gap: 12px;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq-question span:first-child{
      min-width: 0;
      overflow-wrap: anywhere;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .faq-question span:last-child{
      flex-shrink: 0;
    }.legally-secure-flow[data-flow="legal-aid-guide"] .btn, .legally-secure-flow[data-flow="legal-aid-guide"] .contact-form button{
      white-space: normal;
      max-width: 100%;
    }@media (max-width: 479px){.legally-secure-flow[data-flow="legal-aid-guide"] .hero-ctas{
        width: 100%;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .hero-ctas .btn{
        width: 100%;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .content-section{
        padding: 32px 0;
      }.legally-secure-flow[data-flow="legal-aid-guide"] .breadcrumbs{
        font-size: 0.85rem;
      }}