*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: 'Libre Baskerville', Georgia, serif;
    background: var(--bg);
    color: var(--text);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
  }

  .container { max-width: 900px; margin: 0 auto; padding: 0 32px; }

  .separator {
    width: 100%; height: 1px;
    background: linear-gradient(to right, transparent, var(--line), transparent);
    margin: 48px 0;
  }

  /* HEADER */
  .header { padding: 48px 32px 0; max-width: 900px; margin: 0 auto; }
  .header__kicker { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 3px; color: var(--accent); text-transform: uppercase; margin-bottom: 16px; }
  .header__title { font-size: clamp(28px, 5vw, 44px); line-height: 1.15; font-weight: 700; color: var(--strong); margin-bottom: 20px; max-width: 750px; }
  .header__dek { font-size: 17px; line-height: 1.7; color: var(--muted); max-width: 680px; font-style: italic; }

  .section-label { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; }
  .section-label--red { color: var(--danger); }
  .section-sub { font-size: 14px; color: var(--muted); margin-bottom: 28px; font-family: 'DM Sans', sans-serif; }

  /* MEU BANNER */
  .meu-banner { cursor: pointer; border: 1px solid rgba(194,54,22,0.27); padding: 20px 24px; background: rgba(194,54,22,0.03); transition: all 0.3s ease; margin-bottom: 40px; }
  .meu-banner:hover { background: rgba(194,54,22,0.07); border-color: rgba(194,54,22,0.4); }
  .meu-banner__head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
  .meu-banner__body { margin-top: 16px; font-size: 14px; line-height: 1.75; color: var(--muted); font-family: 'DM Sans', sans-serif; }
  .meu-banner__body p { margin-bottom: 12px; }

  .tag { display: inline-block; padding: 3px 10px; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; border: 1px solid; font-family: 'JetBrains Mono', monospace; }
  .tag--red { color: var(--danger); border-color: var(--danger); }
  .toggle-arrow { margin-left: auto; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--muted); }

  .meu-grid { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
  .meu-col { flex: 1; min-width: 240px; padding: 16px; border: 1px solid; }
  .meu-col--helps { border-color: var(--line); background: var(--surface); }
  .meu-col--limits { border-color: var(--line); background: var(--warn-bg); }
  .meu-col__label { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px; }
  .meu-col__item { font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--muted); padding: 6px 0; line-height: 1.5; display: flex; gap: 8px; }
  .meu-reading { margin-top: 16px; padding: 14px 18px; border: 1px solid var(--line); background: var(--surface); font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--muted); line-height: 1.7; }

  /* SITES */
  .sites-grid { display: flex; gap: 16px; flex-wrap: wrap; }
  .site-card { flex: 1; min-width: 220px; border: 1px solid var(--line); padding: 20px; }
  .site-card--primary { background: var(--surface); }
  .site-card__dist { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--muted); letter-spacing: 1px; margin-bottom: 8px; }
  .site-card__name { font-size: 20px; font-weight: 700; color: var(--strong); margin-bottom: 6px; }
  .site-card__status { font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--accent); margin-bottom: 8px; }
  .site-card__note { font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--muted); line-height: 1.5; }

  /* PHASE BUTTONS */
  .phase-btn {
    cursor: pointer; border: 1px solid var(--line); padding: 16px 20px;
    background: transparent; transition: all 0.3s ease; text-align: left; width: 100%;
    display: flex; align-items: flex-start; gap: 14px; margin-bottom: 8px;
    font-family: inherit; color: inherit;
  }
  .phase-btn:hover { border-color: var(--line); background: var(--surface); }
  .phase-btn.active { border-color: var(--accent); background: var(--surface); }
  .phase-btn__icon { font-family: 'JetBrains Mono', monospace; font-size: 22px; color: var(--line); line-height: 1; flex-shrink: 0; }
  .phase-btn.active .phase-btn__icon { color: var(--accent); }
  .phase-btn__num { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--muted); letter-spacing: 1px; }
  .phase-btn__title { font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; color: var(--muted); }
  .phase-btn.active .phase-btn__title { color: var(--strong); }
  .phase-btn__sub { font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--muted); }
  .phase-btn__head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }

  .detail-box { border: 1px solid var(--line); padding: 28px; background: var(--surface); animation: fadeIn 0.4s ease; margin-top: 16px; }
  .detail-box__text { font-size: 15px; line-height: 1.8; color: var(--text); margin-bottom: 20px; font-family: 'DM Sans', sans-serif; }
  .detail-box__risk { padding: 12px 16px; background: var(--warn-bg); border: 1px solid var(--line); font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--warn-text); }

  /* OPTION CARDS */
  #options-container { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; }
  #options-container .option-detail { flex-basis: 100%; }
  .option-card {
    cursor: pointer; border: 1px solid var(--line); padding: 24px;
    background: transparent; transition: all 0.4s ease; text-align: left;
    flex: 1; min-width: 200px;
  }
  .option-card:hover { border-color: var(--line); transform: translateY(-2px); }
  .option-card.active { background: var(--surface); }
  .option-card__num { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
  .option-card__title { font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 700; color: var(--strong); margin-bottom: 8px; }
  .option-card__action { font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--muted); line-height: 1.5; }

  /* DIMENSION BARS */
  .dim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; margin-bottom: 24px; }
  .dim-row { display: flex; align-items: center; gap: 10px; }
  .dim-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--muted); letter-spacing: 0.5px; min-width: 120px; text-transform: uppercase; }
  .dim-bar { flex: 1; height: 4px; background: var(--line); border-radius: 2px; overflow: hidden; }
  .dim-fill { height: 100%; border-radius: 2px; transition: width 0.6s ease; }

  /* PRO/CON */
  .procon { display: flex; gap: 32px; flex-wrap: wrap; }
  .procon__col { flex: 1; min-width: 240px; }
  .procon__label { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 14px; }
  .procon__item { font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--muted); padding: 8px 0; border-bottom: 1px solid var(--line); line-height: 1.5; display: flex; gap: 10px; }
  .procon__verdict { margin-top: 20px; padding: 16px 20px; background: var(--surface); font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--text); line-height: 1.6; font-style: italic; border-left-width: 3px; border-left-style: solid; }
  .procon__failure { margin-top: 12px; padding: 14px 18px; background: var(--warn-bg); border: 1px solid var(--line); font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--warn-text); line-height: 1.6; }
  .procon__failure-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: var(--warn-text); margin-bottom: 6px; }

  .option-detail { animation: fadeIn 0.4s ease; padding: 28px; background: var(--surface); border: 1px solid; }

  /* CHEMISTRY */
  .chem-row { display: flex; gap: 20px; padding: 18px 20px; border: 1px solid var(--line); align-items: flex-start; margin-bottom: 12px; }
  .chem-row__formula { font-family: 'JetBrains Mono', monospace; font-size: 18px; font-weight: 500; min-width: 70px; flex-shrink: 0; }
  .chem-row__name { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; color: var(--strong); margin-bottom: 4px; }
  .chem-row__desc { font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--muted); line-height: 1.6; }

  /* CRITICALITY */
  .crit-box { border: 1px solid var(--line); padding: 28px; background: var(--warn-bg); }
  .crit-box p { font-family: 'DM Sans', sans-serif; font-size: 14px; line-height: 1.8; color: var(--text); margin-bottom: 16px; }
  .crit-box strong { color: var(--strong); }
  .crit-box__quote { padding: 14px 18px; background: var(--warn-bg); border: 1px solid var(--line); font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--warn-text); line-height: 1.6; }
  .crit-box__attr { color: var(--muted); font-size: 11px; }

  /* SYNTHESIS */
  .synth-box { padding: 20px; background: var(--surface); border: 1px solid var(--line); margin-bottom: 12px; }
  .synth-box__label { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--accent); font-weight: 500; margin-bottom: 6px; }
  .synth-box__text { font-family: 'DM Sans', sans-serif; font-size: 14px; color: var(--text); line-height: 1.6; }
  .synth-conclusion { padding: 24px; border: 1px solid var(--line); background: var(--surface); margin-top: 16px; }
  .synth-conclusion p { font-family: 'DM Sans', sans-serif; font-size: 14px; line-height: 1.8; color: var(--text); }

  /* BOTTOM */
  .bottom-box { padding: 32px; border: 1px solid var(--line); background: var(--surface); }
  .bottom-box blockquote { font-size: 18px; line-height: 1.6; color: var(--text); border-left: 3px solid var(--accent); padding-left: 24px; margin-bottom: 20px; font-style: italic; }
  .bottom-box__attr { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--muted); padding-left: 24px; }
  .bottom-box__text { font-family: 'DM Sans', sans-serif; font-size: 14px; line-height: 1.8; color: var(--muted); }

  .sources { padding-bottom: 48px; }
  .sources__label { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 1.5px; color: var(--line); text-transform: uppercase; margin-bottom: 12px; }
  .sources__text { font-family: 'DM Sans', sans-serif; font-size: 11px; color: var(--line); line-height: 1.8; }

  .accent { color: var(--danger); }
  .hidden { display: none; }

  @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

  @media (max-width: 600px) {
    .container { padding: 0 16px; }
    .header { padding: 32px 16px 0; }
    .procon { flex-direction: column; }
    .options-grid { flex-direction: column; }
    .sites-grid { flex-direction: column; }
    .meu-grid { flex-direction: column; }
    .dim-grid { grid-template-columns: 1fr; }
  }

