#set document(title: "12.1 Getting Started", author: "OpenStax / XYZ Homework")
#set page(width: 8.5in, height: auto, margin: 1in)
#import "@preview/cetz:0.5.2"
#set text(font: ("STIX Two Text", "Libertinus Serif", "New Computer Modern"), size: 10.5pt, lang: "en")
#show math.equation: set text(font: ("STIX Two Math", "New Computer Modern Math"))
#set par(justify: true, leading: 0.62em, spacing: 0.9em)
#set enum(spacing: 1.1em)   // room between list items so tall inline fractions don't collide
#set list(spacing: 1.1em)
#set table(stroke: 0.5pt + rgb("#c7ccd3"))

#let BLUE = rgb("#183B6F")     // brand navy — section bars + example/solution labels (white on navy 11.09:1)
#let ORANGE = rgb("#A94509")   // brand primary-700 — AA-safe deep orange for TEXT (5.93:1 on white; raw brand #F37021 is 2.94:1 and must never carry text)
#let RED = rgb("#DC2626")      // brand error-600
#let GREEN = rgb("#059669")    // brand success-600 (decoration only; small green text uses green-text #007942)

#show heading.where(level: 1): it => block(width: 100%, above: 0pt, below: 16pt,
  fill: gradient.linear(BLUE, rgb("#2C5AA0")), inset: (x: 14pt, y: 12pt), radius: 3pt,
  text(fill: white, weight: "bold", size: 19pt, it.body))
#show heading.where(level: 2): it => block(width: 100%, above: 18pt, below: 10pt,
  fill: BLUE, inset: (x: 10pt, y: 6pt), radius: 2pt,
  text(fill: white, weight: "bold", size: 12pt, it.body))
#show heading.where(level: 3): it => text(fill: ORANGE, weight: "bold", size: 12.5pt, it.body)
#show heading.where(level: 4): it => text(fill: BLUE, weight: "bold", size: 10.5pt, it.body)

#let examplebox(label, title, body) = block(width: 100%, breakable: true,
  fill: rgb("#EFF1F5"), stroke: 0.5pt + rgb("#CFDDF0"), radius: 4pt, inset: 10pt,
  above: 12pt, below: 12pt)[
  #block(below: 6pt)[#box(fill: BLUE, inset: (x: 6pt, y: 2pt), radius: 2pt,
    text(fill: white, weight: "bold", size: 8.5pt, label)) #h(0.4em) #strong[#title]]
  #body]

// rail = decorative left rule (raw brand token); labelcolor = AA-safe label text shade
#let notebox(label, rail, labelcolor, tint, body) = block(width: 100%, breakable: true, fill: tint,
    stroke: (left: 3pt + rail), inset: (left: 10pt, rest: 8pt), radius: (right: 4pt),
    above: 11pt, below: 11pt)[
    #text(fill: labelcolor, weight: "bold", size: 7.5pt, tracking: 0.5pt)[#upper(label)]
    #linebreak() #body]

#let solutionbox(body) = block(above: 4pt, below: 8pt)[
  #text(fill: BLUE, weight: "bold", size: 8.5pt)[Solution] #linebreak() #body]

#let figph(msg) = block(width: 100%, height: 60pt, fill: rgb("#f6f7f9"),
  stroke: (paint: rgb("#c7ccd3"), dash: "dashed"), radius: 4pt, inset: 10pt)[
  #align(center + horizon, text(fill: rgb("#889"), style: "italic", size: 9pt, msg))]

// Standardize inlined figure sizes: measure the natural CeTZ canvas, then scale to a
// consistent envelope (aspect-aware; see build_typst.py FIG_* constants). Unlike the
// print preamble, dimensions are FLOORED: in an editor a user can trim a figure to a
// degenerate 1-D shape (a bare line), and w/h or tw/w would then divide by zero.
#let _STD_W = 3.5
#let _WIDE_W = 5.6
#let _MAX_H = 3.4
#let _ASPECT_WIDE = 2.2
#let _UPSCALE_MAX = 1.15
#let stdfig(body) = context {
  let m = measure(body)
  let w = calc.max(m.width / 1in, 0.01)
  let h = calc.max(m.height / 1in, 0.01)
  let tw = if w / h > _ASPECT_WIDE { _WIDE_W } else { _STD_W }
  let s = calc.min(tw / w, _MAX_H / h, _UPSCALE_MAX)
  align(center, box(scale(x: s * 100%, y: s * 100%, reflow: true, body)))
}

#show figure: set block(breakable: false)
#set figure(gap: 8pt)
#show figure.caption: set text(size: 8.5pt, fill: rgb("#555"))


    
== 12.1#h(0.6em)Getting Started


    
      
=== On and Off


      This web edition of the textbook does not embed the calculator in the page. To follow along with the examples in this appendix, open the free GeoGebra Graphing Calculator at #link("https://www.geogebra.org/graphing")[www.geogebra.org/graphing] in a separate browser tab or window, or install the GeoGebra Graphing Calculator app on a phone or tablet. If your screen is wide enough, arrange the calculator and the book side by side. When you are finished, simply close the calculator tab or app.


    
    
      
=== Numbers and Operations


      #examplebox("Example 1")[][
Compute #math.equation(block: false, alt: "5 minus 8")[$5 − 8$].


        Enter #math.equation(block: false, alt: "5")[$#h(2em) 5 " "$]#math.equation(block: false, alt: "8")[$" " 8$]


        and even before we press , GeoGebra shows the result #math.equation(block: false, alt: "minus 3")[$− 3$] below the input box.


        If we do press , GeoGebra shows


        #math.equation(block: true, alt: "a equals 5 minus 8; → minus 3")[$#h(2em)  & a = 5 − 8 \  & → − 3$]


        in an output history region above the input box. There is a scroll bar to the right of the output history and the input box.
]


      #examplebox("Example 2")[][
Compute #math.equation(block: false, alt: "minus 5 plus 8")[$− 5 + 8$].


        Enter #math.equation(block: false, alt: "5")[$#h(2em) " " 5 " "$]#math.equation(block: false, alt: "8")[$" " 8$]


        to see the result #math.equation(block: false, alt: "3")[$3$]
]


      We press  to tell the calculator to store the computation. We can use the scroll bar to see the input box or the output history of previous computations.


      The calculator has a key for the value of #math.equation(block: false, alt: "π")[$π$].


      #examplebox("Example 3")[][
Compute #math.equation(block: false, alt: "2 π")[$2 π$].


        Enter #math.equation(block: false, alt: "2")[$#h(2em) 2$]  #math.equation(block: false, alt: "π")[$#box(stroke: 0.6pt, inset: 3pt, outset: 0pt)[$display(π #hide($1$))$] #h(1em)$] or #math.equation(block: false, alt: "2 π")[$#h(1em) 2 " " #box(stroke: 0.6pt, inset: 3pt, outset: 0pt)[$display(π #hide($1$))$]$]


        to get the approximation #math.equation(block: false, alt: "6.2831853071796")[$6.2831853071796$]
]


    
    
      
=== Delete and Undo


      Press the backspace key (shown in the keyboard image) to delete the character before the cursor or any highlighted characters.


      To remove an item from the output history, tap the kebab menu icon (three vertically stacked dots) to the right of the item, then tap "Delete".


      To remove the most recent item in the output history, tap the #emph[Undo] icon in the Graphics View. (The icon looks like an arched arrow pointing left.)