/* PersonaScope 3.46 Priority A-1: Big Five beginner guide renewal */
#theory-beginner{--intro-line:rgba(255,255,255,.12);--intro-card:rgba(255,255,255,.045);--intro-muted:#b9c3d6}
#theory-beginner .theory-section{overflow:hidden}
.intro-hero-v346{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:22px;align-items:center;background:radial-gradient(circle at 92% 10%,rgba(84,199,236,.17),transparent 38%),radial-gradient(circle at 8% 80%,rgba(141,108,255,.17),transparent 38%),rgba(255,255,255,.035)}
.intro-hero-v346 h2{font-size:clamp(1.65rem,4.4vw,2.55rem);line-height:1.34;margin:.25rem 0 .9rem}
.intro-hero-v346 .lead{font-size:clamp(.98rem,2.4vw,1.08rem);line-height:1.9;margin:0;color:#d8e0ef}
.intro-reading-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.intro-reading-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);font-size:.82rem;font-weight:750;color:#cfdaef}
.intro-hero-visual{display:grid;place-items:center;min-height:230px}.intro-hero-visual svg{width:min(100%,330px);filter:drop-shadow(0 22px 35px rgba(0,0,0,.28))}
.intro-chapter-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.intro-chapter-head>span{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#8d6cff,#54c7ec);color:#08111d;font-weight:950}.intro-chapter-head .eyebrow{margin:0 0 2px}.intro-chapter-head h2{margin:0;font-size:clamp(1.25rem,3.5vw,1.72rem);line-height:1.42}
.intro-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}.intro-comic-card{padding:15px;border-radius:16px;background:var(--intro-card);border:1px solid var(--intro-line);text-align:center}.comic-face{font-size:2rem;margin-bottom:7px}.intro-comic-card p{margin:0;line-height:1.65;font-size:.93rem}
.intro-keypoint{display:grid;gap:6px;padding:16px;margin-top:16px;border-radius:16px;background:linear-gradient(135deg,rgba(141,108,255,.15),rgba(84,199,236,.1));border:1px solid rgba(148,179,255,.21)}.intro-keypoint b{font-size:1rem}.intro-keypoint span{line-height:1.75;color:#dce5f5}
.intro-factor-cards-v346{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.intro-factor-cards-v346 button{display:flex;gap:13px;align-items:flex-start;text-align:left;min-width:0;padding:16px;border-radius:17px;border:1px solid var(--intro-line);background:var(--intro-card);color:inherit;transition:.2s transform,.2s border-color,.2s background}.intro-factor-cards-v346 button:last-child{grid-column:1/-1}.intro-factor-cards-v346 button:hover,.intro-factor-cards-v346 button:focus-visible{transform:translateY(-2px);border-color:rgba(119,173,255,.42);background:rgba(255,255,255,.07)}.factor-symbol{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:rgba(255,255,255,.08);font-size:1.35rem}.intro-factor-cards-v346 b{display:block;font-size:1.1rem;margin-bottom:3px}.intro-factor-cards-v346 p{margin:0 0 7px;color:#c9d6f2;font-weight:700;line-height:1.55}.intro-factor-cards-v346 small{display:block;color:var(--intro-muted);font-size:.86rem;line-height:1.68}
.intro-scene-list-v346{display:grid;gap:11px}.intro-scene-list-v346 section{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;padding:15px;border-radius:16px;background:var(--intro-card);border:1px solid var(--intro-line)}.scene-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.07);font-size:1.45rem}.intro-scene-list-v346 h3{margin:0 0 5px;font-size:1rem}.intro-scene-list-v346 p{margin:0;line-height:1.78;color:#d2dbea}.intro-scene-list-v346 p b{color:#fff}
.intro-balance-visual-v346{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:2px 0 18px}.intro-balance-visual-v346>div:not(.balance-center){display:flex;align-items:center;gap:8px;font-weight:800}.intro-balance-visual-v346>div:last-child{justify-content:flex-end}.intro-balance-visual-v346 i{display:block;height:7px;flex:1;border-radius:999px;background:linear-gradient(90deg,#8d6cff,#54c7ec)}.intro-balance-visual-v346>div:last-child i{background:linear-gradient(90deg,#54c7ec,#6ad6a3)}.balance-center{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);font-size:.84rem;white-space:nowrap}.intro-compare-grid-v346{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.intro-compare-grid-v346>div{padding:15px;border-radius:16px;background:var(--intro-card);border:1px solid var(--intro-line)}.intro-compare-grid-v346 h3{margin:0 0 7px;font-size:1rem}.intro-compare-grid-v346 p{margin:0;line-height:1.72;color:#d3dcea}
.intro-combo-map-v346{position:relative;width:min(100%,430px);aspect-ratio:1.5;margin:8px auto 20px}.intro-combo-map-v346:before{content:"";position:absolute;inset:14% 18%;border:1px dashed rgba(137,177,255,.33);border-radius:50%}.combo-node{position:absolute;display:grid;place-items:center;min-width:82px;padding:10px 12px;border-radius:14px;background:#111b2e;border:1px solid rgba(255,255,255,.14);font-weight:800;font-size:.85rem;box-shadow:0 12px 28px rgba(0,0,0,.22)}.combo-node.center{left:50%;top:50%;transform:translate(-50%,-50%);min-width:92px;background:linear-gradient(135deg,#8d6cff,#54c7ec);color:#08111d}.combo-node.n1{left:50%;top:0;transform:translateX(-50%)}.combo-node.n2{right:0;top:31%}.combo-node.n3{right:13%;bottom:0}.combo-node.n4{left:13%;bottom:0}.combo-node.n5{left:0;top:31%}.intro-example-pairs-v346{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.intro-example-pairs-v346>div{padding:15px;border-radius:16px;background:var(--intro-card);border:1px solid var(--intro-line)}.intro-example-pairs-v346 b{display:block;margin-bottom:7px;color:#dce6ff}.intro-example-pairs-v346 p{margin:0;line-height:1.72;color:#d0d9e8}
.intro-read-steps-v346{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.intro-read-steps-v346>div{position:relative;padding:17px 15px 15px 53px;border-radius:16px;background:var(--intro-card);border:1px solid var(--intro-line)}.intro-read-steps-v346 span{position:absolute;left:13px;top:13px;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(126,158,255,.16);font-weight:900}.intro-read-steps-v346 b{display:block;margin-bottom:5px}.intro-read-steps-v346 p{margin:0;line-height:1.65;color:#d0d9e8}.intro-warning-v346{margin-top:14px;padding:15px;border-radius:16px;border:1px solid rgba(255,190,92,.27);background:rgba(255,190,92,.08)}.intro-warning-v346 b{display:block;margin-bottom:5px}.intro-warning-v346 p{margin:0;line-height:1.72}
.intro-myth-grid-v346{display:grid;gap:10px}.intro-myth-grid-v346 details{border:1px solid var(--intro-line);border-radius:15px;background:var(--intro-card);overflow:hidden}.intro-myth-grid-v346 summary{cursor:pointer;padding:15px;font-weight:800;line-height:1.5}.intro-myth-grid-v346 p{margin:0;padding:0 15px 16px;line-height:1.75;color:#d1dbea}.intro-glossary-v346{grid-template-columns:repeat(4,minmax(0,1fr))}.intro-finish-v346{display:grid;justify-items:center;text-align:center;gap:11px;margin-top:20px;padding:22px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(141,108,255,.17),rgba(84,199,236,.13));border:1px solid rgba(148,179,255,.22)}.intro-finish-v346>span{font-size:.75rem;letter-spacing:.16em;font-weight:900;color:#aebfff}.intro-finish-v346 h3{margin:0;max-width:650px;line-height:1.55;font-size:clamp(1.05rem,3vw,1.35rem)}
@media(max-width:760px){.intro-hero-v346{grid-template-columns:1fr}.intro-hero-visual{min-height:205px}.intro-story-grid{grid-template-columns:1fr}.intro-factor-cards-v346,.intro-compare-grid-v346,.intro-example-pairs-v346,.intro-read-steps-v346{grid-template-columns:1fr}.intro-factor-cards-v346 button:last-child{grid-column:auto}.intro-glossary-v346{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.intro-hero-v346 h2 br{display:none}.intro-hero-visual{min-height:175px}.intro-chapter-head>span{width:38px;height:38px}.intro-scene-list-v346 section{grid-template-columns:42px 1fr;padding:13px}.scene-icon{width:42px;height:42px}.intro-balance-visual-v346{grid-template-columns:1fr;gap:7px}.intro-balance-visual-v346>div:last-child{justify-content:flex-start}.balance-center{text-align:center}.intro-combo-map-v346{aspect-ratio:1.08}.combo-node{min-width:72px;padding:8px 9px;font-size:.76rem}.combo-node.n2{right:-2%;top:32%}.combo-node.n5{left:-2%;top:32%}}