{"id":4445,"date":"2026-08-18T11:28:54","date_gmt":"2026-08-18T11:28:54","guid":{"rendered":"https:\/\/beginning-recovery.com\/?page_id=4445"},"modified":"2026-08-18T13:00:51","modified_gmt":"2026-08-18T13:00:51","slug":"self-assessment","status":"publish","type":"page","link":"https:\/\/beginning-recovery.com\/pt\/self-assessment\/","title":{"rendered":"Self-Assessment."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4445\" class=\"elementor elementor-4445\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5687661 e-con-full e-flex e-con e-parent\" data-id=\"5687661\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae26f7 elementor-widget elementor-widget-html\" data-id=\"7ae26f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"tbsa\">\r\n\r\n  <!-- ==========================================\r\n       SCREEN 1 \u2014 SELF-ASSESSMENT SELECTION\r\n  =========================================== -->\r\n\r\n  <section id=\"tbsa-select\">\r\n\r\n    <div class=\"tbsa-intro\">\r\n\r\n      <div class=\"tbsa-eyebrow\">\r\n        PRIVATE &amp; CONFIDENTIAL\r\n      <\/div>\r\n\r\n      <h1>Check in with yourself.<\/h1>\r\n\r\n      <p>\r\n        A short, private self-assessment to help you reflect on your\r\n        relationship with substances, food, mood or certain behaviours \u2014\r\n        and whether it might be time to talk to someone.\r\n      <\/p>\r\n\r\n      <div class=\"tbsa-private\">\r\n        <span>\u2713<\/span>\r\n        Your answers stay in your browser. They are not submitted to us,\r\n        stored or shared.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p class=\"tbsa-choose\">\r\n      Choose the area that feels closest to what you or a loved one are\r\n      experiencing right now. Each self-check takes about two minutes.\r\n      You can take more than one.\r\n    <\/p>\r\n\r\n\r\n    <div class=\"tbsa-grid\">\r\n\r\n\r\n      <!-- Substance Use -->\r\n\r\n      <button\r\n        class=\"tbsa-card\"\r\n        data-category=\"substance\"\r\n        type=\"button\">\r\n\r\n        <div class=\"tbsa-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <path d=\"M9 3h6\"\/>\r\n\r\n            <path\r\n              d=\"M10 3v5.2a2 2 0 0 1-.4 1.2L5.8 15a4 4 0 0 0 3.2 6.4h6a4 4 0 0 0 3.2-6.4l-3.8-5.6a2 2 0 0 1-.4-1.2V3\"\/>\r\n\r\n            <path d=\"M7 15h10\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Substance Use<\/h3>\r\n\r\n        <p>\r\n          Drugs, including illegal substances\r\n        <\/p>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- Alcohol -->\r\n\r\n      <button\r\n        class=\"tbsa-card\"\r\n        data-category=\"alcohol\"\r\n        type=\"button\">\r\n\r\n        <div class=\"tbsa-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <path\r\n              d=\"M8 2h8l-1.2 6.5a4 4 0 0 1-3.8 3.3 4 4 0 0 1-3.8-3.3L8 2Z\"\/>\r\n\r\n            <path d=\"M12 12v10\"\/>\r\n\r\n            <path d=\"M8 22h8\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Alcohol<\/h3>\r\n\r\n        <p>\r\n          Drinking patterns and their effects\r\n        <\/p>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- Mood & Depression -->\r\n\r\n      <button\r\n        class=\"tbsa-card\"\r\n        data-category=\"depression\"\r\n        type=\"button\">\r\n\r\n        <div class=\"tbsa-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n\r\n            <path\r\n              d=\"M8 15c1.2 1.2 2.6 1.8 4 1.8s2.8-.6 4-1.8\"\/>\r\n\r\n            <path d=\"M9 9.5h.01\"\/>\r\n\r\n            <path d=\"M15 9.5h.01\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Mood &amp; Depression<\/h3>\r\n\r\n        <p>\r\n          Persistent sadness, low energy or hopelessness\r\n        <\/p>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- Eating & Body Image -->\r\n\r\n      <button\r\n        class=\"tbsa-card\"\r\n        data-category=\"eating\"\r\n        type=\"button\">\r\n\r\n        <div class=\"tbsa-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <path d=\"M7 2v7a2 2 0 0 0 2 2v11\"\/>\r\n\r\n            <path d=\"M7 2v7\"\/>\r\n\r\n            <path d=\"M11 2v9\"\/>\r\n\r\n            <path\r\n              d=\"M17 2c-2 1-3 3-3 6s1 4 3 4v9\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Eating &amp; Body Image<\/h3>\r\n\r\n        <p>\r\n          Food, weight and body-image concerns\r\n        <\/p>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- Behavioral Addictions -->\r\n\r\n      <button\r\n        class=\"tbsa-card\"\r\n        data-category=\"behavioral\"\r\n        type=\"button\">\r\n\r\n        <div class=\"tbsa-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <rect\r\n              x=\"3\"\r\n              y=\"4\"\r\n              width=\"18\"\r\n              height=\"14\"\r\n              rx=\"2\"\/>\r\n\r\n            <path d=\"M8 21h8\"\/>\r\n\r\n            <path d=\"M12 18v3\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Behavioral Addictions<\/h3>\r\n\r\n        <p>\r\n          Gambling, internet, gaming, sex, shopping or codependency\r\n        <\/p>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- Prescription Medication -->\r\n\r\n      <button\r\n        class=\"tbsa-card\"\r\n        data-category=\"medication\"\r\n        type=\"button\">\r\n\r\n        <div class=\"tbsa-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <rect\r\n              x=\"4\"\r\n              y=\"4\"\r\n              width=\"7\"\r\n              height=\"16\"\r\n              rx=\"3.5\"\/>\r\n\r\n            <path d=\"M4 12h7\"\/>\r\n\r\n            <circle\r\n              cx=\"17.5\"\r\n              cy=\"17.5\"\r\n              r=\"3.5\"\/>\r\n\r\n            <path d=\"M9 4l4 4\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Prescription Medication<\/h3>\r\n\r\n        <p>\r\n          Benzodiazepines, opioids and other prescribed drugs\r\n        <\/p>\r\n\r\n      <\/button>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n\r\n  <!-- ==========================================\r\n       SCREEN 2 \u2014 QUESTIONS\r\n  =========================================== -->\r\n\r\n  <section id=\"tbsa-quiz\">\r\n\r\n\r\n    <button\r\n      type=\"button\"\r\n      id=\"tbsa-back\">\r\n\r\n      \u2190 Choose a different topic\r\n\r\n    <\/button>\r\n\r\n\r\n    <div class=\"tbsa-progress\">\r\n\r\n      <div id=\"tbsa-progress-fill\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"tbsa-eyebrow\">\r\n      SELF-ASSESSMENT\r\n    <\/div>\r\n\r\n\r\n    <h2 id=\"tbsa-quiz-title\"><\/h2>\r\n\r\n\r\n    <p class=\"tbsa-quiz-sub\">\r\n\r\n      Answer as honestly as you can, thinking about the last 12 months.\r\n      There are no right or wrong answers.\r\n\r\n    <\/p>\r\n\r\n\r\n    <div id=\"tbsa-questions\"><\/div>\r\n\r\n\r\n    <div class=\"tbsa-actions\">\r\n\r\n      <button\r\n        type=\"button\"\r\n        id=\"tbsa-submit\"\r\n        disabled>\r\n\r\n        See my self-check summary\r\n\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n\r\n  <!-- ==========================================\r\n       SCREEN 3 \u2014 RESULTS\r\n  =========================================== -->\r\n\r\n  <section\r\n    id=\"tbsa-results\"\r\n    aria-live=\"polite\">\r\n\r\n\r\n    <div class=\"tbsa-eyebrow\">\r\n      YOUR SELF-CHECK\r\n    <\/div>\r\n\r\n\r\n    <div\r\n      class=\"tbsa-results-topic\"\r\n      id=\"tbsa-results-category\">\r\n    <\/div>\r\n\r\n\r\n    <h2 id=\"tbsa-results-title\"><\/h2>\r\n\r\n\r\n\r\n    <!-- METER -->\r\n\r\n    <div class=\"tbsa-meter\">\r\n\r\n\r\n      <div class=\"tbsa-meter-top\">\r\n\r\n        <span>Lower concern<\/span>\r\n\r\n        <span>Higher concern<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"tbsa-meter-track\">\r\n\r\n        <div id=\"tbsa-meter-dot\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"tbsa-meter-labels\">\r\n\r\n        <span>\r\n          Lower concern\r\n        <\/span>\r\n\r\n        <span>\r\n          Worth a closer look\r\n        <\/span>\r\n\r\n        <span>\r\n          Higher concern\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- RESULT COPY -->\r\n\r\n    <div id=\"tbsa-result-copy\"><\/div>\r\n\r\n\r\n\r\n    <!-- DISCLAIMER -->\r\n\r\n    <div class=\"tbsa-disclaimer\">\r\n\r\n      <strong>\r\n        This self-check is not a diagnosis.\r\n      <\/strong>\r\n\r\n      It is intended only to help you reflect on patterns that may be\r\n      worth discussing with a qualified professional.\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- CRISIS MESSAGE -->\r\n\r\n    <div id=\"tbsa-result-warning\">\r\n\r\n      <strong>\r\n        Please prioritise your immediate safety.\r\n      <\/strong>\r\n\r\n      <br><br>\r\n\r\n      If you feel you may harm yourself or are in immediate danger,\r\n      contact your local emergency services now.\r\n\r\n      If you are in Portugal, call\r\n      <a href=\"tel:112\">112<\/a>.\r\n\r\n      For suicidal thoughts or self-harm, you can also contact\r\n      Portugal\u2019s National Suicide Prevention and Psychological Support\r\n      Line on\r\n      <a href=\"tel:1411\">1411<\/a>.\r\n\r\n      If you are outside Portugal, contact the emergency or crisis\r\n      service in your country.\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- NEXT STEP -->\r\n\r\n    <div class=\"tbsa-next-steps\">\r\n\r\n\r\n      <div class=\"tbsa-next-eyebrow\">\r\n        NEXT STEP\r\n      <\/div>\r\n\r\n\r\n      <h3>\r\n        A conversation can bring clarity\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        This self-check is a starting point, not a diagnosis.\r\n\r\n        If something in your answers concerns you, you do not need to\r\n        work it out alone.\r\n\r\n        A confidential conversation with our team can help you\r\n        understand what may be happening and whether professional\r\n        support could be useful.\r\n\r\n      <\/p>\r\n\r\n\r\n      <a\r\n        href=\"\/contact-us\/\"\r\n        class=\"tbsa-cta\">\r\n\r\n        Talk to our team\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <button\r\n      type=\"button\"\r\n      id=\"tbsa-retake\">\r\n\r\n      \u2190 Take another self-check\r\n\r\n    <\/button>\r\n\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n\/* ==========================================\r\n   MASTER\r\n=========================================== *\/\r\n\r\n#tbsa {\r\n\r\n  --blue: #2a4b65;\r\n\r\n  --gold: #d9bd78;\r\n\r\n  --cream: #f7f3eb;\r\n\r\n  --text: #252525;\r\n\r\n  --soft: #666666;\r\n\r\n  --line:\r\n    rgba(42,75,101,.16);\r\n\r\n  --warning:\r\n    #a64d47;\r\n\r\n\r\n  max-width: 1050px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  padding:\r\n    70px\r\n    30px\r\n    90px;\r\n\r\n  color:\r\n    var(--text);\r\n\r\n}\r\n\r\n\r\n#tbsa * {\r\n\r\n  box-sizing:\r\n    border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   TYPOGRAPHY\r\n=========================================== *\/\r\n\r\n.tbsa-eyebrow {\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    .16em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  margin-bottom:\r\n    15px;\r\n\r\n}\r\n\r\n\r\n#tbsa h1,\r\n#tbsa h2,\r\n#tbsa h3 {\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n}\r\n\r\n\r\n#tbsa h1 {\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      5vw,\r\n      66px\r\n    );\r\n\r\n  line-height:\r\n    1.05;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    25px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   INTRO\r\n=========================================== *\/\r\n\r\n.tbsa-intro {\r\n\r\n  max-width:\r\n    760px;\r\n\r\n  margin-bottom:\r\n    55px;\r\n\r\n}\r\n\r\n\r\n.tbsa-intro > p {\r\n\r\n  font-size:\r\n    18px;\r\n\r\n  line-height:\r\n    1.7;\r\n\r\n  max-width:\r\n    700px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    25px;\r\n\r\n}\r\n\r\n\r\n.tbsa-private {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    10px;\r\n\r\n  padding:\r\n    11px\r\n    18px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  border-radius:\r\n    30px;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n}\r\n\r\n\r\n.tbsa-private span {\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n  font-weight:\r\n    700;\r\n\r\n}\r\n\r\n\r\n.tbsa-choose {\r\n\r\n  max-width:\r\n    730px;\r\n\r\n  font-size:\r\n    16px;\r\n\r\n  line-height:\r\n    1.65;\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n  margin-bottom:\r\n    30px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   CATEGORY GRID\r\n=========================================== *\/\r\n\r\n.tbsa-grid {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      2,\r\n      minmax(0,1fr)\r\n    );\r\n\r\n  gap:\r\n    18px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   CATEGORY CARDS\r\n=========================================== *\/\r\n\r\n.tbsa-card {\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  width:\r\n    100%;\r\n\r\n  min-height:\r\n    220px;\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  padding:\r\n    30px;\r\n\r\n  text-align:\r\n    left;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    border-color .22s ease,\r\n    box-shadow .22s ease;\r\n\r\n}\r\n\r\n\r\n.tbsa-card::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    0;\r\n\r\n  bottom:\r\n    0;\r\n\r\n  width:\r\n    0;\r\n\r\n  height:\r\n    3px;\r\n\r\n  background:\r\n    var(--gold);\r\n\r\n  transition:\r\n    width .28s ease;\r\n\r\n}\r\n\r\n\r\n.tbsa-card:hover {\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  border-color:\r\n    rgba(217,189,120,.8);\r\n\r\n  box-shadow:\r\n    0 14px 38px\r\n    rgba(42,75,101,.08);\r\n\r\n}\r\n\r\n\r\n.tbsa-card:hover::after {\r\n\r\n  width:\r\n    100%;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   ICONS\r\n=========================================== *\/\r\n\r\n.tbsa-icon {\r\n\r\n  width:\r\n    58px;\r\n\r\n  height:\r\n    58px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  background:\r\n    rgba(42,75,101,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(42,75,101,.12);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  margin-bottom:\r\n    25px;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    color .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.tbsa-icon svg {\r\n\r\n  width:\r\n    27px;\r\n\r\n  height:\r\n    27px;\r\n\r\n  fill:\r\n    none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width:\r\n    1.65;\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n  stroke-linejoin:\r\n    round;\r\n\r\n}\r\n\r\n\r\n.tbsa-card:hover .tbsa-icon {\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  transform:\r\n    scale(1.05);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   CARD TEXT\r\n=========================================== *\/\r\n\r\n.tbsa-card h3 {\r\n\r\n  margin:\r\n    0\r\n    0\r\n    9px;\r\n\r\n  font-size:\r\n    25px;\r\n\r\n  line-height:\r\n    1.2;\r\n\r\n}\r\n\r\n\r\n.tbsa-card p {\r\n\r\n  margin:\r\n    0;\r\n\r\n  max-width:\r\n    390px;\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  line-height:\r\n    1.6;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   SCREENS\r\n=========================================== *\/\r\n\r\n#tbsa-quiz,\r\n#tbsa-results {\r\n\r\n  display:\r\n    none;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   BACK \/ RETAKE\r\n=========================================== *\/\r\n\r\n#tbsa-back,\r\n#tbsa-retake {\r\n\r\n  appearance:\r\n    none;\r\n\r\n  border:\r\n    0;\r\n\r\n  background:\r\n    transparent;\r\n\r\n  padding:\r\n    0;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n}\r\n\r\n\r\n#tbsa-back {\r\n\r\n  margin-bottom:\r\n    25px;\r\n\r\n}\r\n\r\n\r\n#tbsa-retake {\r\n\r\n  margin-top:\r\n    4px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   PROGRESS\r\n=========================================== *\/\r\n\r\n.tbsa-progress {\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    4px;\r\n\r\n  background:\r\n    rgba(42,75,101,.10);\r\n\r\n  margin-bottom:\r\n    45px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n}\r\n\r\n\r\n#tbsa-progress-fill {\r\n\r\n  width:\r\n    0;\r\n\r\n  height:\r\n    100%;\r\n\r\n  background:\r\n    var(--gold);\r\n\r\n  transition:\r\n    width .3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   QUIZ HEADER\r\n=========================================== *\/\r\n\r\n#tbsa-quiz-title {\r\n\r\n  font-size:\r\n    clamp(\r\n      34px,\r\n      4vw,\r\n      48px\r\n    );\r\n\r\n  line-height:\r\n    1.1;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    12px;\r\n\r\n}\r\n\r\n\r\n.tbsa-quiz-sub {\r\n\r\n  max-width:\r\n    720px;\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  line-height:\r\n    1.65;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    35px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   QUESTIONS\r\n=========================================== *\/\r\n\r\n.tbsa-question {\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  padding:\r\n    28px;\r\n\r\n  margin-bottom:\r\n    16px;\r\n\r\n}\r\n\r\n\r\n.tbsa-question-number {\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    .12em;\r\n\r\n  margin-bottom:\r\n    10px;\r\n\r\n}\r\n\r\n\r\n.tbsa-question-text {\r\n\r\n  font-size:\r\n    17px;\r\n\r\n  line-height:\r\n    1.6;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    22px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   YES \/ NO\r\n=========================================== *\/\r\n\r\n.tbsa-answer-row {\r\n\r\n  display:\r\n    flex;\r\n\r\n  gap:\r\n    12px;\r\n\r\n}\r\n\r\n\r\n.tbsa-answer {\r\n\r\n  flex:\r\n    1;\r\n\r\n  min-height:\r\n    50px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  background:\r\n    transparent;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    background .15s ease,\r\n    color .15s ease,\r\n    border-color .15s ease;\r\n\r\n}\r\n\r\n\r\n.tbsa-answer:hover {\r\n\r\n  border-color:\r\n    var(--gold);\r\n\r\n}\r\n\r\n\r\n.tbsa-answer.is-yes {\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  border-color:\r\n    var(--blue);\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n}\r\n\r\n\r\n.tbsa-answer.is-no {\r\n\r\n  background:\r\n    var(--gold);\r\n\r\n  border-color:\r\n    var(--gold);\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   SENSITIVE QUESTION\r\n=========================================== *\/\r\n\r\n.tbsa-warning {\r\n\r\n  display:\r\n    none;\r\n\r\n  margin-top:\r\n    18px;\r\n\r\n  padding:\r\n    18px;\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--warning);\r\n\r\n  background:\r\n    rgba(166,77,71,.07);\r\n\r\n  color:\r\n    #743934;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  line-height:\r\n    1.6;\r\n\r\n}\r\n\r\n\r\n.tbsa-warning a,\r\n#tbsa-result-warning a {\r\n\r\n  color:\r\n    inherit;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  text-decoration:\r\n    underline;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   SUBMIT\r\n=========================================== *\/\r\n\r\n.tbsa-actions {\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    flex-end;\r\n\r\n  padding-top:\r\n    22px;\r\n\r\n}\r\n\r\n\r\n#tbsa-submit {\r\n\r\n  appearance:\r\n    none;\r\n\r\n  border:\r\n    0;\r\n\r\n  border-radius:\r\n    100px;\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  padding:\r\n    15px\r\n    31px;\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#tbsa-submit:not(:disabled):hover {\r\n\r\n  opacity:\r\n    .9;\r\n\r\n  transform:\r\n    translateY(-1px);\r\n\r\n}\r\n\r\n\r\n#tbsa-submit:disabled {\r\n\r\n  opacity:\r\n    .3;\r\n\r\n  cursor:\r\n    not-allowed;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   RESULTS\r\n=========================================== *\/\r\n\r\n.tbsa-results-topic {\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  margin-bottom:\r\n    10px;\r\n\r\n}\r\n\r\n\r\n#tbsa-results-title {\r\n\r\n  max-width:\r\n    850px;\r\n\r\n  font-size:\r\n    clamp(\r\n      38px,\r\n      4vw,\r\n      54px\r\n    );\r\n\r\n  line-height:\r\n    1.1;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    32px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   RESULT METER\r\n=========================================== *\/\r\n\r\n.tbsa-meter {\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  padding:\r\n    30px;\r\n\r\n  margin-bottom:\r\n    30px;\r\n\r\n}\r\n\r\n\r\n.tbsa-meter-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  margin-bottom:\r\n    12px;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n}\r\n\r\n\r\n.tbsa-meter-track {\r\n\r\n  position:\r\n    relative;\r\n\r\n  height:\r\n    10px;\r\n\r\n  border-radius:\r\n    100px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #92a892 0%,\r\n      var(--gold) 55%,\r\n      #c77b68 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n#tbsa-meter-dot {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    4%;\r\n\r\n  top:\r\n    50%;\r\n\r\n  width:\r\n    22px;\r\n\r\n  height:\r\n    22px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  border:\r\n    3px solid\r\n    #ffffff;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  box-shadow:\r\n    0 2px 8px\r\n    rgba(0,0,0,.18);\r\n\r\n  transition:\r\n    left .5s ease;\r\n\r\n}\r\n\r\n\r\n.tbsa-meter-labels {\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    15px;\r\n\r\n  margin-top:\r\n    11px;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n}\r\n\r\n\r\n.tbsa-meter-labels span:nth-child(2) {\r\n\r\n  text-align:\r\n    center;\r\n\r\n}\r\n\r\n\r\n.tbsa-meter-labels span:last-child {\r\n\r\n  text-align:\r\n    right;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   RESULT COPY\r\n=========================================== *\/\r\n\r\n#tbsa-result-copy {\r\n\r\n  max-width:\r\n    800px;\r\n\r\n  margin-bottom:\r\n    20px;\r\n\r\n  font-size:\r\n    17px;\r\n\r\n  line-height:\r\n    1.75;\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n}\r\n\r\n\r\n#tbsa-result-copy strong {\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   DISCLAIMER\r\n=========================================== *\/\r\n\r\n.tbsa-disclaimer {\r\n\r\n  max-width:\r\n    800px;\r\n\r\n  margin-bottom:\r\n    35px;\r\n\r\n  padding:\r\n    16px\r\n    18px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n  font-size:\r\n    13.5px;\r\n\r\n  line-height:\r\n    1.65;\r\n\r\n}\r\n\r\n\r\n.tbsa-disclaimer strong {\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   CRISIS RESULT\r\n=========================================== *\/\r\n\r\n#tbsa-result-warning {\r\n\r\n  display:\r\n    none;\r\n\r\n  max-width:\r\n    800px;\r\n\r\n  margin-bottom:\r\n    30px;\r\n\r\n  padding:\r\n    20px\r\n    22px;\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--warning);\r\n\r\n  background:\r\n    rgba(166,77,71,.07);\r\n\r\n  color:\r\n    #743934;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  line-height:\r\n    1.65;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   NEXT STEP\r\n=========================================== *\/\r\n\r\n.tbsa-next-steps {\r\n\r\n  position:\r\n    relative;\r\n\r\n  max-width:\r\n    800px;\r\n\r\n  padding:\r\n    34px\r\n    34px\r\n    32px;\r\n\r\n  margin-bottom:\r\n    25px;\r\n\r\n  background:\r\n    var(--cream);\r\n\r\n}\r\n\r\n\r\n.tbsa-next-steps::before {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    0;\r\n\r\n  top:\r\n    0;\r\n\r\n  width:\r\n    75px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  background:\r\n    var(--gold);\r\n\r\n}\r\n\r\n\r\n.tbsa-next-eyebrow {\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    .15em;\r\n\r\n  margin-bottom:\r\n    10px;\r\n\r\n}\r\n\r\n\r\n.tbsa-next-steps h3 {\r\n\r\n  margin:\r\n    0\r\n    0\r\n    12px;\r\n\r\n  font-size:\r\n    27px;\r\n\r\n}\r\n\r\n\r\n.tbsa-next-steps p {\r\n\r\n  margin:\r\n    0\r\n    0\r\n    24px;\r\n\r\n  max-width:\r\n    650px;\r\n\r\n  color:\r\n    var(--soft);\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  line-height:\r\n    1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   CTA\r\n=========================================== *\/\r\n\r\n.tbsa-cta {\r\n\r\n  display:\r\n    inline-block;\r\n\r\n  padding:\r\n    13px\r\n    28px;\r\n\r\n  border-radius:\r\n    100px;\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  color:\r\n    #ffffff !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.tbsa-cta:hover {\r\n\r\n  opacity:\r\n    .88;\r\n\r\n  transform:\r\n    translateY(-1px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   TABLET\r\n=========================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #tbsa {\r\n\r\n    padding:\r\n      55px\r\n      28px\r\n      75px;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-grid {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n=========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #tbsa {\r\n\r\n    padding:\r\n      45px\r\n      20px\r\n      70px;\r\n\r\n  }\r\n\r\n\r\n  #tbsa h1 {\r\n\r\n    font-size:\r\n      44px;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-card {\r\n\r\n    min-height:\r\n      auto;\r\n\r\n    padding:\r\n      24px;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-question {\r\n\r\n    padding:\r\n      22px;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-answer-row {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-answer {\r\n\r\n    width:\r\n      100%;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-meter {\r\n\r\n    padding:\r\n      22px\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-meter-labels {\r\n\r\n    font-size:\r\n      10.5px;\r\n\r\n  }\r\n\r\n\r\n  .tbsa-next-steps {\r\n\r\n    padding:\r\n      28px\r\n      23px;\r\n\r\n  }\r\n\r\n\r\n  #tbsa-results-title {\r\n\r\n    font-size:\r\n      38px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ==========================================\r\n   ACCESSIBILITY \u2014 REDUCED MOTION\r\n=========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #tbsa *,\r\n  #tbsa *::before,\r\n  #tbsa *::after {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n    scroll-behavior:\r\n      auto !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  \/* ========================================\r\n     TEST DATA\r\n  ========================================= *\/\r\n\r\n\r\n  const categories = {\r\n\r\n\r\n    substance: {\r\n\r\n      label:\r\n        \"Substance Use\",\r\n\r\n      title:\r\n        \"Substance Use Self-Check\",\r\n\r\n      questions: [\r\n\r\n        \"Have you kept using drugs even after they caused problems with your health, relationships, or the law?\",\r\n\r\n        \"Have you tried to cut down or stop using but found you couldn't?\",\r\n\r\n        \"Do you need more of a substance than you used to, to feel the same effect?\",\r\n\r\n        \"Have you felt physically unwell, anxious, or shaky when you go without a substance for a while?\",\r\n\r\n        \"Has your drug use gotten in the way of work, school, or responsibilities at home?\",\r\n\r\n        \"Have you spent a lot of time getting, using, or recovering from drugs?\",\r\n\r\n        \"Have people close to you expressed concern about how much or how often you use?\"\r\n\r\n      ]\r\n\r\n    },\r\n\r\n\r\n\r\n    alcohol: {\r\n\r\n      label:\r\n        \"Alcohol\",\r\n\r\n      title:\r\n        \"Alcohol Self-Check\",\r\n\r\n      questions: [\r\n\r\n        \"Do you often end up drinking more, or for longer, than you meant to?\",\r\n\r\n        \"Have you tried to cut back on drinking without success?\",\r\n\r\n        \"Have you had blackouts or gaps in memory after drinking?\",\r\n\r\n        \"Has drinking caused tension or problems in your relationships or at work?\",\r\n\r\n        \"Do you get strong urges or cravings to drink?\",\r\n\r\n        \"Have you kept drinking even when it was clearly causing you physical or emotional harm?\",\r\n\r\n        \"Do you feel like you need a drink to relax, cope, or feel like yourself?\"\r\n\r\n      ]\r\n\r\n    },\r\n\r\n\r\n\r\n    depression: {\r\n\r\n      label:\r\n        \"Mood & Depression\",\r\n\r\n      title:\r\n        \"Mood Self-Check\",\r\n\r\n      crisisIndex:\r\n        6,\r\n\r\n      questions: [\r\n\r\n        \"Have you felt down, empty, or hopeless most of the day, nearly every day, for two weeks or more?\",\r\n\r\n        \"Have you lost interest or pleasure in things you used to enjoy?\",\r\n\r\n        \"Have you noticed big changes in your sleep, appetite, or energy?\",\r\n\r\n        \"Have you had trouble concentrating or making everyday decisions?\",\r\n\r\n        \"Have you felt unusually worthless or weighed down by guilt?\",\r\n\r\n        \"Have you been pulling away from friends, family, or activities?\",\r\n\r\n        \"Have you had thoughts that life isn't worth living, or that you'd be better off not here?\"\r\n\r\n      ]\r\n\r\n    },\r\n\r\n\r\n\r\n    eating: {\r\n\r\n      label:\r\n        \"Eating & Body Image\",\r\n\r\n      title:\r\n        \"Eating & Body Image Self-Check\",\r\n\r\n      questions: [\r\n\r\n        \"Do thoughts about food, eating, or your body take up a large part of your day?\",\r\n\r\n        \"Do you follow strict rules around eating, or feel intense guilt or anxiety after you eat?\",\r\n\r\n        \"Have you used behaviors around food or exercise that worry you or the people close to you?\",\r\n\r\n        \"Has your relationship with food started to affect your health, mood, or daily routine?\",\r\n\r\n        \"Do you hide your eating habits, or eat differently in private than you do around others?\",\r\n\r\n        \"Have friends or family said they're concerned about your eating or your weight?\",\r\n\r\n        \"Does thinking about food or your body cause you real distress, more days than not?\"\r\n\r\n      ]\r\n\r\n    },\r\n\r\n\r\n\r\n    behavioral: {\r\n\r\n      label:\r\n        \"Behavioral Addictions\",\r\n\r\n      title:\r\n        \"Behavioral Addictions Self-Check\",\r\n\r\n      questions: [\r\n\r\n        \"Do you feel a strong pull toward a behavior (gambling, gaming, internet use, sex, shopping, or a relationship pattern) that's hard to resist?\",\r\n\r\n        \"Have you tried to cut back or stop but found you couldn't stick to it?\",\r\n\r\n        \"Do you need to do it more often, or more intensely, to get the same sense of relief or excitement?\",\r\n\r\n        \"Has it gotten in the way of work, school, relationships, or basic self-care?\",\r\n\r\n        \"Do you feel restless, irritable, or anxious when you can't engage in it?\",\r\n\r\n        \"Have you downplayed or hidden how much you actually do it?\",\r\n\r\n        \"Has it caused money problems, legal trouble, or damaged a relationship?\"\r\n\r\n      ]\r\n\r\n    },\r\n\r\n\r\n\r\n    medication: {\r\n\r\n      label:\r\n        \"Prescription Medication\",\r\n\r\n      title:\r\n        \"Prescription Medication Self-Check\",\r\n\r\n      questions: [\r\n\r\n        \"Do you take a prescribed medication in higher doses, or more often, than directed?\",\r\n\r\n        \"Have you gotten prescriptions from more than one doctor, or gotten medication from other sources?\",\r\n\r\n        \"Do you feel like you can't function normally without taking it?\",\r\n\r\n        \"Have you felt unwell or anxious when trying to cut down or stop?\",\r\n\r\n        \"Have you kept taking it even though it was clearly causing problems in your life?\",\r\n\r\n        \"Have you used medication that wasn't prescribed to you?\",\r\n\r\n        \"Have you felt the need to hide or downplay how much you're taking?\"\r\n\r\n      ]\r\n\r\n    }\r\n\r\n  };\r\n\r\n\r\n\r\n\r\n  \/* ========================================\r\n     INITIALISE\r\n  ========================================= *\/\r\n\r\n\r\n  function initSelfAssessment() {\r\n\r\n\r\n    const root =\r\n      document.getElementById('tbsa');\r\n\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.initialized === 'true'\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    root.dataset.initialized =\r\n      'true';\r\n\r\n\r\n\r\n    const selectScreen =\r\n      document.getElementById(\r\n        'tbsa-select'\r\n      );\r\n\r\n\r\n    const quizScreen =\r\n      document.getElementById(\r\n        'tbsa-quiz'\r\n      );\r\n\r\n\r\n    const resultsScreen =\r\n      document.getElementById(\r\n        'tbsa-results'\r\n      );\r\n\r\n\r\n    const quizTitle =\r\n      document.getElementById(\r\n        'tbsa-quiz-title'\r\n      );\r\n\r\n\r\n    const questionsBox =\r\n      document.getElementById(\r\n        'tbsa-questions'\r\n      );\r\n\r\n\r\n    const progressFill =\r\n      document.getElementById(\r\n        'tbsa-progress-fill'\r\n      );\r\n\r\n\r\n    const submitButton =\r\n      document.getElementById(\r\n        'tbsa-submit'\r\n      );\r\n\r\n\r\n    const backButton =\r\n      document.getElementById(\r\n        'tbsa-back'\r\n      );\r\n\r\n\r\n    const resultsCategory =\r\n      document.getElementById(\r\n        'tbsa-results-category'\r\n      );\r\n\r\n\r\n    const resultsTitle =\r\n      document.getElementById(\r\n        'tbsa-results-title'\r\n      );\r\n\r\n\r\n    const resultCopy =\r\n      document.getElementById(\r\n        'tbsa-result-copy'\r\n      );\r\n\r\n\r\n    const meterDot =\r\n      document.getElementById(\r\n        'tbsa-meter-dot'\r\n      );\r\n\r\n\r\n    const resultWarning =\r\n      document.getElementById(\r\n        'tbsa-result-warning'\r\n      );\r\n\r\n\r\n    const retakeButton =\r\n      document.getElementById(\r\n        'tbsa-retake'\r\n      );\r\n\r\n\r\n\r\n    let currentCategory =\r\n      null;\r\n\r\n\r\n    let answers =\r\n      [];\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       SCROLL TO TOP OF TEST\r\n    ======================================= *\/\r\n\r\n\r\n    function goTop() {\r\n\r\n\r\n      root.scrollIntoView({\r\n\r\n        behavior:\r\n          'smooth',\r\n\r\n        block:\r\n          'start'\r\n\r\n      });\r\n\r\n    }\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       UPDATE PROGRESS\r\n    ======================================= *\/\r\n\r\n\r\n    function updateProgress() {\r\n\r\n\r\n      const answered =\r\n\r\n        answers.filter(\r\n\r\n          function(answer) {\r\n\r\n            return (\r\n              answer !== null\r\n            );\r\n\r\n          }\r\n\r\n        ).length;\r\n\r\n\r\n\r\n      const total =\r\n        answers.length;\r\n\r\n\r\n\r\n      progressFill.style.width =\r\n\r\n        (\r\n          (answered \/ total)\r\n          *\r\n          100\r\n        )\r\n\r\n        +\r\n\r\n        '%';\r\n\r\n\r\n\r\n      submitButton.disabled =\r\n\r\n        answered !== total;\r\n\r\n    }\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       BUILD QUIZ\r\n    ======================================= *\/\r\n\r\n\r\n    function renderQuiz(categoryKey) {\r\n\r\n\r\n      currentCategory =\r\n        categoryKey;\r\n\r\n\r\n      const category =\r\n        categories[categoryKey];\r\n\r\n\r\n      answers =\r\n        new Array(\r\n          category.questions.length\r\n        ).fill(null);\r\n\r\n\r\n      quizTitle.textContent =\r\n        category.title;\r\n\r\n\r\n      questionsBox.innerHTML =\r\n        '';\r\n\r\n\r\n      progressFill.style.width =\r\n        '0%';\r\n\r\n\r\n      submitButton.disabled =\r\n        true;\r\n\r\n\r\n\r\n      category.questions.forEach(\r\n\r\n        function(question,index) {\r\n\r\n\r\n          const questionElement =\r\n            document.createElement(\r\n              'div'\r\n            );\r\n\r\n\r\n          questionElement.className =\r\n            'tbsa-question';\r\n\r\n\r\n\r\n          const warningHTML =\r\n\r\n            category.crisisIndex === index\r\n\r\n            ?\r\n\r\n            `\r\n\r\n            <div class=\"tbsa-warning\">\r\n\r\n              <strong>\r\n                Please prioritise your immediate safety.\r\n              <\/strong>\r\n\r\n              <br><br>\r\n\r\n              If you feel you may harm yourself or are in immediate danger,\r\n              contact your local emergency services now.\r\n\r\n              If you are in Portugal, call\r\n              <a href=\"tel:112\">112<\/a>.\r\n\r\n              For suicidal thoughts or self-harm, you can also contact\r\n              Portugal\u2019s National Suicide Prevention and Psychological\r\n              Support Line on\r\n              <a href=\"tel:1411\">1411<\/a>.\r\n\r\n              If you are outside Portugal, contact the emergency or crisis\r\n              service in your country.\r\n\r\n            <\/div>\r\n\r\n            `\r\n\r\n            :\r\n\r\n            '';\r\n\r\n\r\n\r\n          questionElement.innerHTML = `\r\n\r\n\r\n            <div class=\"tbsa-question-number\">\r\n\r\n              QUESTION ${index + 1}\r\n              OF ${category.questions.length}\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"tbsa-question-text\">\r\n\r\n              ${question}\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"tbsa-answer-row\">\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"tbsa-answer tbsa-yes\">\r\n\r\n                Yes\r\n\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"tbsa-answer tbsa-no\">\r\n\r\n                No\r\n\r\n              <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            ${warningHTML}\r\n\r\n          `;\r\n\r\n\r\n\r\n          const yesButton =\r\n            questionElement.querySelector(\r\n              '.tbsa-yes'\r\n            );\r\n\r\n\r\n          const noButton =\r\n            questionElement.querySelector(\r\n              '.tbsa-no'\r\n            );\r\n\r\n\r\n          const warning =\r\n            questionElement.querySelector(\r\n              '.tbsa-warning'\r\n            );\r\n\r\n\r\n\r\n          yesButton.addEventListener(\r\n\r\n            'click',\r\n\r\n            function() {\r\n\r\n\r\n              answers[index] =\r\n                1;\r\n\r\n\r\n              yesButton.classList.add(\r\n                'is-yes'\r\n              );\r\n\r\n\r\n              noButton.classList.remove(\r\n                'is-no'\r\n              );\r\n\r\n\r\n              if (warning) {\r\n\r\n                warning.style.display =\r\n                  'block';\r\n\r\n              }\r\n\r\n\r\n              updateProgress();\r\n\r\n            }\r\n\r\n          );\r\n\r\n\r\n\r\n          noButton.addEventListener(\r\n\r\n            'click',\r\n\r\n            function() {\r\n\r\n\r\n              answers[index] =\r\n                0;\r\n\r\n\r\n              noButton.classList.add(\r\n                'is-no'\r\n              );\r\n\r\n\r\n              yesButton.classList.remove(\r\n                'is-yes'\r\n              );\r\n\r\n\r\n              if (warning) {\r\n\r\n                warning.style.display =\r\n                  'none';\r\n\r\n              }\r\n\r\n\r\n              updateProgress();\r\n\r\n            }\r\n\r\n          );\r\n\r\n\r\n\r\n          questionsBox.appendChild(\r\n            questionElement\r\n          );\r\n\r\n        }\r\n\r\n      );\r\n\r\n\r\n\r\n      selectScreen.style.display =\r\n        'none';\r\n\r\n\r\n      resultsScreen.style.display =\r\n        'none';\r\n\r\n\r\n      quizScreen.style.display =\r\n        'block';\r\n\r\n\r\n      goTop();\r\n\r\n    }\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       SHOW RESULTS\r\n    ======================================= *\/\r\n\r\n\r\n    function showResults() {\r\n\r\n\r\n      const category =\r\n        categories[currentCategory];\r\n\r\n\r\n\r\n      const score =\r\n\r\n        answers.reduce(\r\n\r\n          function(total,answer) {\r\n\r\n            return (\r\n              total + answer\r\n            );\r\n\r\n          },\r\n\r\n          0\r\n\r\n        );\r\n\r\n\r\n\r\n      const total =\r\n        category.questions.length;\r\n\r\n\r\n\r\n      const percentage =\r\n\r\n        Math.round(\r\n\r\n          (score \/ total)\r\n          *\r\n          100\r\n\r\n        );\r\n\r\n\r\n\r\n      let headline =\r\n        '';\r\n\r\n\r\n      let copy =\r\n        '';\r\n\r\n\r\n\r\n\r\n      \/* LOWER CONCERN *\/\r\n\r\n\r\n      if (score <= 1) {\r\n\r\n\r\n        headline =\r\n\r\n          'A few things worth keeping an eye on';\r\n\r\n\r\n\r\n        copy = `\r\n\r\n          You answered\r\n\r\n          <strong>\r\n            Yes to ${score} of ${total} questions.\r\n          <\/strong>\r\n\r\n          Your answers fall toward the lower end of this self-check.\r\n\r\n          That does not mean your concerns should be ignored.\r\n\r\n          Any pattern that is causing distress or affecting your daily\r\n          life may still be worth discussing with a qualified professional.\r\n\r\n        `;\r\n\r\n      }\r\n\r\n\r\n\r\n\r\n      \/* WORTH A CLOSER LOOK *\/\r\n\r\n\r\n      else if (score <= 3) {\r\n\r\n\r\n        headline =\r\n\r\n          'This may be worth a closer look';\r\n\r\n\r\n\r\n        copy = `\r\n\r\n          You answered\r\n\r\n          <strong>\r\n            Yes to ${score} of ${total} questions.\r\n          <\/strong>\r\n\r\n          Your answers suggest that this area may be having a meaningful\r\n          impact on your wellbeing or daily life.\r\n\r\n          A conversation with a qualified professional could help you\r\n          understand the situation more clearly and decide whether\r\n          additional support would be useful.\r\n\r\n        `;\r\n\r\n      }\r\n\r\n\r\n\r\n\r\n      \/* HIGHER CONCERN *\/\r\n\r\n\r\n      else {\r\n\r\n\r\n        headline =\r\n\r\n          'It may be a good time to reach out for support';\r\n\r\n\r\n\r\n        copy = `\r\n\r\n          You answered\r\n\r\n          <strong>\r\n            Yes to ${score} of ${total} questions.\r\n          <\/strong>\r\n\r\n          Your answers suggest that this area may be having a significant\r\n          impact on your wellbeing or daily life.\r\n\r\n          This self-check cannot diagnose a condition, but it does suggest\r\n          that a conversation with a qualified professional would be a\r\n          sensible next step.\r\n\r\n        `;\r\n\r\n      }\r\n\r\n\r\n\r\n\r\n      resultsCategory.textContent =\r\n        category.label;\r\n\r\n\r\n      resultsTitle.textContent =\r\n        headline;\r\n\r\n\r\n      resultCopy.innerHTML =\r\n        copy;\r\n\r\n\r\n\r\n\r\n      \/* DOT POSITION *\/\r\n\r\n\r\n      meterDot.style.left =\r\n\r\n        Math.max(\r\n\r\n          4,\r\n\r\n          Math.min(\r\n            96,\r\n            percentage\r\n          )\r\n\r\n        )\r\n\r\n        +\r\n\r\n        '%';\r\n\r\n\r\n\r\n\r\n      \/* CRISIS FLAG *\/\r\n\r\n\r\n      const crisisFlag =\r\n\r\n        category.crisisIndex !== undefined\r\n\r\n        &&\r\n\r\n        answers[\r\n          category.crisisIndex\r\n        ] === 1;\r\n\r\n\r\n\r\n      resultWarning.style.display =\r\n\r\n        crisisFlag\r\n\r\n        ?\r\n\r\n        'block'\r\n\r\n        :\r\n\r\n        'none';\r\n\r\n\r\n\r\n\r\n      \/* CHANGE SCREEN *\/\r\n\r\n\r\n      quizScreen.style.display =\r\n        'none';\r\n\r\n\r\n      selectScreen.style.display =\r\n        'none';\r\n\r\n\r\n      resultsScreen.style.display =\r\n        'block';\r\n\r\n\r\n      goTop();\r\n\r\n    }\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       CATEGORY BUTTONS\r\n    ======================================= *\/\r\n\r\n\r\n    root.querySelectorAll(\r\n      '.tbsa-card'\r\n    ).forEach(\r\n\r\n      function(card) {\r\n\r\n\r\n        card.addEventListener(\r\n\r\n          'click',\r\n\r\n          function() {\r\n\r\n\r\n            renderQuiz(\r\n\r\n              this.getAttribute(\r\n                'data-category'\r\n              )\r\n\r\n            );\r\n\r\n          }\r\n\r\n        );\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       BACK\r\n    ======================================= *\/\r\n\r\n\r\n    backButton.addEventListener(\r\n\r\n      'click',\r\n\r\n      function() {\r\n\r\n\r\n        quizScreen.style.display =\r\n          'none';\r\n\r\n\r\n        resultsScreen.style.display =\r\n          'none';\r\n\r\n\r\n        selectScreen.style.display =\r\n          'block';\r\n\r\n\r\n        goTop();\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       RESULTS BUTTON\r\n    ======================================= *\/\r\n\r\n\r\n    submitButton.addEventListener(\r\n\r\n      'click',\r\n\r\n      showResults\r\n\r\n    );\r\n\r\n\r\n\r\n\r\n    \/* ======================================\r\n       TAKE ANOTHER TEST\r\n    ======================================= *\/\r\n\r\n\r\n    retakeButton.addEventListener(\r\n\r\n      'click',\r\n\r\n      function() {\r\n\r\n\r\n        resultsScreen.style.display =\r\n          'none';\r\n\r\n\r\n        quizScreen.style.display =\r\n          'none';\r\n\r\n\r\n        selectScreen.style.display =\r\n          'block';\r\n\r\n\r\n        goTop();\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n\r\n  \/* ========================================\r\n     START\r\n  ========================================= *\/\r\n\r\n\r\n  if (\r\n    document.readyState === 'loading'\r\n  ) {\r\n\r\n\r\n    document.addEventListener(\r\n\r\n      'DOMContentLoaded',\r\n\r\n      initSelfAssessment\r\n\r\n    );\r\n\r\n\r\n  }\r\n\r\n  else {\r\n\r\n\r\n    initSelfAssessment();\r\n\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRIVATE &amp; CONFIDENTIAL Check in with yourself. A short, private self-assessment to help you reflect on your relationship with substances, food, mood or certain behaviours \u2014 and whether it might be time to talk to someone. \u2713 Your answers stay in your browser. They are not submitted to us, stored or shared. Choose the area [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/pages\/4445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/comments?post=4445"}],"version-history":[{"count":24,"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/pages\/4445\/revisions"}],"predecessor-version":[{"id":4496,"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/pages\/4445\/revisions\/4496"}],"wp:attachment":[{"href":"https:\/\/beginning-recovery.com\/pt\/wp-json\/wp\/v2\/media?parent=4445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}