Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

If you shine a flashlight at an apple, the apple doesn't start glowing in the dark once you switch the flashlight off.

Yet one of the most common science exam mistakes is assuming that anything exposed to nuclear radiation becomes radioactive itself.

To master radiation safety, you must understand the critical difference between **irradiation** and **radioactive contamination**.

**Irradiation** occurs when an object is exposed to ionizing radiation coming from an external source.

During irradiation, radiation waves or particles travel through the object, but the radioactive material itself never touches it.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Food Irradiation Diagram</title>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: transparent;
      color: #0f172a;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      min-height: 100vh;
      padding: 12px 10px;
      user-select: none;
    }

    /* Top Control Bar with responsive wrapping */
    .top-bar {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px 14px;
      width: 100%;
      max-width: 580px;
      margin-bottom: 12px;
      padding: 0 4px;
    }
    .status-text {
      font-size: 14px;
      font-weight: 700;
      color: #1e293b;
      line-height: 1.3;
      flex: 1 1 200px;
    }
    .toggle-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #2563eb;
      color: #ffffff;
      border: 1px solid #1d4ed8;
      padding: 7px 15px;
      border-radius: 20px;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
      transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .toggle-btn:hover {
      background: #1d4ed8;
      box-shadow: 0 3px 6px rgba(37, 99, 235, 0.3);
    }
    .toggle-btn:focus-visible {
      outline: 2px solid #2563eb;
      outline-offset: 2px;
    }
    .toggle-btn.off {
      background: #475569;
      border-color: #334155;
      box-shadow: 0 2px 4px rgba(71, 85, 105, 0.2);
    }
    .toggle-btn.off:hover {
      background: #334155;
    }
    .btn-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #22c55e;
      transition: background 0.2s ease;
    }
    .toggle-btn.off .btn-dot {
      background: #ef4444;
    }

    /* Main Stage */
    .stage {
      position: relative;
      width: 100%;
      max-width: 580px;
    }

    svg {
      width: 100%;
      height: auto;
      display: block;
    }

    /* Smooth, non-strobing Gamma Wave Animation (2.2s linear cycle) */
    .gamma-ray {
      stroke: #2563eb;
      stroke-width: 2.5;
      fill: none;
      stroke-dasharray: 8 8;
      animation: rayTravel 2.2s linear infinite;
      transition: opacity 0.25s ease;
    }
    @keyframes rayTravel {
      0% { stroke-dashoffset: 32; }
      100% { stroke-dashoffset: 0; }
    }

    .beam-zone {
      fill: rgba(37, 99, 235, 0.08);
      transition: opacity 0.25s ease;
    }

    /* Off States */
    .is-off .gamma-ray {
      opacity: 0;
      animation: none;
    }
    .is-off .beam-zone {
      opacity: 0;
    }
    .is-off .ray-callout {
      opacity: 0.3;
    }
    .is-off .bacteria-dying {
      opacity: 0;
    }
    .is-off .bacteria-idle {
      opacity: 1 !important;
    }

    .bacteria-idle {
      opacity: 0;
      transition: opacity 0.25s ease;
    }

    /* Microbes & labels */
    .microbe {
      font-size: 16px;
    }

    .detector-badge {
      font-weight: 800;
      font-size: 15px;
      fill: #15803d;
    }
    .detector-sub {
      font-size: 12px;
      fill: #1e293b;
      font-weight: 700;
    }
    .label-title {
      font-size: 13px;
      font-weight: 700;
      fill: #0f172a;
    }
    .label-sub {
      font-size: 12px;
      font-weight: 600;
      fill: #475569;
    }
    .phase-pill {
      font-size: 12px;
      font-weight: 800;
      fill: #475569;
    }
    .ray-callout {
      transition: opacity 0.25s ease;
    }
  </style>
