.graphic-card{background-color:var(--color-background);border:1px solid rgba(8,31,63,.08);border-radius:12px;padding:2.25rem 1.75rem;margin:2.5rem 0;font-family:Inter,system-ui,sans-serif}@media(min-width:900px){.graphic-card{width:calc(100vw - 4rem);max-width:1120px;position:relative;left:50%;transform:translate(-50%);padding:2.5rem 2.25rem}}.graphic-card .graphic-title{font-family:Zilla Slab,Georgia,serif;font-weight:400;font-size:1.75rem;color:var(--color-primary);margin:0 0 .5rem;line-height:1.2}.graphic-card .graphic-subtitle{color:#5b6470;font-size:1rem;line-height:1.5;margin:0 0 2rem}.graphic-card .graphic-caption{text-align:center;font-size:.85rem;color:var(--color-accent);font-weight:600;letter-spacing:.02em;margin:1.75rem 0 0}.graphic-card .phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.graphic-card .phase-card{background-color:var(--color-surface);border:1px solid rgba(8,31,63,.08);border-radius:10px;padding:1.5rem 1.25rem}.graphic-card .phase-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:var(--color-accent);color:#fff;font-weight:600;font-size:.95rem;margin-bottom:.85rem}.graphic-card .phase-duration{display:block;font-size:.7rem;letter-spacing:.15em;color:#9a8f82;font-weight:600;margin-bottom:.4rem}.graphic-card .phase-title{font-family:Zilla Slab,Georgia,serif;font-weight:400;font-size:1.2rem;color:var(--color-primary);margin:0 0 .5rem;line-height:1.3}.graphic-card .phase-desc{color:#374151;font-size:.95rem;line-height:1.55;margin:0}.graphic-card .contrast-grid{display:grid;grid-template-columns:1fr 2rem 1fr;gap:1rem;align-items:stretch}.graphic-card .contrast-card{background-color:var(--color-surface);border:1px solid rgba(8,31,63,.08);border-radius:10px;padding:1.5rem}.graphic-card .contrast-card.accent{border:1.5px solid var(--color-accent)}.graphic-card .contrast-label{display:block;font-size:.7rem;letter-spacing:.15em;color:#9a8f82;font-weight:600;margin-bottom:.75rem}.graphic-card .contrast-heading{font-family:Zilla Slab,Georgia,serif;font-weight:400;font-size:1.3rem;color:var(--color-primary);margin:0 0 .25rem;line-height:1.25}.graphic-card .contrast-sub{color:#5b6470;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.graphic-card .contrast-list{list-style:none;padding:0;margin:0}.graphic-card .contrast-list li{position:relative;padding-left:1.25rem;font-size:.95rem;color:#374151;line-height:1.5;margin-bottom:.5rem}.graphic-card .contrast-list li::marker{content:""}.graphic-card .contrast-list li:before{content:"—";position:absolute;left:0;color:#9a8f82}.graphic-card .contrast-list.accent li:before{color:var(--color-accent)}.graphic-card .contrast-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:1.5rem;line-height:1;font-weight:300}.graphic-card .fix-list{display:grid;gap:.75rem}.graphic-card .fix-row{display:grid;grid-template-columns:1.75rem 1fr auto 1fr;gap:1rem;align-items:center;background-color:var(--color-surface);border:1px solid rgba(8,31,63,.08);border-radius:10px;padding:1rem 1.25rem}.graphic-card .fix-num{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background-color:var(--color-accent);color:#fff;font-weight:600;font-size:.85rem}.graphic-card .fix-mistake{color:#6b7280;font-size:.95rem;line-height:1.4}.graphic-card .fix-arrow{color:var(--color-accent);font-size:1.1rem;line-height:1}.graphic-card .fix-do{color:var(--color-primary);font-weight:600;font-size:.95rem;line-height:1.4}@media(max-width:720px){.graphic-card .phase-grid,.graphic-card .contrast-grid{grid-template-columns:1fr}.graphic-card .contrast-arrow{transform:rotate(90deg);padding:.25rem 0}.graphic-card .fix-row{grid-template-columns:1.75rem 1fr;grid-template-rows:auto auto;gap:.35rem .75rem}.graphic-card .fix-arrow{display:none}.graphic-card .fix-num{grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:.15rem}.graphic-card .fix-mistake{grid-column:2;grid-row:1}.graphic-card .fix-do{grid-column:2;grid-row:2}}