/* PNG study cards, with a quiet selection-frame treatment. */
body.design-combined #formationStory .penn-insights { margin:36px 0 0; gap:24px; }
body.design-combined #formationStory .penn-insight { padding:22px 18px 28px; border:1px solid #292d30; border-radius:0; background:#fafafa; box-shadow:none; }
body.design-combined #formationStory .penn-insight:nth-child(2) { background:#fff; }
body.design-combined #formationStory .penn-shift { min-height:48px; padding:0; margin:0; font-size:15px; line-height:1.45; font-weight:600; color:#111; gap:4px 7px; }
body.design-combined #formationStory .penn-shift::after { display:none; }
body.design-combined #formationStory .penn-shift-to,
body.design-combined #formationStory .penn-shift-arrow { color:inherit; }
.penn-shift-arrow { font-size:22px; line-height:1; font-weight:400; }
.penn-png-wrap { display:flex; align-items:center; justify-content:center; height:124px; margin:10px 0 22px; }
.penn-card-png { display:block; width:auto; height:auto; max-width:150px; max-height:88px; object-fit:contain; }
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-premise,
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-realization { min-height:0; margin:0; color:#25282b; font-size:15px; line-height:1.5; }
body.design-combined #formationStory .penn-highlight,
body.design-combined #formationStory .penn-connected { font-weight:400; color:inherit; }
.penn-selection-corners { pointer-events:none; }
.penn-selection-corners i { position:absolute; width:9px; height:9px; background:#0099fd; border:1px solid #20272c; }
.penn-selection-corners i:nth-child(1) { top:-5px; left:-5px; }
.penn-selection-corners i:nth-child(2) { top:-5px; right:-5px; }
.penn-selection-corners i:nth-child(3) { bottom:-5px; left:-5px; }
.penn-selection-corners i:nth-child(4) { bottom:-5px; right:-5px; }
.penn-insight:nth-child(2) .penn-selection-corners i { background:#fff; }
@media (hover:hover) and (pointer:fine) {
  body.design-combined #formationStory .penn-insight:hover { border-color:#0099fd; background:#f9fcff; }
}
@media (max-width:999px) {
  body.design-combined #formationStory .penn-insights { gap:28px; }
  body.design-combined #formationStory .penn-insight { padding:24px; }
  body.design-combined #formationStory .penn-shift { min-height:0; font-size:17px; }
  body.design-combined #aboutScroll .penn-story .penn-insight p.penn-premise,
  body.design-combined #aboutScroll .penn-story .penn-insight p.penn-realization { font-size:16px; line-height:1.6; }
}

/* Clear premise / discovery hierarchy and a single left-aligned closing thought. */
body.design-combined #formationStory .penn-shift > span:first-child { color:#69747c; font-weight:400; }
body.design-combined #formationStory .penn-shift-to { color:#182d3b; font-weight:600; }
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-premise { color:#66717a; line-height:1.65; margin-bottom:18px; }
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-realization { color:#27343e; line-height:1.65; }
body.design-combined #formationStory .penn-highlight,
body.design-combined #formationStory .penn-connected { font-weight:500; color:#182d3b; }
body.design-combined #formationStory .penn-question {
  display:block; margin:40px 0 0; width:100%; max-width:56ch;
  font-family:'Poppins',sans-serif; font-size:var(--about-body-size,17px);
}
body.design-combined #aboutScroll #formationStory .penn-question p {
  width:100%; max-width:none; margin:0; font-family:inherit;
  font-size:var(--about-body-size,17px); line-height:var(--about-body-leading,1.8);
  font-weight:400; letter-spacing:-.01em; color:#505b64;
}
body.design-combined #aboutScroll #formationStory .penn-question p.penn-question-intro { margin-bottom:18px; }
body.design-combined #aboutScroll #formationStory .penn-question p.penn-old-question { margin-bottom:6px; color:#69747c; }
body.design-combined #aboutScroll #formationStory .penn-question p.penn-new-question { color:#36434d; }
body.design-combined #formationStory .penn-question-label,
body.design-combined #formationStory .penn-but { margin:0; font:inherit; color:inherit; }
body.design-combined #formationStory .penn-possible { color:#427d9f; font-weight:500; }
@media (max-width:700px) {
  body.design-combined #formationStory .penn-question { margin-top:36px; }
}

/* Compact study cards: one illustrated header and one continuous reading area. */
body.design-combined #formationStory .penn-insight { padding:22px 20px 24px; background:#fff; }
body.design-combined #formationStory .penn-shift { display:grid; grid-template-columns:auto 1fr; gap:4px 8px; min-height:62px; align-content:start; font-size:15px; line-height:1.4; }
body.design-combined #formationStory .penn-shift > span:first-child { font-size:12px; letter-spacing:.025em; }
body.design-combined #formationStory .penn-shift-arrow { font-size:19px; }
body.design-combined #formationStory .penn-shift-to { grid-column:1 / -1; font-size:17px; }
body.design-combined #formationStory .penn-png-wrap { height:106px; margin:12px 0 20px; background:#f1f8fc; border-radius:4px; }
body.design-combined #formationStory .penn-card-png { max-width:78%; max-height:72px; }
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-premise { font-size:14px; line-height:1.65; margin:0 0 14px; padding-bottom:14px; border-bottom:1px solid #dce8ef; }
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-realization { font-size:14px; line-height:1.65; margin:0; }
.penn-old-phrase { display:inline-block; }
.penn-question-highlight { --highlight-progress:100%; background:linear-gradient(#b9e3fc,#b9e3fc) left 88% / var(--highlight-progress) 52% no-repeat; padding:0 .08em; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
body.design-combined #formationStory .penn-question-highlight .penn-possible { color:inherit; font-weight:600; }
@media (max-width:999px) {
 body.design-combined #formationStory .penn-shift { min-height:0; }
 body.design-combined #formationStory .penn-png-wrap { margin-top:16px; }
 body.design-combined #aboutScroll .penn-story .penn-insight p.penn-premise,
 body.design-combined #aboutScroll .penn-story .penn-insight p.penn-realization { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { .penn-question-highlight { --highlight-progress:100% !important; } }