</head>
<body>

  
  <div class="top-bar">
    <span class="status-text" id="statusSummary">Cobalt-60 gamma sterilizer active</span>
    <button id="toggleBtn" class="toggle-btn" onclick="toggleSource()" aria-label="Toggle Gamma Source">
      <span class="btn-dot"></span>
      <span id="btnLabel">Turn Source OFF</span>
    </button>
  </div>

  
  <div class="stage" id="stage">
    <svg viewBox="0 0 540 340" aria-label="Gamma Food Irradiation Demonstration">
      <defs>
        
        <linearGradient id="leadGrad" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stop-color="#64748b"/>
          <stop offset="100%" stop-color="#334155"/>
        </linearGradient>

        
        <linearGradient id="sensorGrad" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stop-color="#ffffff"/>
          <stop offset="100%" stop-color="#f8fafc"/>
        </linearGradient>

        
        <marker id="rayArrow" viewBox="0 0 8 8" refX="6" refY="4" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
          <path d="M 1 1 L 7 4 L 1 7 z" fill="#2563eb"/>
        </marker>
      </defs>

      
      <g>
        <rect x="25" y="6" width="130" height="22" rx="11" fill="#f1f5f9" stroke="#cbd5e1" stroke-width="1"/>
        <text x="90" y="21" text-anchor="middle" class="phase-pill">1. BEFORE</text>

        <rect x="205" y="6" width="130" height="22" rx="11" fill="#eff6ff" stroke="#bfdbfe" stroke-width="1"/>
        <text x="270" y="21" text-anchor="middle" class="phase-pill" fill="#1e40af" style="fill:#1e40af;">2. IRRADIATION</text>

        <rect x="385" y="6" width="130" height="22" rx="11" fill="#f0fdf4" stroke="#bbf7d0" stroke-width="1"/>
        <text x="450" y="21" text-anchor="middle" class="phase-pill" fill="#166534" style="fill:#166534;">3. AFTER</text>
      </g>

      
      <g transform="translate(30, 252)">
        <rect x="0" y="16" width="480" height="10" rx="5" fill="#94a3b8"/>
        
        <circle cx="25" cy="21" r="8" fill="#475569"/>
        <circle cx="240" cy="21" r="8" fill="#475569"/>
        <circle cx="455" cy="21" r="8" fill="#475569"/>
        <text x="240" y="44" text-anchor="middle" class="label-sub">Conveyor Belt Motion →</text>
      </g>

      
      <polygon id="beamZone" class="beam-zone" points="236,104 304,104 350,252 190,252"/>

      
      
      <text x="270" y="46" text-anchor="middle" class="label-title" fill="#0f172a">Cobalt-60 Source</text>

      <g transform="translate(232, 54)">
        
        <rect x="0" y="0" width="76" height="42" rx="6" fill="url(#leadGrad)" stroke="#1e293b" stroke-width="1.5"/>
        
        <polygon points="22,42 54,42 46,35 30,35" fill="#0f172a"/>
        
        <circle cx="38" cy="19" r="13" fill="#3b82f6"/>
        <circle cx="38" cy="19" r="4.5" fill="#ffffff"/>
        
        <text x="38" y="23" font-size="11" font-weight="900" fill="#0f172a" text-anchor="middle">☢</text>
      </g>

      
      <g id="raysGroup">
        <path class="gamma-ray" d="M 248 102 Q 240 138, 248 176 T 244 252"/>
        <path class="gamma-ray" d="M 262 102 Q 270 138, 262 176 T 268 252"/>
        <path class="gamma-ray" d="M 278 102 Q 270 138, 278 176 T 272 252"/>
        <path class="gamma-ray" d="M 292 102 Q 300 138, 292 176 T 296 252"/>
      </g>

      
      <g id="rayCallout" class="rayCallout ray-callout">
        <rect x="110" y="112" width="108" height="24" rx="5" fill="#eff6ff" stroke="#bfdbfe" stroke-width="1"/>
        <text x="164" y="128" text-anchor="middle" font-size="12" font-weight="700" fill="#1d4ed8">Gamma rays (γ)</text>
        <line x1="218" y1="124" x2="242" y2="134" stroke="#2563eb" stroke-width="1.5" marker-end="url(#rayArrow)"/>
      </g>

      
      <g transform="translate(90, 210)">
        <text x="0" y="32" font-size="36" text-anchor="middle">🍓</text>
        
        <text x="-18" y="10" class="microbe">🦠</text>
        <text x="14" y="15" class="microbe">🦠</text>
        <text x="0" y="58" text-anchor="middle" class="label-sub">Bacteria present</text>
      </g>

      
      <g transform="translate(270, 210)">
        <text x="0" y="32" font-size="36" text-anchor="middle">🍓</text>
        
        <g id="bacteriaDying" class="bacteria-dying">
          <text x="-18" y="10" class="microbe" opacity="0.65">🦠</text>
          <text x="-18" y="10" font-size="13" fill="#dc2626" font-weight="900">✕</text>
          <text x="14" y="15" class="microbe" opacity="0.65">🦠</text>
          <text x="14" y="15" font-size="13" fill="#dc2626" font-weight="900">✕</text>
          <text x="0" y="58" text-anchor="middle" font-size="12" font-weight="700" fill="#1d4ed8">Bacteria killed</text>
        </g>
        
        <g id="bacteriaIdle" class="bacteria-idle">
          <text x="-18" y="10" class="microbe">🦠</text>
          <text x="14" y="15" class="microbe">🦠</text>
          <text x="0" y="58" text-anchor="middle" class="label-sub">Source is off</text>
        </g>
      </g>

      
      <g transform="translate(450, 210)">
        <text x="0" y="32" font-size="36" text-anchor="middle">🍓</text>
        
        <text x="16" y="8" font-size="16" fill="#eab308">✦</text>
        <text x="-20" y="14" font-size="13" fill="#eab308">✦</text>
        <text x="0" y="58" text-anchor="middle" class="label-sub">Safe &amp; sterile</text>

        
        <g transform="translate(-64, -156)">
          <rect x="0" y="0" width="128" height="56" rx="8" fill="url(#sensorGrad)" stroke="#cbd5e1" stroke-width="1.5"/>
          <text x="64" y="24" text-anchor="middle" class="detector-badge">0 Bq</text>
          <text x="64" y="44" text-anchor="middle" class="detector-sub">NOT radioactive</text>
          
          
          <line x1="64" y1="56" x2="64" y2="108" stroke="#64748b" stroke-width="1.8" stroke-dasharray="3 3"/>
          <circle cx="64" cy="110" r="3.5" fill="#475569"/>
        </g>
      </g>
    </svg>
  </div>

  <script>
    let isSourceOn = true;

    function toggleSource() {
      isSourceOn = !isSourceOn;
      const stage = document.getElementById('stage');
      const btn = document.getElementById('toggleBtn');
      const btnLabel = document.getElementById('btnLabel');
      const statusSummary = document.getElementById('statusSummary');

      if (isSourceOn) {
        stage.classList.remove('is-off');
        btn.classList.remove('off');
        btnLabel.textContent = 'Turn Source OFF';
        statusSummary.textContent = 'Cobalt-60 gamma sterilizer active';
      } else {
        stage.classList.add('is-off');
        btn.classList.add('off');
        btnLabel.textContent = 'Turn Source ON';
        statusSummary.textContent = 'Gamma source stopped (Safe/Idle)';
      }
    }
  </script>
