/* ---------- 5. แผนปี 2027 ---------- */
.plan-wrap{display:flex;flex-direction:column;gap:22px}
.plan{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-height:640px;flex:1}
.gantt{background:var(--white);border:2px solid var(--navy);border-radius:22px;padding:18px 28px 22px;display:grid;grid-template-columns:440px repeat(4,1fr);row-gap:18px;align-items:center}
.gantt .gh{font-size:14px;font-weight:600;color:var(--slate);text-align:center;padding-bottom:6px;border-bottom:1px solid var(--line)}
.gantt .gh.first{text-align:left;color:var(--navy);font-size:16px}
.gantt .gl{font-size:15px;font-weight:500;color:var(--navy);display:flex;align-items:center;gap:10px}
.gantt .gl i{font-style:normal;width:26px;height:26px;border-radius:8px;background:var(--navy);color:var(--white);font-size:13px;font-weight:600;display:grid;place-items:center;flex:none}
.gantt .gbar{height:26px;border-radius:11px;background:var(--blue);margin:0 6px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.gantt .gcell{height:100%;border-left:1px dashed var(--line)}
.pcard{text-align:left;background:var(--white);border:2px solid var(--navy);border-radius:22px;padding:24px 26px;display:flex;flex-direction:column;gap:14px;transition:transform .15s,box-shadow .15s}
.pcard:hover{transform:scale(1.02);box-shadow:0 14px 34px rgba(23,54,93,.14)}
.pcard .pn{width:46px;height:46px;border-radius:14px;background:var(--navy);color:var(--white);font-size:22px;font-weight:600;display:grid;place-items:center}
.pcard h3{font-size:25px;font-weight:600;color:var(--navy);line-height:1.25}
.pcard .pen{font-size:14px;color:var(--slate);margin-top:2px}
.pcard h4{font-size:13px;font-weight:600;color:var(--slate);margin-top:4px}
.pcard ul{display:grid;gap:6px}
.pcard li{position:relative;padding-left:16px;font-size:17px;line-height:1.55}
.pcard li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--blue-2)}
.pcard .why{font-size:16px;color:var(--ink);background:var(--sky-2);border-left:4px solid var(--blue);padding:8px 12px;border-radius:0 8px 8px 0}
.pcard .tl{margin-top:auto}
.pcard .tl .qs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.pcard .tl .qs span{height:12px;border-radius:6px;background:var(--line)}
.pcard .tl .qs span.on{background:var(--blue)}
.pcard .tl .ql{display:grid;grid-template-columns:repeat(4,1fr);font-size:11.5px;color:var(--slate);margin-top:4px;text-align:center}
.pcard .own{font-size:14px;color:var(--slate);margin-top:auto;padding-top:8px}
.pcard .own b{color:var(--navy);font-weight:500}
