.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}.graphic-card .skill-tree{background-color:var(--color-surface);border:1px solid rgba(8,31,63,.12);border-radius:10px;overflow:hidden;max-width:760px;margin:0 auto}.graphic-card .skill-tree-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background-color:#081f3f0a;border-bottom:1px solid rgba(8,31,63,.08);font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:.95rem;color:var(--color-primary)}.graphic-card .skill-tree-body{padding:.5rem 0}.graphic-card .tree-row{display:grid;grid-template-columns:1.5rem auto 1fr;gap:.85rem;align-items:center;padding:.6rem 1.25rem .6rem 2rem;font-family:Inter,system-ui,sans-serif}.graphic-card .tree-row+.tree-row{border-top:1px dashed rgba(8,31,63,.06)}.graphic-card .tree-name{color:var(--color-primary);font-weight:500;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem}.graphic-card .tree-note{color:#6b7280;font-size:.85rem;justify-self:end;text-align:right}.graphic-card .tree-icon{display:inline-block;position:relative;flex-shrink:0}.graphic-card .tree-icon.folder{width:1.2rem;height:.95rem;background-color:var(--color-accent);border-radius:2px 3px 3px;margin-top:.25rem}.graphic-card .tree-icon.folder:before{content:"";position:absolute;top:-.3rem;left:0;width:45%;height:.35rem;background-color:var(--color-accent);border-radius:3px 3px 0 0}.graphic-card .tree-icon.file{width:1rem;height:1.2rem;background-color:#fff;border:1.5px solid #c2b8a8;border-radius:2px}@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}.graphic-card .tree-row{grid-template-columns:1.5rem 1fr;padding-left:1rem;padding-right:1rem}.graphic-card .tree-note{grid-column:1 / -1;padding-left:2.35rem;justify-self:start;text-align:left;margin-top:.15rem;font-size:.8rem}}.ch-nav[data-astro-cid-wzhhhz3c]{background-color:var(--color-background);border-bottom:3px solid var(--ink)}.ch-nav[data-astro-cid-wzhhhz3c]:after{content:"";position:absolute;top:100%;left:0;right:0;height:7px;background-image:linear-gradient(90deg,var(--color-accent) 0 33.4%,var(--color-secondary) 33.4% 66.7%,var(--color-accent-soft) 66.7% 100%);border-bottom:2px solid var(--ink)}.ch-nav-link[data-astro-cid-wzhhhz3c]{font-family:Oswald,Arial Narrow,sans-serif;font-weight:500;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:color .15s ease}.ch-nav-link[data-astro-cid-wzhhhz3c]:hover{color:var(--color-accent-dark)}.ch-nav-link[data-astro-cid-wzhhhz3c][data-active=true]{color:var(--color-accent-dark);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--color-accent);text-underline-offset:6px}.ch-footer-link[data-astro-cid-4hkcjbn4]{font-family:Oswald,Arial Narrow,sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#fbf3e4cc;text-decoration:none;transition:color .15s ease}.ch-footer-link[data-astro-cid-4hkcjbn4]:hover{color:var(--color-gold)}.ch-doodads[data-astro-cid-4hkcjbn4]{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:22px;border-top:1px solid rgba(251,243,228,.18)}.ch-doodads[data-astro-cid-4hkcjbn4] .dd[data-astro-cid-4hkcjbn4]{width:22px;height:22px;flex:0 0 auto;fill:var(--color-gold);stroke:var(--color-gold);opacity:.9}.ch-doodads[data-astro-cid-4hkcjbn4] .dd[data-astro-cid-4hkcjbn4].wide{width:32px}.ch-doodline[data-astro-cid-4hkcjbn4]{flex:1 1 0;height:2px;max-width:160px;background:repeating-linear-gradient(90deg,rgba(251,243,228,.35) 0 6px,transparent 6px 12px)}@media(max-width:560px){.ch-doodads[data-astro-cid-4hkcjbn4]{gap:14px}.ch-doodads[data-astro-cid-4hkcjbn4] .dd[data-astro-cid-4hkcjbn4]:nth-child(2),.ch-doodads[data-astro-cid-4hkcjbn4] .dd[data-astro-cid-4hkcjbn4]:nth-last-child(2){display:none}}