.elementor-4870 .elementor-element.elementor-element-412a646{--display:flex;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4870 .elementor-element.elementor-element-79a9889 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:28px;font-weight:700;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-4870 .elementor-element.elementor-element-412a646{--padding-top:120px;--padding-bottom:120px;--padding-left:10px;--padding-right:10px;}.elementor-4870 .elementor-element.elementor-element-79a9889 .elementor-heading-title{font-size:24px;line-height:1.4em;}}/* Start custom CSS */body{margin:0;background:radial-gradient(1100px 460px at 50% -200px,#f8ece4 0%,rgba(248,236,228,0) 70%),#f7f4f1}
  .svc-logobar{max-width:1100px;margin:0 auto;padding:16px 16px 0;display:flex;align-items:center;justify-content:flex-start}
  .svc-logobar img{height:30px;width:auto}
  /* Sugimoto brand override */
  #svc-oinp{--bg:transparent !important;--brand:#2a3642 !important;--brand-2:#c1613a !important;--accent:#c1613a !important;--line:#e7e1da !important;--ink:#2a3642 !important;--muted:#5a6670 !important}
  #svc-oinp .result{position:static !important;left:auto !important;right:auto !important;bottom:auto !important;width:auto !important;max-width:960px;margin:16px auto 0 !important;box-shadow:none !important}
  @media(max-width:640px){#svc-oinp .result{left:auto !important;right:auto !important}}

#svc-oinp{--bg:#f6f7f9; --card:#fff; --ink:#15202b; --muted:#5b6b7c;
    --line:#e2e6ea; --brand:#0b4f8a; --brand-2:#1176c9; --accent:#0f9d58;
    --radius:6px;}#svc-oinp,#svc-oinp *{box-sizing:inherit}#svc-oinp{margin:0;background:var(--bg);color:var(--ink);
       font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}#svc-oinp[dir="rtl"]{font-family:"Vazirmatn","IRANSans","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.85}#svc-oinp .wrap{max-width:960px;margin:0 auto;padding:24px 16px 90px}#svc-oinp .langbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}#svc-oinp .langbar button{padding:7px 16px !important;border:1px solid var(--line) !important;background:#fff !important;border-radius:99px !important;
      cursor:pointer !important;font-size:.85rem !important;color:var(--muted) !important}#svc-oinp .langbar button[aria-pressed="true"]{background:var(--brand) !important;border-color:var(--brand) !important;color:#fff !important;font-weight:600 !important}#svc-oinp header.hero{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;
      border-radius:var(--radius);padding:28px 24px;margin-bottom:22px}#svc-oinp header.hero h2{margin:0 0 8px;font-size:1.2rem;line-height:1.3}#svc-oinp header.hero p{margin:0;opacity:.92;font-size:1.1rem}#svc-oinp .card{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:var(--radius) !important;
        padding:20px !important;margin-bottom:18px !important}#svc-oinp .card h2{margin:0 !important;font-size:1.05rem !important;color:var(--brand) !important}#svc-oinp .card h2 .sub{display:block !important;font-weight:400 !important;font-size:.8rem !important;color:var(--muted) !important;margin-top:3px !important}#svc-oinp .row{margin-top:16px}#svc-oinp label.q{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px}#svc-oinp label.q .hint{display:block;font-weight:400;font-size:.8rem;color:var(--muted);margin-top:2px}#svc-oinp select{width:100% !important;padding:10px 12px !important;font-size:.95rem !important;border:1px solid var(--line) !important;
         border-radius:8px !important;background:#fff !important;color:var(--ink) !important}#svc-oinp select:focus{outline:2px solid var(--brand-2) !important;outline-offset:1px !important}#svc-oinp .toggle{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}#svc-oinp .toggle button{flex:1 1 180px !important;padding:10px !important;border:1px solid var(--line) !important;background:#fff !important;
      border-radius:8px !important;cursor:pointer !important;font-size:.9rem !important;color:var(--ink) !important}#svc-oinp .toggle button[aria-pressed="true"]{background:var(--brand) !important;border-color:var(--brand) !important;color:#fff !important;font-weight:600 !important}#svc-oinp .skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}#svc-oinp .clbout{margin-top:14px;padding:12px 14px;border-radius:8px;background:#eef6ff;border:1px solid #cfe4f8;
      font-size:.9rem}#svc-oinp .clbout b{font-size:1.15rem;color:var(--brand)}#svc-oinp .clbout .fail{color:#b91c1c;font-weight:600}#svc-oinp .perskill{font-size:.8rem;color:var(--muted);margin-top:6px}#svc-oinp .result{position:sticky !important;bottom:0 !important;background:var(--brand) !important;color:#fff !important;border-radius:var(--radius) !important;
      padding:18px 22px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;
      flex-wrap:wrap !important;box-shadow:0 6px 24px rgba(11,79,138,.28) !important}#svc-oinp .result .big{font-size:2.4rem !important;font-weight:800 !important;line-height:1 !important}#svc-oinp .result .lbl{font-size:.8rem !important;opacity:.85 !important;text-transform:uppercase !important;letter-spacing:.05em !important}#svc-oinp .bar{flex:1 1 220px;height:10px;background:rgba(255,255,255,.25);border-radius:99px;overflow:hidden;min-width:150px}#svc-oinp .bar>i{display:block;height:100%;background:#7ee2a8;width:0;transition:width .25s ease}#svc-oinp table.bd{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:12px}#svc-oinp table.bd td{padding:7px 4px !important;border-bottom:1px solid var(--line) !important}#svc-oinp table.bd td:last-child{text-align:end !important;font-weight:700 !important;white-space:nowrap !important}#svc-oinp table.bd tr.zero td{color:var(--muted);font-weight:400}#svc-oinp .note{font-size:.82rem;color:#6b4a17;margin-top:16px;padding:12px 14px;background:#fff8ed;
        border:1px solid #f3d9b5;border-radius:8px}#svc-oinp .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}#svc-oinp .actions button{padding:10px 16px !important;border-radius:8px !important;border:1px solid var(--brand) !important;
      background:#fff !important;color:var(--brand) !important;font-weight:600 !important;cursor:pointer !important}#svc-oinp .actions button.primary{background:var(--brand) !important;color:#fff !important}

  /* Mobile responsiveness — layout-only changes; calculator logic is untouched. */
  #svc-oinp button,
  #svc-oinp select{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  #svc-oinp select{
    min-height:44px;
    max-width:100%;
  }
  #svc-oinp .card,
  #svc-oinp header.hero,
  #svc-oinp .result{
    min-width:0;
  }
  #svc-oinp .row,
  #svc-oinp .skills > div{
    min-width:0;
  }
  #svc-oinp table.bd{
    table-layout:fixed;
  }
  #svc-oinp table.bd td:first-child{
    overflow-wrap:anywhere;
    word-break:normal;
  }

  @media (max-width: 600px){
    #svc-oinp{
      font-size:15px;
      width:100%;
      max-width:100%;
      overflow-x:hidden;
    }
    #svc-oinp .wrap{
      width:100%;
      max-width:100%;
      padding:14px 10px calc(150px + env(safe-area-inset-bottom));
    }
    #svc-oinp .langbar{
      justify-content:center;
      margin-bottom:10px;
    }
    #svc-oinp .langbar button{
      flex:1 1 0 !important;
      min-height:42px;
      padding:8px 10px !important;
    }
    #svc-oinp header.hero{
      padding:20px 16px;
      margin-bottom:14px;
      border-radius:10px;
    }
    #svc-oinp header.hero h1{
      font-size:1.25rem;
      overflow-wrap:anywhere;
    }
    #svc-oinp header.hero p{
      font-size:.9rem;
    }
    #svc-oinp .card{
      padding:15px 12px !important;
      margin-bottom:12px !important;
      border-radius:10px !important;
    }
    #svc-oinp .card h2{
      font-size:1rem !important;
      line-height:1.45 !important;
    }
    #svc-oinp .row{
      margin-top:13px;
    }
    #svc-oinp label.q{
      font-size:.9rem;
      line-height:1.5;
    }
    #svc-oinp select{
      font-size:16px !important; /* Prevents automatic zoom on iPhone. */
      padding:10px 36px 10px 10px !important;
    }
    #svc-oinp[dir="rtl"] select{
      padding-right:10px !important;
      padding-left:36px !important;
    }
    #svc-oinp .toggle{
      display:grid;
      grid-template-columns:1fr;
      gap:8px;
    }
    #svc-oinp .toggle button{
      width:100% !important;
      min-height:44px;
      flex:none !important;
    }
    #svc-oinp .skills{
      grid-template-columns:1fr;
      gap:10px;
      margin-top:12px;
    }
    #svc-oinp .clbout{
      padding:11px 10px;
      overflow-wrap:anywhere;
    }
    #svc-oinp .actions{
      display:grid;
      grid-template-columns:1fr;
    }
    #svc-oinp .actions button{
      width:100% !important;
      min-height:44px;
    }
    #svc-oinp table.bd td{
      vertical-align:top;
    }
    #svc-oinp table.bd td:first-child{
      width:auto;
      padding-right:8px !important;
    }
    #svc-oinp table.bd td:last-child{
      width:54px;
    }
    #svc-oinp .result{
      left:10px !important;
      right:10px !important;
      bottom:max(8px, env(safe-area-inset-bottom)) !important;
      width:auto !important;
      padding:12px 14px !important;
      gap:10px !important;
      border-radius:10px !important;
      flex-wrap:nowrap !important;
    }
    #svc-oinp .result .big{
      font-size:2rem !important;
    }
    #svc-oinp .result .lbl{
      font-size:.7rem !important;
      white-space:normal;
    }
    #svc-oinp .bar{
      flex:1 1 auto;
      min-width:70px;
    }
  }

  @media (max-width: 360px){
    #svc-oinp .wrap{
      padding-left:8px;
      padding-right:8px;
    }
    #svc-oinp .result{
      left:8px !important;
      right:8px !important;
      padding:11px 10px !important;
    }
    #svc-oinp .result .big{
      font-size:1.75rem !important;
    }
    #svc-oinp .bar{
      min-width:54px;
    }
  }

  @media (max-height: 520px) and (orientation: landscape){
    #svc-oinp .result{
      position:static !important;
      width:100% !important;
      margin-top:12px;
    }
    #svc-oinp .wrap{
      padding-bottom:24px;
    }
  }

  @media print{#svc-oinp .result{position:static !important;box-shadow:none !important}#svc-oinp .actions,#svc-oinp .toggle,#svc-oinp .langbar{display:none}}/* End custom CSS */