:root{color-scheme:dark;--bg:#0a0a0b;--surface:#141416;--text:#ded9cf;--strong:#faf3e5;--muted:#c4bfb4;--accent:#e6c48b;--danger:#ffbba8;--good:#b8dcb3;--warn-text:#f0cca7;--warn-bg:#231a14;--line:#55504a}
:root[data-theme="light"]{color-scheme:light;--bg:#f9f3e8;--surface:#fffaf0;--text:#2d2922;--strong:#211d17;--muted:#504738;--accent:#674712;--danger:#842d17;--good:#2c542e;--warn-text:#63401c;--warn-bg:#f4e5cf;--line:#a49b89}
.project-top,.project-footer{max-width:900px;margin:auto;padding:16px 32px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-family:system-ui,sans-serif;font-size:14px}.project-top a,.project-footer a,.archive-note a{color:var(--text)}
#theme{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--strong);font:inherit;cursor:pointer}.archive-note{padding:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:14px/1.65 system-ui,sans-serif;margin-bottom:28px}.option-card{color:var(--text);font:inherit}.phase-btn__icon{color:var(--muted)}.header__kicker,.section-sub,.site-card__dist,.option-card__num,.dim-label,.procon__label,.procon__failure-label,.sources__label{font-size:12px}.dim-grid{grid-template-columns:1fr}.meu-col,.procon__col{min-width:min(240px,100%)}[hidden]{display:none!important}.hidden{display:none!important}button:focus-visible,[role="button"]:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:450px){.container,.header{padding-left:20px;padding-right:20px}.detail-box,.option-detail,.bottom-box{padding:20px}.dim-label{min-width:110px}.option-card,.site-card{min-width:100%}.chem-row{gap:12px;padding:16px 12px}.chem-row__formula{min-width:60px}.project-top{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}