               display: 'inline-block'
               marginRight: 10
 
-          "Important point"
+          "Important point#{if included then '' else '?'}" 
 
 
       if is_selected

      sign_name : if @props.fresh then true else !@data().hide_name
      add_details : false

    textarea_style = 
      width: '100%'
      overflow: 'hidden'
      fontSize: 14
      padding: '4px 6px'

    guidelines_w = 230
    guidelines_h = 238

    singular =  if @props.valence == 'pros' 
                  customization('point_labels.pro', @proposal)
                else 
                  customization('point_labels.con', @proposal)

    plural =  if @props.valence == 'pros' 
                customization('point_labels.pros', @proposal)
              else 
                customization('point_labels.cons', @proposal)


    DIV
      className: 'edit_point'
      style: 
        position: 'relative'
        fontSize: 14
        zIndex: 1
        marginTop: if TWO_COL() then 40

      if !@props.fresh
        LABEL 
          htmlFor:'nutshell'
          'Your point'
      else
        DIV
          style: 
            color: focus_blue
            position: 'absolute'
            top: -22
          "Write a new "
          capitalize \
            if @props.valence == 'pros' 
              customization('point_labels.pro', @proposal)
            else 
              customization('point_labels.con', @proposal)


      DIV
        style: 
          position: 'relative'

        # guidelines/tips for good points
        DIV 
          style:
            position: 'absolute'
            left: if @props.valence == 'pros' then -280 else 280
            width: guidelines_w
            color: focus_blue
            zIndex: 1
            

          SVG
            width: guidelines_w + 28
            height: guidelines_h
            viewBox: "-4 0 #{guidelines_w+20 + 9} #{guidelines_h}"
            style: css.crossbrowserify
              position: 'absolute'
              transform: if @props.valence == 'cons' then 'scaleX(-1)'
              left: if @props.valence == 'cons' then -20

            DEFS null,
              svg.dropShadow 
                id: "guidelines-shadow"
                dx: '0'
                dy: '2'
                stdDeviation: "3"
                opacity: .5

            PATH
              stroke: focus_blue #'#ccc'
              strokeWidth: 1
              fill: "#FFF"
              filter: 'url(#guidelines-shadow)'

              d: """
                  M#{guidelines_w},33
                  L#{guidelines_w},0
                  L1,0
                  L1,#{guidelines_h} 
                  L#{guidelines_w},#{guidelines_h} 
                  L#{guidelines_w},58
                  L#{guidelines_w + 20},48
                  L#{guidelines_w},33 
                  Z
                 """
          DIV 
            style: 
              padding: '14px 18px'
              position: 'relative'
              marginLeft: 5


            SPAN 
              style: 
                fontWeight: 600
              "Write a "
              capitalize singular
              ' (or question) for this proposal'

            UL 
              style: 
                listStylePosition: 'outside'
                marginLeft: 16
                marginTop: 5

              do ->
                tips = ["Make one coherent point. Add multiple #{capitalize(plural)} if you have more.",
                        "Be direct. The summary is your main point.",
                        "Review your language. Don’t be careless.",
                        "No personal attacks."
                       ]

                for tip in tips
                  LI 
                    style: 
                      paddingBottom: 3
                    tip                                  


        CharacterCountTextInput 

            A 
              'data-action': 'delete-point'
              style:
                fontSize: if browser.is_mobile then 18 else 14
                color: focus_blue
                padding: '3px 8px'
              onClick: (e) =>
                e.stopPropagation()
                if confirm('Delete this point forever?')
