/* Physics Civilizations Core 3.11.0 — universal learning studio */
.pciv-stage-v350 .pciv-learning-studio-v3110{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-color:rgba(76,215,203,.22);
  background:
    radial-gradient(circle at 12% 8%,rgba(35,198,191,.13),transparent 31%),
    radial-gradient(circle at 90% 0%,rgba(247,201,88,.08),transparent 24%),
    linear-gradient(145deg,#0a2b40,#071d2e 62%,#061824);
}
.pciv-stage-v350 .pciv-learning-studio-v3110:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background-image:radial-gradient(circle,rgba(255,255,255,.28) 0 1px,transparent 1.3px);
  background-size:36px 36px;
}
.pciv-stage-v350 .pciv-learning-studio-v3110>*{position:relative;z-index:1}
.pciv-stage-v350 .pciv-learning-studio-v3110 .pciv-science-heading{margin-bottom:16px}
.pciv-stage-v350 .pciv-learning-studio-v3110 .pciv-science-level{font-weight:800;background:linear-gradient(135deg,rgba(57,211,196,.13),rgba(246,195,75,.09));border-color:rgba(93,230,214,.28)}
.pciv-learning-summary{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:14px;margin-bottom:16px}
.pciv-learning-summary-main,.pciv-learning-why{border:1px solid rgba(148,163,184,.14);border-radius:20px;background:rgba(4,18,29,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.pciv-learning-summary-main{padding:22px}
.pciv-learning-summary-main>span,.pciv-learning-why>span{display:inline-flex;align-items:center;gap:7px;color:#78e8dc;font-size:12px;font-weight:800}
.pciv-learning-summary-main h3{margin:11px 0 14px;color:#fff;font-size:20px;line-height:2;font-weight:850}
.pciv-learning-original{padding-top:13px;border-top:1px dashed rgba(148,163,184,.13);color:#c7d5e1;font-size:13px;line-height:2}
.pciv-learning-original p{margin:0}
.pciv-learning-why{display:flex;flex-direction:column;justify-content:center;padding:20px;border-color:rgba(246,195,75,.18);background:linear-gradient(145deg,rgba(246,195,75,.07),rgba(4,18,29,.58))}
.pciv-learning-why>span{color:#f6cf73}
.pciv-learning-why p{margin:10px 0 0;color:#d8e2ea;font-size:13px;line-height:2}
.pciv-concept-lab{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px;margin-bottom:16px}
.pciv-concept-visual-card,.pciv-concept-steps{border:1px solid rgba(148,163,184,.14);border-radius:22px;background:rgba(5,20,32,.65);padding:18px}
.pciv-concept-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.pciv-concept-card-heading small{display:block;color:#79d8f4;font-size:11px;margin-bottom:4px}
.pciv-concept-card-heading h3{margin:0;color:#fff;font-size:19px}
.pciv-concept-card-heading>span{padding:6px 10px;border-radius:999px;background:rgba(59,213,201,.1);border:1px solid rgba(59,213,201,.2);color:#8df3e7;font-size:10px}
.pciv-topic-visual{position:relative;height:218px;margin:10px 0 14px;border:1px solid rgba(74,220,210,.16);border-radius:19px;overflow:hidden;background:
  radial-gradient(circle at 50% 50%,rgba(28,199,195,.14),transparent 29%),
  linear-gradient(180deg,rgba(13,45,61,.74),rgba(4,18,29,.88));
transition:filter .25s ease,box-shadow .25s ease}
.pciv-topic-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(114,218,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(114,218,222,.035) 1px,transparent 1px);background-size:24px 24px}
.pciv-visual-axis{position:absolute;left:8%;right:8%;top:56%;height:2px;background:linear-gradient(90deg,transparent,rgba(164,222,228,.75),transparent)}
.pciv-visual-axis:before,.pciv-visual-axis:after{content:"";position:absolute;top:-4px;border:5px solid transparent}.pciv-visual-axis:before{left:-1px;border-right-color:#8ad9df}.pciv-visual-axis:after{right:-1px;border-left-color:#8ad9df}
.pciv-visual-object{position:absolute;z-index:3;left:50%;top:50%;width:72px;height:72px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid rgba(246,196,78,.72);border-radius:50%;background:radial-gradient(circle,#26c5bd 0 35%,#0c5665 36% 62%,#072735 63%);box-shadow:0 0 30px rgba(53,220,208,.25),inset 0 0 15px rgba(255,255,255,.13);transition:transform .35s ease,background .35s ease}
.pciv-visual-object span{color:#fff;font-size:27px;text-shadow:0 0 12px rgba(255,255,255,.5)}
.pciv-visual-orbit{position:absolute;left:50%;top:50%;width:48%;height:76%;transform:translate(-50%,-50%) rotate(62deg);border:1.5px solid rgba(82,229,215,.34);border-radius:50%}
.pciv-visual-orbit.orbit-b{transform:translate(-50%,-50%) rotate(-62deg);border-color:rgba(246,196,78,.25)}
.pciv-visual-node{position:absolute;width:11px;height:11px;border-radius:50%;background:#55e7db;box-shadow:0 0 12px #55e7db;transition:all .35s ease}
.pciv-visual-node.node-a{left:25%;top:30%}.pciv-visual-node.node-b{right:24%;top:36%;background:#f4cc68;box-shadow:0 0 12px #f4cc68}.pciv-visual-node.node-c{left:43%;bottom:20%}
.pciv-visual-arrow{position:absolute;z-index:2;top:49%;height:4px;border-radius:999px;transition:width .35s ease,opacity .35s ease,transform .35s ease}
.pciv-visual-arrow.arrow-a{right:50%;width:26%;background:linear-gradient(90deg,transparent,#52e1d7)}
.pciv-visual-arrow.arrow-b{left:50%;width:20%;background:linear-gradient(90deg,#f5cb63,transparent)}
.pciv-topic-visual[data-state="1"] .pciv-visual-object{transform:translate(-15%,-50%) scale(1.04)}
.pciv-topic-visual[data-state="2"] .pciv-visual-object{transform:translate(-85%,-50%) scale(.94)}
.pciv-topic-visual[data-state="3"] .pciv-visual-object{transform:translate(-50%,-28%) rotate(10deg)}
.pciv-topic-visual[data-state="1"]{filter:saturate(1.15);box-shadow:inset 0 0 35px rgba(49,221,206,.08)}
.pciv-topic-visual[data-state="2"]{filter:saturate(.8)}
.pciv-topic-visual[data-state="3"]{filter:hue-rotate(18deg)}
.pciv-topic-visual.is-waves .pciv-visual-axis{height:28px;background:repeating-radial-gradient(ellipse at center,transparent 0 12px,rgba(75,226,216,.65) 13px 15px,transparent 16px 25px);top:48%}
.pciv-topic-visual.is-optics .pciv-visual-arrow.arrow-a{transform:rotate(-18deg);transform-origin:right center}.pciv-topic-visual.is-optics .pciv-visual-arrow.arrow-b{transform:rotate(18deg);transform-origin:left center}
.pciv-topic-visual.is-electricity .pciv-visual-axis{height:52%;top:24%;left:17%;right:17%;border:2px solid rgba(90,229,216,.45);border-radius:18px;background:none}.pciv-topic-visual.is-electricity .pciv-visual-axis:before,.pciv-topic-visual.is-electricity .pciv-visual-axis:after{display:none}
.pciv-topic-visual.is-motion_signs .pciv-visual-arrow.arrow-a{width:32%}.pciv-topic-visual.is-motion_signs .pciv-visual-arrow.arrow-b{width:32%}
.pciv-topic-visual.is-heat .pciv-visual-object{background:radial-gradient(circle,#ffb148 0 35%,#bb4a25 36% 62%,#49221d 63%)}
.pciv-topic-visual.is-fluids .pciv-visual-axis{top:68%;height:48%;left:0;right:0;background:linear-gradient(180deg,rgba(53,193,215,.05),rgba(53,193,215,.28));border-top:2px solid rgba(82,227,220,.45)}
.pciv-case-output{min-height:54px;margin:0 0 11px;padding:12px 14px;border-radius:14px;background:rgba(47,199,190,.06);border:1px solid rgba(47,199,190,.14);color:#d7e7ec;font-size:12px;line-height:1.9;transition:background .2s ease}
.pciv-case-output.is-updated{background:rgba(246,196,78,.08);border-color:rgba(246,196,78,.2)}
.pciv-case-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pciv-case-switcher button{appearance:none;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:rgba(255,255,255,.025);color:#cbd9e3;padding:10px 9px;font-family:inherit;font-size:11px;line-height:1.6;cursor:pointer;transition:.18s ease}
.pciv-case-switcher button:hover,.pciv-case-switcher button.is-active{color:#fff;border-color:rgba(65,220,207,.42);background:rgba(65,220,207,.09);transform:translateY(-1px)}
.pciv-concept-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pciv-concept-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.11)}
.pciv-concept-steps li b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(45,207,196,.1);color:#7eebdf;font-size:12px}.pciv-concept-steps li span{color:#d3dfe7;font-size:12px;line-height:1.85}
.pciv-learning-golden,.pciv-learning-memory{margin-top:11px;padding:13px 14px;border-radius:15px}
.pciv-learning-golden{border:1px solid rgba(246,196,78,.25);background:linear-gradient(135deg,rgba(246,196,78,.09),rgba(246,196,78,.025))}.pciv-learning-golden span,.pciv-learning-memory span{display:block;font-size:11px;font-weight:800}.pciv-learning-golden span{color:#f7d77f}.pciv-learning-golden strong{display:block;margin-top:6px;color:#fff;font-size:13px;line-height:1.9}
.pciv-learning-memory{border:1px solid rgba(113,211,246,.16);background:rgba(113,211,246,.045)}.pciv-learning-memory span{color:#8bdcf7}.pciv-learning-memory p{margin:6px 0 0;color:#cddbe4;font-size:12px;line-height:1.8}
.pciv-science-library{margin-top:14px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(4,18,29,.45);overflow:hidden}
.pciv-science-library summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;cursor:pointer;color:#fff;font-weight:800;list-style:none}.pciv-science-library summary::-webkit-details-marker{display:none}.pciv-science-library summary:after{content:"⌄";font-size:20px;color:#77ddd4;transition:transform .2s ease}.pciv-science-library[open] summary:after{transform:rotate(180deg)}.pciv-science-library summary small{color:#8fa6b8;font-size:10px;font-weight:500;margin-right:auto}
.pciv-science-library .pciv-science-grid{padding:0 14px 14px}.pciv-science-library .pciv-science-deep-dive{margin:0 14px 14px}.pciv-science-library .pciv-science-deep-dive strong{display:block;color:#fff;font-size:13px}
.pciv-predict-card{margin-top:16px;padding:19px;border:1px solid rgba(246,196,78,.24);border-radius:20px;background:linear-gradient(145deg,rgba(246,196,78,.07),rgba(4,18,29,.62))}
.pciv-predict-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.pciv-predict-heading span{color:#f6d278;font-size:13px;font-weight:900}.pciv-predict-heading small{color:#9fb0bd;font-size:10px}.pciv-predict-card h3{margin:13px 0 12px;color:#fff;font-size:18px;line-height:1.9}
.pciv-predict-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pciv-predict-options button{appearance:none;display:flex;align-items:center;gap:9px;text-align:right;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(255,255,255,.025);color:#d2dfe7;padding:11px;font-family:inherit;cursor:pointer;transition:.18s ease}.pciv-predict-options button:hover{border-color:rgba(93,228,216,.36);background:rgba(93,228,216,.07)}.pciv-predict-options i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.055);font-style:normal;color:#9ddde1;font-size:11px}.pciv-predict-options button.is-correct{border-color:rgba(64,226,166,.45);background:rgba(64,226,166,.09);color:#fff}.pciv-predict-options button.is-wrong{border-color:rgba(251,113,133,.42);background:rgba(251,113,133,.08)}
.pciv-predict-feedback{margin-top:11px;padding:13px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:rgba(2,14,23,.5)}.pciv-predict-feedback strong{display:block;color:#fff;font-size:13px}.pciv-predict-feedback p{margin:6px 0 0;color:#cbd8e1;font-size:12px;line-height:1.9}.pciv-predict-feedback.is-correct{border-color:rgba(64,226,166,.3)}.pciv-predict-feedback.is-wrong{border-color:rgba(251,113,133,.3)}
@media (max-width:900px){.pciv-learning-summary,.pciv-concept-lab{grid-template-columns:1fr}.pciv-topic-visual{height:200px}}
@media (max-width:620px){.pciv-stage-v350 .pciv-learning-studio-v3110{padding:16px}.pciv-learning-summary-main,.pciv-learning-why,.pciv-concept-visual-card,.pciv-concept-steps{padding:15px}.pciv-learning-summary-main h3{font-size:17px}.pciv-case-switcher,.pciv-predict-options{grid-template-columns:1fr}.pciv-science-library summary{align-items:flex-start;flex-wrap:wrap}.pciv-science-library summary small{width:100%;margin:0}.pciv-topic-visual{height:178px}.pciv-predict-heading{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){.pciv-topic-visual *,.pciv-case-switcher button,.pciv-predict-options button{transition:none!important}}


/* 3.11.1 — clearer universal learning cards */
.pciv-concept-visual-card{display:flex;flex-direction:column;gap:14px}
.pciv-learning-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pciv-mini-lesson{border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.015));min-height:120px}
.pciv-mini-lesson span{display:block;margin-bottom:8px;font-size:11px;font-weight:800}
.pciv-mini-lesson p{margin:0;color:#d7e3ea;font-size:12px;line-height:1.95}
.pciv-mini-lesson.is-core{border-color:rgba(93,230,214,.22);background:linear-gradient(145deg,rgba(44,205,197,.08),rgba(4,18,29,.5))}
.pciv-mini-lesson.is-core span{color:#86f2e4}
.pciv-mini-lesson.is-example{border-color:rgba(246,196,78,.2);background:linear-gradient(145deg,rgba(246,196,78,.08),rgba(4,18,29,.48))}
.pciv-mini-lesson.is-example span{color:#f6d278}
.pciv-mini-lesson.is-application{border-color:rgba(113,211,246,.18);background:linear-gradient(145deg,rgba(113,211,246,.07),rgba(4,18,29,.5))}
.pciv-mini-lesson.is-application span{color:#93def5}
.pciv-mini-lesson.is-focus{border-color:rgba(110,231,183,.18);background:linear-gradient(145deg,rgba(110,231,183,.07),rgba(4,18,29,.5))}
.pciv-mini-lesson.is-focus span{color:#9cf2cc}
.pciv-case-panel{padding:15px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:rgba(2,16,27,.42)}
.pciv-case-panel-heading small{display:block;color:#79d8f4;font-size:11px;margin-bottom:4px}
.pciv-case-panel-heading strong{display:block;color:#fff;font-size:15px}
.pciv-case-output{min-height:58px;margin:12px 0 11px;padding:12px 14px;border-radius:14px;background:rgba(47,199,190,.06);border:1px solid rgba(47,199,190,.14);color:#d7e7ec;font-size:12px;line-height:1.95;transition:background .2s ease}
.pciv-case-output.is-updated{background:rgba(246,196,78,.08);border-color:rgba(246,196,78,.2)}
.pciv-case-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pciv-case-switcher button{appearance:none;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:rgba(255,255,255,.025);color:#cbd9e3;padding:10px 9px;font-family:inherit;font-size:11px;line-height:1.6;cursor:pointer;transition:.18s ease}
.pciv-case-switcher button:hover,.pciv-case-switcher button.is-active{color:#fff;border-color:rgba(65,220,207,.42);background:rgba(65,220,207,.09);transform:translateY(-1px)}
@media (max-width:900px){.pciv-learning-summary,.pciv-concept-lab,.pciv-learning-mini-grid{grid-template-columns:1fr}}
@media (max-width:620px){.pciv-mini-lesson{min-height:auto}.pciv-case-switcher,.pciv-predict-options{grid-template-columns:1fr}}


/* 3.12.0 — premium stage-learning hierarchy and topic identity */
.pciv-learning-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(148,163,184,.12);border-radius:22px;background:linear-gradient(135deg,rgba(9,35,50,.78),rgba(4,18,29,.58))}
.pciv-learning-hero-title{display:flex;align-items:center;gap:15px;min-width:0}
.pciv-learning-topic-icon{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:19px;border:1px solid rgba(94,229,216,.28);background:radial-gradient(circle at 35% 28%,rgba(84,235,219,.22),rgba(9,44,55,.82));box-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);font-size:30px}
.pciv-learning-hero h2{margin:4px 0 6px!important}.pciv-learning-hero p{margin:0;color:#aebfcb;line-height:1.9;font-size:12px}
.pciv-learning-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 16px;padding:9px;border:1px solid rgba(148,163,184,.11);border-radius:17px;background:rgba(2,14,23,.4)}
.pciv-learning-roadmap span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 9px;border-radius:12px;color:#8fa4b3;font-size:10px;font-weight:700;white-space:nowrap}
.pciv-learning-roadmap i{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.045);color:#a8bdca;font-style:normal;font-size:9px}
.pciv-learning-roadmap .is-active{color:#fff;background:linear-gradient(135deg,rgba(49,213,199,.15),rgba(49,213,199,.05));border:1px solid rgba(49,213,199,.2)}.pciv-learning-roadmap .is-active i{background:rgba(64,225,209,.18);color:#8df2e7}
.pciv-learning-outcomes{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(113,211,246,.15);border-radius:17px;background:rgba(113,211,246,.045)}
.pciv-learning-outcomes strong{color:#8bdcf7;font-size:11px;white-space:nowrap}.pciv-learning-outcomes ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.pciv-learning-outcomes li{position:relative;padding:7px 25px 7px 10px;border-radius:999px;background:rgba(255,255,255,.03);color:#cfdae2;font-size:10px;line-height:1.55}.pciv-learning-outcomes li:before{content:'✓';position:absolute;right:9px;color:#75e2c0;font-weight:900}
.pciv-learning-formula-strip{display:grid;grid-template-columns:auto minmax(150px,.7fr) minmax(220px,1.3fr);gap:14px;align-items:center;margin:-2px 0 16px;padding:14px 17px;border:1px solid rgba(246,196,78,.22);border-radius:17px;background:linear-gradient(135deg,rgba(246,196,78,.09),rgba(4,18,29,.58))}
.pciv-learning-formula-strip span{color:#f5ce70;font-size:11px;font-weight:800}.pciv-learning-formula-strip strong{color:#fff;font-size:18px;text-align:center;letter-spacing:.2px}.pciv-learning-formula-strip small{color:#aebdc7;font-size:10px;line-height:1.8}
.pciv-learning-summary-main{position:relative;overflow:hidden}.pciv-learning-summary-main:after{content:'۱';position:absolute;left:14px;top:10px;color:rgba(85,231,219,.08);font-size:72px;font-weight:900;line-height:1}
.pciv-learning-why{position:relative;overflow:hidden}.pciv-learning-why:after{content:'چرا؟';position:absolute;left:12px;bottom:2px;color:rgba(246,196,78,.06);font-size:38px;font-weight:900}
.pciv-concept-steps{position:relative;background:linear-gradient(145deg,rgba(5,20,32,.72),rgba(4,17,28,.54))}.pciv-concept-steps:before{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(#58e0d5,#f3c75d);opacity:.55;border-radius:0 22px 22px 0}
.pciv-mini-lesson{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pciv-mini-lesson:hover{transform:translateY(-2px);border-color:rgba(91,225,213,.3);box-shadow:0 12px 25px rgba(0,0,0,.12)}
.pciv-predict-card{position:relative;overflow:hidden}.pciv-predict-card:before{content:'؟';position:absolute;left:18px;top:-18px;color:rgba(246,196,78,.07);font-size:112px;font-weight:900;line-height:1}
.pciv-learning-studio-v3110[data-topic="motion"] .pciv-learning-topic-icon,.pciv-learning-studio-v3110[data-topic="motion_signs"] .pciv-learning-topic-icon,.pciv-learning-studio-v3110[data-topic="motion_graphs"] .pciv-learning-topic-icon{border-color:rgba(67,211,255,.34);background:radial-gradient(circle at 35% 28%,rgba(60,195,255,.25),rgba(8,39,57,.86))}
.pciv-learning-studio-v3110[data-topic="energy"] .pciv-learning-topic-icon,.pciv-learning-studio-v3110[data-topic="electricity"] .pciv-learning-topic-icon{border-color:rgba(246,196,78,.38);background:radial-gradient(circle at 35% 28%,rgba(246,196,78,.25),rgba(55,35,8,.78))}
.pciv-learning-studio-v3110[data-topic="heat"] .pciv-learning-topic-icon,.pciv-learning-studio-v3110[data-topic="thermodynamics"] .pciv-learning-topic-icon,.pciv-learning-studio-v3110[data-topic="plasma"] .pciv-learning-topic-icon{border-color:rgba(251,139,80,.38);background:radial-gradient(circle at 35% 28%,rgba(251,139,80,.28),rgba(63,24,16,.8))}
.pciv-learning-studio-v3110[data-topic="quantum"] .pciv-learning-topic-icon,.pciv-learning-studio-v3110[data-topic="relativity"] .pciv-learning-topic-icon,.pciv-learning-studio-v3110[data-topic="astronomy"] .pciv-learning-topic-icon{border-color:rgba(169,120,255,.38);background:radial-gradient(circle at 35% 28%,rgba(157,108,255,.27),rgba(34,18,65,.82))}
@media(max-width:900px){.pciv-learning-hero{align-items:flex-start}.pciv-learning-roadmap{grid-template-columns:repeat(5,140px);overflow-x:auto;justify-content:start}.pciv-learning-formula-strip{grid-template-columns:1fr;text-align:right}.pciv-learning-formula-strip strong{text-align:right}.pciv-learning-outcomes{grid-template-columns:1fr}.pciv-learning-outcomes strong{white-space:normal}}
@media(max-width:620px){.pciv-learning-hero{padding:15px;flex-direction:column}.pciv-learning-hero-title{align-items:flex-start}.pciv-learning-topic-icon{flex-basis:52px;width:52px;height:52px;border-radius:16px;font-size:24px}.pciv-learning-roadmap{grid-template-columns:repeat(5,124px)}.pciv-learning-formula-strip{padding:13px}.pciv-learning-outcomes ul{display:grid;grid-template-columns:1fr;width:100%}}

/* 3.13.1 — functional learning roadmap tabs */
.pciv-learning-roadmap button{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:7px 9px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#8fa4b3;
  font-family:inherit;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
  pointer-events:auto;
  position:relative;
  z-index:2;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.pciv-learning-roadmap button:hover,
.pciv-learning-roadmap button:focus-visible{
  color:#e8f7f7;
  border-color:rgba(86,224,212,.22);
  background:rgba(86,224,212,.06);
  outline:none;
  transform:translateY(-1px);
}
.pciv-learning-roadmap button i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:#a8bdca;
  font-style:normal;
  font-size:9px;
  transition:background .18s ease,color .18s ease;
}
.pciv-learning-roadmap button.is-active{
  color:#fff;
  background:linear-gradient(135deg,rgba(49,213,199,.16),rgba(246,196,78,.055));
  border-color:rgba(246,196,78,.46);
  box-shadow:0 8px 20px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.035);
}
.pciv-learning-roadmap button.is-active i{
  background:rgba(64,225,209,.18);
  color:#8df2e7;
}
.pciv-learning-panel{
  animation:pciv-learning-panel-in .26s ease both;
}
.pciv-learning-panel[hidden]{display:none!important}
.pciv-learning-panel.is-active{display:block}
.pciv-learning-mini-grid-wide{margin-bottom:0}
.pciv-learning-mini-grid-wide .pciv-mini-lesson{min-height:154px}
.pciv-case-panel-large{padding:22px}
.pciv-case-panel-large .pciv-case-output{min-height:88px;display:flex;align-items:center;font-size:14px}
.pciv-case-panel-large .pciv-case-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}
.pciv-concept-steps-wide{max-width:none}
.pciv-concept-steps-wide ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.pciv-science-library{margin-top:16px}
.pciv-predict-card{margin-top:0}
@keyframes pciv-learning-panel-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
@media(max-width:900px){
  .pciv-learning-roadmap button{min-width:132px}
  .pciv-concept-steps-wide ol{grid-template-columns:1fr}
}
@media(max-width:620px){
  .pciv-learning-roadmap button{min-width:116px;min-height:40px}
  .pciv-learning-roadmap button span{font-size:10px}
  .pciv-case-panel-large{padding:15px}
  .pciv-case-panel-large .pciv-case-switcher{grid-template-columns:1fr}
  .pciv-learning-mini-grid-wide .pciv-mini-lesson{min-height:auto}
}
@media(prefers-reduced-motion:reduce){.pciv-learning-panel{animation:none}}
.pciv-learning-roadmap button>span{
  display:inline;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  white-space:nowrap;
}