</body>
</html>

The key rule of irradiation: **the irradiated object does not become radioactive**.

As soon as you move away from the source or turn it off, the exposure stops instantly.

What happens if radioactive particles actually transfer onto your skin, clothes, or food?

## Contamination: Radioactive Atoms on the Loose

**Radioactive contamination** happens when unwanted radioactive atoms (isotopes) get onto or inside an object or person.

A **radioactive isotope** is an unstable atom that releases energy by emitting ionizing particles as it decays.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Irradiation vs. Contamination</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      background: transparent;
      padding: 8px 10px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .header {
      text-align: center;
    }
    .title {
      font-size: 16px;
      font-weight: 700;
      color: #0f172a;
    }
    .panels-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      width: 100%;
    }
    @media (max-width: 480px) {
      .panels-grid {
        grid-template-columns: 1fr;
        gap: 8px;
      }
    }
    .panel-card {
      background: #f8fafc;
      border-radius: 10px;
      padding: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }
    .panel-title {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 2px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .badge {
      font-size: 10.5px;
      font-weight: 600;
      padding: 2px 8px;
      border-radius: 999px;
      margin-bottom: 4px;
    }
    .badge-blue {
      background: #e0f2fe;
      color: #0369a1;
    }
    .badge-amber {
      background: #fef3c7;
      color: #b45309;
    }
    .scene-svg {
      width: 100%;
      max-width: 260px;
      height: auto;
      display: block;
    }
    .caption-box {
      margin-top: 6px;
      padding: 6px 8px;
      border-radius: 6px;
      font-size: 11.5px;
      line-height: 1.35;
      text-align: center;
      width: 100%;
    }
    .caption-irr {
      background: #f1f5f9;
      color: #334155;
    }
    .caption-con {
      background: #fffbeb;
      color: #92400e;
    }
    .caption-box strong {
      display: block;
      font-size: 11.5px;
      margin-top: 2px;
    }

    /* Wave animations */
    @keyframes wavePass {
      0% { stroke-dashoffset: 60; opacity: 0.2; }
      50% { opacity: 1; }
      100% { stroke-dashoffset: 0; opacity: 0.2; }
    }
    .wave-line {
      stroke: #8b5cf6;
      stroke-width: 2.5;
      stroke-linecap: round;
      fill: none;
      stroke-dasharray: 8, 4;
      animation: wavePass 2s linear infinite;
    }

    .emit-ray {
      stroke: #f59e0b;
      stroke-width: 2;
      stroke-linecap: round;
      opacity: 0.85;
      animation: rayBlink 1.5s ease-in-out infinite alternate;
    }
    @keyframes rayBlink {
      0% { opacity: 0.3; stroke-width: 1.5; }
      100% { opacity: 1; stroke-width: 2.5; }
    }
    .dust-particle {
      fill: #f59e0b;
      stroke: #d97706;
      stroke-width: 1;
    }
    .particle-pulse {
      animation: glowParticle 1.8s ease-in-out infinite alternate;
    }
    @keyframes glowParticle {
      0% { filter: drop-shadow(0 0 1px #f59e0b); }
      100% { filter: drop-shadow(0 0 4px #d97706); }
    }
  </style>
</head>
<body>

  <div class="header">
    <div class="title">Irradiation vs. Contamination</div>
  </div>

  <div class="panels-grid">
    
    <div class="panel-card">
      <div class="panel-title">Irradiation</div>
      <div class="badge badge-blue">External Exposure</div>

      <svg class="scene-svg" viewBox="0 0 240 175" aria-label="Diagram showing irradiation process">
        <defs>
          <linearGradient id="rockGrad" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#a855f7" />
            <stop offset="100%" stop-color="#6b21a8" />
          </linearGradient>
        </defs>

        
        <g transform="translate(165, 14)">
          <rect x="-46" y="-10" width="92" height="20" rx="10" fill="#10b981" />
          <text x="0" y="3.5" font-size="9" text-anchor="middle" fill="#ffffff" font-weight="700" letter-spacing="0.3">NOT RADIOACTIVE</text>
        </g>

        
        <rect x="15" y="75" width="46" height="55" rx="4" fill="#e2e8f0" stroke="#94a3b8" stroke-width="2" />
        <rect x="20" y="80" width="36" height="45" rx="2" fill="#ede9fe" stroke="#c4b5fd" stroke-width="1.5" />
        
        <polygon points="28,115 35,90 48,94 52,115 40,120" fill="url(#rockGrad)" />
        
        <text x="38" y="110" font-size="14" text-anchor="middle" fill="#facc15">☢</text>
        <text x="38" y="142" font-size="9" text-anchor="middle" fill="#64748b" font-weight="600">Source</text>

        
        <path class="wave-line" d="M 58 88 Q 95 82 130 88 T 205 88" />
        <path class="wave-line" d="M 58 102 Q 95 96 130 102 T 205 102" style="animation-delay: -0.5s;" />
        <path class="wave-line" d="M 58 116 Q 95 110 130 116 T 205 116" style="animation-delay: -1s;" />

        
        
        <circle cx="165" cy="48" r="14" fill="#cbd5e1" stroke="#475569" stroke-width="2" />
        
        <rect x="153" y="64" width="24" height="48" rx="8" fill="#e2e8f0" stroke="#475569" stroke-width="2" />
        
        <line x1="151" y1="70" x2="140" y2="103" stroke="#475569" stroke-width="4" stroke-linecap="round" />
        <line x1="179" y1="70" x2="190" y2="103" stroke="#475569" stroke-width="4" stroke-linecap="round" />
        
        <line x1="159" y1="112" x2="157" y2="158" stroke="#475569" stroke-width="4" stroke-linecap="round" />
        <line x1="171" y1="112" x2="173" y2="158" stroke="#475569" stroke-width="4" stroke-linecap="round" />
      </svg>

      <div class="caption-box caption-irr">
        Exposed to radiation from outside.<br>
        <strong>Figure is NOT radioactive.</strong>
      </div>
    </div>

    
    <div class="panel-card">
      <div class="panel-title">Contamination</div>
      <div class="badge badge-amber">Internal &amp; Surface Atoms</div>

      <svg class="scene-svg" viewBox="0 0 240 175" aria-label="Diagram showing contamination process">
        
        <g transform="translate(120, 14)">
          <rect x="-46" y="-10" width="92" height="20" rx="10" fill="#d97706" />
          <text x="0" y="3.5" font-size="9" text-anchor="middle" fill="#ffffff" font-weight="700" letter-spacing="0.3">EMITS RADIATION</text>
        </g>

        
        <line class="emit-ray" x1="110" y1="44" x2="90" y2="36" />
        <line class="emit-ray" x1="130" y1="44" x2="150" y2="36" />
        <line class="emit-ray" x1="98" y1="78" x2="76" y2="73" />
        <line class="emit-ray" x1="142" y1="78" x2="164" y2="73" />
        <line class="emit-ray" x1="96" y1="100" x2="74" y2="106" />
        <line class="emit-ray" x1="144" y1="100" x2="166" y2="106" />
        <line class="emit-ray" x1="106" y1="138" x2="88" y2="150" />
        <line class="emit-ray" x1="134" y1="138" x2="152" y2="150" />

        
        
        <circle cx="120" cy="48" r="14" fill="#fed7aa" stroke="#c2410c" stroke-width="2" />
        
        <rect x="108" y="64" width="24" height="48" rx="8" fill="#ffedd5" stroke="#c2410c" stroke-width="2" />
        
        <ellipse cx="115" cy="80" rx="3.5" ry="5.5" fill="#fdba74" opacity="0.8" />
        <ellipse cx="125" cy="80" rx="3.5" ry="5.5" fill="#fdba74" opacity="0.8" />
        
        <line x1="106" y1="70" x2="95" y2="103" stroke="#c2410c" stroke-width="4" stroke-linecap="round" />
        <line x1="134" y1="70" x2="145" y2="103" stroke="#c2410c" stroke-width="4" stroke-linecap="round" />
        
        <line x1="114" y1="112" x2="112" y2="158" stroke="#c2410c" stroke-width="4" stroke-linecap="round" />
        <line x1="126" y1="112" x2="128" y2="158" stroke="#c2410c" stroke-width="4" stroke-linecap="round" />

        
        <g class="particle-pulse">
          
          <circle class="dust-particle" cx="116" cy="42" r="2.5" />
          <circle class="dust-particle" cx="125" cy="50" r="2" />
          
          <circle class="dust-particle" cx="115" cy="80" r="2.5" />
          <circle class="dust-particle" cx="125" cy="81" r="2.5" />
          
          <circle class="dust-particle" cx="109" cy="72" r="2" />
          <circle class="dust-particle" cx="128" cy="93" r="2.5" />
          <circle class="dust-particle" cx="98" cy="96" r="2" />
          <circle class="dust-particle" cx="142" cy="90" r="2" />
          <circle class="dust-particle" cx="113" cy="128" r="2" />
        </g>
      </svg>

      <div class="caption-box caption-con">
        Radioactive atoms are ON and INSIDE the body.<br>
        <strong>Figure emits radiation.</strong>
      </div>
    </div>
  </div>

</body>
</html>

A contaminated object *does* emit radiation because the radioactive atoms are physically sitting on or inside it.

This radiation will continue until the radioactive material is washed away, exhaled, excreted, or decays completely.

Why does this distinction completely change how scientists protect themselves from hazards?

Protecting against irradiation requires **shielding** (like lead aprons), keeping a safe distance, and minimizing exposure time.

Protecting against contamination requires physical barriers to stop atoms from sticking to you—such as hazmat suits, gloves, masks, and thorough decontamination washing.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #f8fafc;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }

    .matrix-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      width: 100%;
      max-width: 640px;
    }

    .column {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .col-irradiation {
      border-top: 4px solid #0284c7;
    }

    .col-contamination {
      border-top: 4px solid #ea580c;
    }

    .col-header {
      text-align: center;
      padding-bottom: 6px;
      border-bottom: 1px solid #f1f5f9;
    }

    .col-title {
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    .col-irradiation .col-title {
      color: #0284c7;
    }

    .col-contamination .col-title {
      color: #ea580c;
    }

    .protocol-list {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex-grow: 1;
    }

    .protocol-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 10px;
      background: #f8fafc;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 600;
      color: #334155;
      border: 1px solid #eef2f6;
    }

    .icon-box {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      border-radius: 6px;
      flex-shrink: 0;
    }

    .col-irradiation .icon-box {
      background: #e0f2fe;
    }

    .col-contamination .icon-box {
      background: #ffedd5;
    }

    .caption-box {
      margin-top: 4px;
      padding: 8px 10px;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 600;
      text-align: center;
      line-height: 1.3;
    }

    .col-irradiation .caption-box {
      background: #f0f9ff;
      color: #0369a1;
      border: 1px dashed #bae6fd;
    }

    .col-contamination .caption-box {
      background: #fff7ed;
      color: #c2410c;
      border: 1px dashed #fed7aa;
    }

    @media (max-width: 480px) {
      .matrix-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .protocol-item {
        padding: 6px 8px;
        font-size: 12px;
      }
      .icon-box {
        width: 28px;
        height: 28px;
        font-size: 16px;
      }
      .col-title {
        font-size: 14px;
      }
      .caption-box {
        font-size: 11px;
        padding: 6px 8px;
      }
    }
  </style>
</head>
<body>
  <div class="matrix-grid">
    
    <div class="column col-irradiation">
      <div class="col-header">
        <div class="col-title">Preventing Irradiation</div>
      </div>
      <div class="protocol-list">
        <div class="protocol-item">
          <div class="icon-box">🛡️</div>
          <span>Lead Shielding</span>
        </div>
        <div class="protocol-item">
          <div class="icon-box">📏</div>
          <span>Tongs & Distance</span>
        </div>
        <div class="protocol-item">
          <div class="icon-box">⏱️</div>
          <span>Limited Time</span>
        </div>
      </div>
      <div class="caption-box">
        Block rays & limit time
      </div>
    </div>

    
    <div class="column col-contamination">
      <div class="col-header">
        <div class="col-title">Preventing Contamination</div>
      </div>
      <div class="protocol-list">
        <div class="protocol-item">
          <div class="icon-box">😷</div>
          <span>Respirator Mask</span>
        </div>
        <div class="protocol-item">
          <div class="icon-box">🧤</div>
          <span>Suit & Gloves</span>
        </div>
        <div class="protocol-item">
          <div class="icon-box">🚿</div>
          <span>Wash Station</span>
        </div>
      </div>
      <div class="caption-box">
        Keep atoms off skin & out of lungs
      </div>
    </div>
  </div>
</body>
</html>

Let's analyze two medical procedures to identify which process is at work.

**Scenario A:** A patient receives a dental X-ray to check for tooth decay. When they leave the dental chair, are they irradiated or contaminated?

They were **irradiated**. X-rays passed through their jaw, but no radioactive particles were left behind, so the patient cannot expose anyone else to radiation.

**Scenario B:** A patient drinks a solution containing radioactive Technetium-99m so doctors can image their kidneys. Are they irradiated or contaminated?

They are intentionally **contaminated**. Radioactive atoms are inside their body emitting gamma rays, which means their bodily fluids are temporarily radioactive until the isotope decays.

Never confuse sterilizing medical tools with gamma rays (irradiation) with dipping them into radioactive waste (contamination).

Irradiated surgical scalpels and irradiated supermarket strawberries are 100% free of radioactive material and completely safe to touch and eat.

science

Distinguishing Between Radioactive Contamination and Irradiation. Explain the fundamental difference between irradiation (exposure to radiation without becoming radioactive) and contamination (unwanted presence of radioactive atoms).

Uses of Radiation: Contamination and Irradiation (KS4 Physics)

Irradiation vs Contamination - GCSE Physics Revision Notes

Radioactive Contamination & Irradiation - AQA GCSE Physics

When teaching this concept to Key Stage 4 students, use a physical analogy such as 'basking in sunlight (irradiation) vs. spilling sunscreen on your shirt (contamination)' to establish an immediate mental model. Reinforce this with comparative matrix tables evaluating $\alpha$, $\beta$, and $\gamma$ hazards inside vs. outside the human body, directly addressing standard GCSE exam command words such as 'Compare' and 'Evaluate'.

Distinguishing Between Radioactive Contamination and Irradiation

Irradiation: Exposure to Radiation

Contamination: Radioactive Atoms on the Loose