.ph-v4-exact{--ink:#0b124b;--muted:#53639f;--violet:#5c35ff;--soft:#f7f6ff;--line:#e5e6fa;--shadow:0 10px 30px rgba(37,29,110,.08)}.ph-v4-exact *{box-sizing:border-box}.ph-v4-exact{scroll-behavior:smooth}.ph-v4-exact{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.ph-v4-exact a{color:inherit;text-decoration:none}.ph-v4-exact button,.ph-v4-exact input,.ph-v4-exact select{font:inherit}.ph-v4-exact button{cursor:pointer}.ph-v4-exact .ico{width:20px;height:20px;vertical-align:middle}.ph-v4-exact h1,.ph-v4-exact h2,.ph-v4-exact h3,.ph-v4-exact p{margin:0}.ph-v4-exact .top{height:58px;background:#fff;position:relative;z-index:10}.ph-v4-exact .top-in{height:100%;width:min(1328px,calc(100% - 84px));margin:auto;display:flex;align-items:center;gap:22px}.ph-v4-exact .brand img{width:135px;height:44px;object-fit:contain}.ph-v4-exact .premium{padding:9px 18px;border-radius:13px;background:linear-gradient(100deg,#9560ec,#4e27ff);color:white;font-weight:700}.ph-v4-exact .top nav{display:flex;gap:31px;margin:auto;font-size:12px;color:#354699;height:100%;align-items:center}.ph-v4-exact .top nav a{height:100%;display:flex;align-items:center;position:relative}.ph-v4-exact .top nav .active{color:#3224ff;font-weight:700}.ph-v4-exact .top nav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#4a34ff}.ph-v4-exact .account{display:flex;align-items:center;gap:10px}.ph-v4-exact .account img{width:34px;height:34px;border-radius:50%;object-fit:cover}.ph-v4-exact .round{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;color:#19216b}.ph-v4-exact .hero,.ph-v4-exact .catalogue-hero{height:246px;position:relative;overflow:hidden;border-radius:0 0 34px 34px;background:linear-gradient(110deg,#f4f7ff,#f0edff)}.ph-v4-exact .hero-art,.ph-v4-exact .catalogue-hero>img{position:absolute;right:0;top:0;width:59%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 13%)}.ph-v4-exact .hero-copy,.ph-v4-exact .catalogue-hero>div{position:relative;width:min(1325px,calc(100% - 108px));margin:auto;padding-top:25px;z-index:1}.ph-v4-exact .eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#5261b0;margin-bottom:5px}.ph-v4-exact .hero h1,.ph-v4-exact .catalogue-hero h1{font-size:53px;line-height:1.02;letter-spacing:-.045em}.ph-v4-exact .hero h2,.ph-v4-exact .catalogue-hero h2{font-size:24px;line-height:1.2;margin:4px 0 7px;color:#24398f}.ph-v4-exact .hero p,.ph-v4-exact .catalogue-hero p{font-size:16px;line-height:1.4;color:#344aa8;max-width:575px}.ph-v4-exact .hero-btn,.ph-v4-exact .catalogue-hero button,.ph-v4-exact .searchbar button,.ph-v4-exact .collection-hero button,.ph-v4-exact .big-continue,.ph-v4-exact .cta{border:0;border-radius:999px;padding:11px 25px;color:#fff;background:linear-gradient(100deg,var(--accent,#6c46ff),color-mix(in srgb,var(--accent,#6c46ff) 60%,#2323ff));font-weight:700;display:inline-flex;gap:11px;align-items:center;justify-content:center}.ph-v4-exact .hero-btn{margin-top:15px;font-size:15px}.ph-v4-exact .wrap{width:min(1328px,calc(100% - 108px));margin:auto}.ph-v4-exact .chips{height:53px;margin:8px auto 9px;display:flex;gap:12px;padding:7px 12px;background:#f8f6ff;border-radius:16px;overflow-x:auto}.ph-v4-exact .chip{min-width:120px;padding:7px 13px;border:1px solid #eeeeff;border-radius:11px;background:#fff;color:#253292;font-size:11px;font-weight:600;white-space:nowrap}.ph-v4-exact .chip.on{background:linear-gradient(100deg,#9363ff,#4c2cff);color:#fff}.ph-v4-exact .intro{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(100deg,#f8f5ff,#fbf7ff);border-radius:21px;padding:12px 20px;min-height:65px}.ph-v4-exact .intro>div:first-child{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center}.ph-v4-exact .intro h2{font-size:17px}.ph-v4-exact .intro p{grid-column:2;color:#4050a4;font-size:12px;margin-top:2px}.ph-v4-exact .benefits{display:flex;gap:24px}.ph-v4-exact .benefits span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;max-width:180px}.ph-v4-exact .section{margin-top:13px}.ph-v4-exact .section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:9px}.ph-v4-exact .section-head h2{font-size:23px;letter-spacing:-.025em}.ph-v4-exact .section-head a,.ph-v4-exact .section-head>span{font-size:11px;color:#2d31e6;display:inline-flex;gap:8px;align-items:center}.ph-v4-exact .section-head select,.ph-v4-exact .catalogue-main select{border:1px solid var(--line);border-radius:8px;padding:7px 11px;background:#fff;color:#283593}.ph-v4-exact .grid6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.ph-v4-exact .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ph-v4-exact .card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(25,28,100,.07);display:flex;flex-direction:column;min-width:0}.ph-v4-exact .card-img{height:125px;position:relative;overflow:hidden;background:#eef1ff}.ph-v4-exact .card-img img{width:100%;height:100%;object-fit:cover}.ph-v4-exact .kind{position:absolute;left:10px;bottom:9px;padding:5px 9px;border-radius:999px;background:#fff;color:var(--accent);font-size:10px;font-weight:700}.ph-v4-exact .fav{position:absolute;right:7px;top:8px;width:29px;height:29px;border:0;border-radius:50%;background:rgba(33,28,84,.35);color:#fff;display:grid;place-items:center}.ph-v4-exact .fav .ico{width:19px;height:19px}.ph-v4-exact .card-b{padding:8px 10px 10px;display:flex;flex-direction:column;flex:1}.ph-v4-exact .card h3{font-size:15px;line-height:1.16;letter-spacing:-.02em}.ph-v4-exact .card p{font-size:12px;line-height:1.3;color:#425199;margin-top:5px;flex:1}.ph-v4-exact .tags{display:flex;gap:6px;margin:9px 0 7px}.ph-v4-exact .tags span{padding:4px 7px;border-radius:999px;background:#eef0ff;color:#3c4aad;font-size:9px}.ph-v4-exact .cta{width:100%;padding:8px 11px;border-radius:10px;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 78%,white),var(--accent));font-size:11px}.ph-v4-exact .resume{margin-top:13px;background:linear-gradient(100deg,#f6efff,#f5f3ff);border-radius:18px;padding:10px 14px}.ph-v4-exact .resume-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ph-v4-exact .resume-head>div{display:flex;align-items:center;gap:10px}.ph-v4-exact .resume-head span{display:flex;flex-direction:column}.ph-v4-exact .resume-head strong{font-size:17px}.ph-v4-exact .resume-head small{color:#4d5aa7}.ph-v4-exact .resume-head a{font-size:11px;color:#2635ea;display:flex;align-items:center;gap:8px}.ph-v4-exact .resume-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ph-v4-exact .resume-item{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:6px}.ph-v4-exact .resume-item img{width:105px;height:55px;object-fit:cover;border-radius:8px}.ph-v4-exact .resume-item>div{flex:1}.ph-v4-exact .resume-item strong{font-size:12px}.ph-v4-exact .resume-item button{border:0;background:#ece9ff;border-radius:50%;width:31px;height:31px;color:#4931ff}.ph-v4-exact .bar{height:7px;background:#e5e9ff;border-radius:999px;overflow:hidden;margin-top:9px}.ph-v4-exact .bar i{height:100%;display:block;background:#13ae8a;border-radius:inherit}.ph-v4-exact .collections{padding-bottom:8px}.ph-v4-exact .collection-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ph-v4-exact .collection-row a{min-height:103px;border-radius:12px;padding:14px 18px;color:#fff;background:linear-gradient(110deg,#0e1f63,#1a62c5);display:flex;flex-direction:column;justify-content:center}.ph-v4-exact .collection-row a:nth-child(2){background:linear-gradient(110deg,#6b256e,#d54f9b)}.ph-v4-exact .collection-row a:nth-child(3){background:linear-gradient(110deg,#1b4d6c,#207f74)}.ph-v4-exact .collection-row b{font-size:9px}.ph-v4-exact .collection-row h3{font-size:17px;margin:6px 0 3px}.ph-v4-exact .collection-row p{font-size:12px;opacity:.95}.ph-v4-exact .universe-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.ph-v4-exact .universe{border-radius:13px;overflow:hidden;background:#112052;color:white;box-shadow:var(--shadow)}.ph-v4-exact .universe img{width:100%;height:130px;object-fit:cover}.ph-v4-exact .universe>div{padding:8px 13px 12px}.ph-v4-exact .universe h3{font-size:20px}.ph-v4-exact .universe p{font-size:12px;line-height:1.35;margin:5px 0 10px}.ph-v4-exact .universe b{display:flex;justify-content:center;align-items:center;gap:8px;background:var(--accent);padding:8px;border-radius:999px;font-size:11px}.ph-v4-exact .compact .resume-row{grid-template-columns:repeat(4,1fr)}.ph-v4-exact footer{min-height:74px;margin-top:10px;background:linear-gradient(176deg,#fff 0 20%,#f0efff 20% 100%);display:flex;justify-content:center;align-items:center;text-align:center;color:#4b54a0;font-size:11px}.ph-v4-exact .crown{font-size:24px;color:#8b4fff;margin-right:8px}.ph-v4-exact .prototype-note{text-align:center;padding:7px;color:#80849d;font-size:9px}.ph-v4-exact .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#17164a;color:#fff;padding:13px 18px;border-radius:13px;z-index:50;font-size:12px}.ph-v4-exact .catalogue-hero{height:214px}.ph-v4-exact .catalogue-hero>div{padding-top:30px}.ph-v4-exact .catalogue-hero h1{font-size:43px}.ph-v4-exact .catalogue-hero h2{font-size:20px;font-weight:600}.ph-v4-exact .catalogue-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;width:min(1390px,calc(100% - 58px));margin:10px auto 0}.ph-v4-exact .catalogue-nav,.ph-v4-exact .filter-panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);align-self:start;padding:14px}.ph-v4-exact .catalogue-nav h3{margin-bottom:8px}.ph-v4-exact .catalogue-nav>a{display:block;padding:11px 12px;border-radius:10px;color:#263694;font-size:12px}.ph-v4-exact .catalogue-nav>a.on{background:#eee9ff;color:#5434e7;font-weight:700}.ph-v4-exact .catalogue-nav hr{border:0;border-top:1px solid var(--line);margin:10px 0}.ph-v4-exact .catalogue-nav>b{display:block;padding:9px 8px}.ph-v4-exact .nav-art{margin-top:30px;background:linear-gradient(#efefff,#f7f5ff);padding:25px 10px;border-radius:12px;text-align:center;color:#512ddd}.ph-v4-exact .nav-art strong{font-size:38px}.ph-v4-exact .filter-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ph-v4-exact .filter-title b{font-size:16px}.ph-v4-exact .filter-title button{margin-left:auto;border:0;background:none;color:#4238e6;font-size:10px}.ph-v4-exact .filter-panel section{border-top:1px solid #edf0ff;padding:10px 0}.ph-v4-exact .filter-panel section:first-of-type{border-top:0}.ph-v4-exact .filter-panel h3{font-size:13px;display:flex;justify-content:space-between;margin-bottom:5px}.ph-v4-exact .filter-panel label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;font-size:11px;color:#334496;padding:4px 0}.ph-v4-exact .filter-panel small{color:#5c69b3}.ph-v4-exact .catalogue-main{min-width:0}.ph-v4-exact .searchbar{height:48px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:5px 8px 5px 16px;box-shadow:0 4px 16px rgba(33,30,100,.05)}.ph-v4-exact .searchbar input{border:0;outline:0;flex:1;color:#374695}.ph-v4-exact .searchbar button{min-width:115px;padding:9px 20px}.ph-v4-exact .searchbar .counter{font-size:12px;color:#4731f0;font-weight:700}.ph-v4-exact .cat-tabs{display:flex;gap:8px;margin:10px 0}.ph-v4-exact .cat-tabs a,.ph-v4-exact .cat-tabs button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 17px;color:#273498;font-size:11px}.ph-v4-exact .cat-tabs .on,.ph-v4-exact .cat-tabs a:first-child{background:#5c38ff;color:#fff}.ph-v4-exact .cat-tabs.tight{justify-content:flex-end;margin:-48px 0 14px}.ph-v4-exact .quick-filters,.ph-v4-exact .active-filters{display:flex;gap:10px;align-items:center;margin:10px 0}.ph-v4-exact .quick-filters select{flex:1}.ph-v4-exact .quick-filters strong{margin-left:auto;white-space:nowrap;color:#5360b0}.ph-v4-exact .active-filters span{padding:8px 13px;background:#eeeaff;border-radius:999px;color:#352ae0;font-size:11px}.ph-v4-exact .results-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.ph-v4-exact .results-head h2{font-size:18px}.ph-v4-exact .pagination{display:flex;justify-content:center;gap:7px;margin:16px 0}.ph-v4-exact .pagination button{width:35px;height:35px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#3a49a4}.ph-v4-exact .pagination button.on{background:#5638ff;color:#fff}.ph-v4-exact .story-list-hero{height:210px;position:relative;background:linear-gradient(110deg,#fff4ff,#ffe8fa);overflow:hidden;border-radius:0 0 36px 36px}.ph-v4-exact .story-list-hero>img{position:absolute;right:0;width:60%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 14%)}.ph-v4-exact .story-list-hero>div{position:relative;width:min(1408px,calc(100% - 100px));margin:auto;padding-top:20px}.ph-v4-exact .crumb{font-size:11px;color:#4050b5;margin-bottom:12px}.ph-v4-exact .story-list-hero h1{font-size:48px}.ph-v4-exact .story-list-hero h2{font-size:20px}.ph-v4-exact .story-list-hero p{font-size:15px;max-width:600px;color:#3447a0;line-height:1.4;margin-top:6px}.ph-v4-exact .story-grid .card-img{height:142px}.ph-v4-exact .resume-page{padding-top:10px}.ph-v4-exact .resume-tabs{display:flex;gap:12px;margin-bottom:12px}.ph-v4-exact .resume-tabs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 27px;color:#2d3b9c;font-weight:700}.ph-v4-exact .resume-tabs button.on{background:linear-gradient(100deg,#8d59ff,#5e32ff);color:#fff}.ph-v4-exact .resume-tabs b{margin-left:18px;background:#fff;color:#4c3be0;border-radius:50%;padding:4px 8px}.ph-v4-exact .featured-resume{display:grid;grid-template-columns:270px 1fr 310px 220px;gap:20px;align-items:center;padding:10px 14px;border-radius:17px;background:linear-gradient(100deg,#fbf7ff,#f5f2ff);margin-bottom:12px}.ph-v4-exact .featured-resume>img{width:270px;height:140px;object-fit:cover;border-radius:12px}.ph-v4-exact .featured-resume h2{font-size:20px}.ph-v4-exact .featured-resume h3{font-size:14px;margin:5px 0;color:#354599}.ph-v4-exact .featured-resume p{font-size:13px;color:#435099;line-height:1.4}.ph-v4-exact .featured-meta{background:#fff;border-radius:12px;padding:14px}.ph-v4-exact .big-continue{font-size:16px}.ph-v4-exact .course-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ph-v4-exact .course-row{display:grid;grid-template-columns:155px 1fr 80px 135px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:6px;background:#fff}.ph-v4-exact .course-row>img{width:155px;height:68px;object-fit:cover;border-radius:9px}.ph-v4-exact .course-row span{font-size:10px;color:#3e4c9b}.ph-v4-exact .course-row h3{font-size:13px;margin:4px 0}.ph-v4-exact .course-row small{font-size:10px;color:#5260aa}.ph-v4-exact .course-row button{border:0;background:#e7e9ff;color:#313be4;border-radius:999px;padding:8px 13px}.ph-v4-exact .recommend-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ph-v4-exact .recommend-row article{display:grid;grid-template-columns:90px 1fr;gap:12px;border:1px solid var(--line);border-radius:12px;padding:7px}.ph-v4-exact .recommend-row img{grid-row:1/4;width:90px;height:73px;object-fit:cover;border-radius:8px}.ph-v4-exact .recommend-row b{font-size:9px;color:#17a471}.ph-v4-exact .recommend-row h3{font-size:13px}.ph-v4-exact .recommend-row p{font-size:11px;color:#5663a3}.ph-v4-exact .collection-hero{height:290px;background:#07184c;color:#fff;position:relative;overflow:hidden;border-radius:0 0 30px 30px}.ph-v4-exact .collection-hero>img{position:absolute;right:0;width:55%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 15%)}.ph-v4-exact .collection-hero>div{position:relative;width:min(1328px,calc(100% - 100px));margin:auto;padding-top:25px;z-index:1}.ph-v4-exact .collection-pill{background:#b883ff;color:#241147;border-radius:999px;padding:6px 12px;font-weight:700}.ph-v4-exact .collection-hero h1{font-size:48px;margin:12px 0 4px}.ph-v4-exact .collection-hero h2{font-size:22px;max-width:620px}.ph-v4-exact .collection-hero p{font-size:14px;line-height:1.5;max-width:650px;margin:8px 0 16px}.ph-v4-exact .collection-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#f8f5ff;margin:14px 0 18px;border-radius:17px}.ph-v4-exact .collection-benefits>div{display:grid;grid-template-columns:42px 1fr;column-gap:8px;padding:15px;border-right:1px solid #ddd9f6}.ph-v4-exact .collection-benefits>div:last-child{border-right:0}.ph-v4-exact .collection-benefits b{font-size:13px}.ph-v4-exact .collection-benefits span{font-size:11px;color:#4655a0;grid-column:2}.ph-v4-exact .suggested-path{background:#f5f0ff;border-radius:16px;padding:10px 13px;margin-top:13px}.ph-v4-exact .path-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ph-v4-exact .path-item{display:grid;grid-template-columns:27px 65px 1fr 25px;align-items:center;gap:6px;background:white;padding:6px;border-radius:10px;font-size:10px}.ph-v4-exact .path-item b{width:25px;height:25px;border-radius:50%;background:#edf0ff;display:grid;place-items:center}.ph-v4-exact .path-item img{width:65px;height:45px;object-fit:cover;border-radius:7px}.ph-v4-exact .collection-more{margin-top:12px;background:linear-gradient(100deg,#211078,#0c1f69);color:#fff;padding:16px 22px;border-radius:13px;display:flex;align-items:center;justify-content:space-between}.ph-v4-exact .collection-more h2{font-size:17px}.ph-v4-exact .collection-more p{font-size:11px;margin-top:3px}.ph-v4-exact .collection-more button{background:#fff;color:#3828d8;border:0;border-radius:999px;padding:11px 34px;font-weight:700}.ph-v4-exact .review{padding:35px 0}.ph-v4-exact .review h1{font-size:40px}.ph-v4-exact .review>p{color:#52609d;margin:9px 0 25px}.ph-v4-exact .review-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ph-v4-exact .review-links a{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fff}.ph-v4-exact .review-links b,.ph-v4-exact .review-links span{display:block}.ph-v4-exact .review-links span{font-size:11px;color:#52609d;margin-top:4px}.ph-v4-exact .review h2{margin:35px 0 12px}.ph-v4-exact .next-refs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ph-v4-exact .next-refs figure{margin:0}.ph-v4-exact .next-refs img{width:100%;border-radius:13px;border:1px solid var(--line)}.ph-v4-exact .next-refs figcaption{font-size:11px;color:#59649b;margin-top:6px}
@media(max-width:1100px){.ph-v4-exact .top nav{gap:17px}.ph-v4-exact .grid6{grid-template-columns:repeat(3,1fr)}.ph-v4-exact .universe-grid{grid-template-columns:repeat(3,1fr)}.ph-v4-exact .grid4{grid-template-columns:repeat(2,1fr)}.ph-v4-exact .catalogue-layout{grid-template-columns:220px 1fr}.ph-v4-exact .featured-resume{grid-template-columns:220px 1fr}.ph-v4-exact .featured-resume>img{width:220px}.ph-v4-exact .featured-meta,.ph-v4-exact .big-continue{display:none}.ph-v4-exact .course-list{grid-template-columns:1fr}.ph-v4-exact .review-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.ph-v4-exact .top-in{width:calc(100% - 24px)}.ph-v4-exact .top nav{display:none}.ph-v4-exact .brand img{width:110px}.ph-v4-exact .premium{padding:7px 10px;font-size:11px}.ph-v4-exact .account strong,.ph-v4-exact .account span{display:none}.ph-v4-exact .hero,.ph-v4-exact .catalogue-hero{height:auto;min-height:415px;padding-bottom:185px}.ph-v4-exact .hero-art,.ph-v4-exact .catalogue-hero>img{top:auto;bottom:0;width:100%;height:195px;mask-image:linear-gradient(180deg,transparent,#000 12%)}.ph-v4-exact .hero-copy,.ph-v4-exact .catalogue-hero>div{width:calc(100% - 30px);padding-top:22px}.ph-v4-exact .hero h1,.ph-v4-exact .catalogue-hero h1{font-size:38px}.ph-v4-exact .hero h2,.ph-v4-exact .catalogue-hero h2{font-size:20px}.ph-v4-exact .hero p,.ph-v4-exact .catalogue-hero p{font-size:14px}.ph-v4-exact .wrap{width:calc(100% - 24px)}.ph-v4-exact .chips{margin:10px 0}.ph-v4-exact .intro{flex-direction:column;align-items:flex-start}.ph-v4-exact .benefits{width:100%;overflow-x:auto}.ph-v4-exact .grid6,.ph-v4-exact .grid4,.ph-v4-exact .universe-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.ph-v4-exact .grid6 .card,.ph-v4-exact .grid4 .card{flex:0 0 235px;scroll-snap-align:start}.ph-v4-exact .universe{flex:0 0 215px}.ph-v4-exact .resume-row{grid-template-columns:1fr}.ph-v4-exact .compact .resume-row{grid-template-columns:1fr}.ph-v4-exact .collection-row{grid-template-columns:1fr}.ph-v4-exact .catalogue-layout{display:block;width:calc(100% - 20px)}.ph-v4-exact .catalogue-nav,.ph-v4-exact .filter-panel{display:none}.ph-v4-exact .cat-tabs{overflow-x:auto}.ph-v4-exact .quick-filters{overflow-x:auto}.ph-v4-exact .quick-filters select{min-width:180px}.ph-v4-exact .active-filters{overflow-x:auto}.ph-v4-exact .results-head{margin-top:12px}.ph-v4-exact .story-list-hero{height:350px}.ph-v4-exact .story-list-hero>img{width:100%;height:190px;top:auto;bottom:0;mask-image:linear-gradient(180deg,transparent,#000 12%)}.ph-v4-exact .story-list-hero>div{width:calc(100% - 28px)}.ph-v4-exact .story-list-hero h1{font-size:38px}.ph-v4-exact .featured-resume{grid-template-columns:1fr}.ph-v4-exact .featured-resume>img{width:100%;height:170px}.ph-v4-exact .course-row{grid-template-columns:95px 1fr}.ph-v4-exact .course-row>img{width:95px}.ph-v4-exact .course-row small,.ph-v4-exact .course-row button{display:none}.ph-v4-exact .recommend-row{grid-template-columns:1fr}.ph-v4-exact .collection-hero{height:480px;padding-bottom:210px}.ph-v4-exact .collection-hero>img{top:auto;bottom:0;width:100%;height:235px;mask-image:linear-gradient(180deg,transparent,#000 13%)}.ph-v4-exact .collection-hero>div{width:calc(100% - 30px)}.ph-v4-exact .collection-hero h1{font-size:38px}.ph-v4-exact .collection-benefits{grid-template-columns:1fr 1fr}.ph-v4-exact .collection-benefits>div{border-bottom:1px solid #ddd9f6}.ph-v4-exact .path-row{display:flex;overflow-x:auto}.ph-v4-exact .path-item{min-width:245px}.ph-v4-exact .collection-more{flex-direction:column;gap:12px;align-items:flex-start}.ph-v4-exact .review-links{grid-template-columns:1fr 1fr}.ph-v4-exact .next-refs{grid-template-columns:1fr}}
@media(max-width:720px){
  .ph-v4-exact{overflow-x:hidden}
  .ph-v4-exact .catalogue-layout,.ph-v4-exact .catalogue-main,.ph-v4-exact .story-layout{min-width:0;max-width:100%}
  .ph-v4-exact .catalogue-main{width:100%}
  .ph-v4-exact .catalogue-main .searchbar{height:auto;min-height:48px;flex-wrap:wrap;gap:7px;padding:7px 8px}
  .ph-v4-exact .catalogue-main .searchbar input{min-width:0;flex:1 1 185px;width:auto}
  .ph-v4-exact .catalogue-main .searchbar button{min-width:102px;max-width:116px;padding:9px 12px;flex:0 0 auto}
  .ph-v4-exact .catalogue-main .searchbar select{max-width:180px;min-width:0}
  .ph-v4-exact .catalogue-main .grid4{max-width:100%;width:100%}
  .ph-v4-exact .story-layout .searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .ph-v4-exact .story-layout .searchbar input{grid-column:1 / -1;width:100%}
  .ph-v4-exact .story-layout .searchbar .counter{min-width:0;font-size:10px}
  .ph-v4-exact .story-layout .searchbar select{width:170px;max-width:45vw}
  .ph-v4-exact .cat-tabs.tight{margin:8px 0}
  .ph-v4-exact .quick-filters strong{margin-left:0}
}
/* ALLO-CARD-TEXT v1 — description des cartes de sous-hub (/syntheses, /immersifs, /stories) :
   elle heritait de 16px/25.6px, soit PLUS GROS que son propre titre (15px), et courait
   jusqu'a 10 lignes -> cartes dépareillées. Reduite et coupee a 3 lignes avec « … ». */
.ph-v4-exact .card > .card-b > p{
  font-size:13px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
/* ALLO-CARD-TITLE v1 — titre des cartes de sous-hub coupe a 2 lignes max (Boss 20/09),
   pour que toutes les cartes d'une rangee aient la meme hauteur. */
.ph-v4-exact .card > .card-b > h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
/* ALLO-PREMIUM-OFFER v1 — bloc Premium des HP (Common @edtech-hp) sur /immersifs : aligne sur la largeur du sous-hub (.wrap 1328px), pas de 1180px centre ni de 48px du dessus. */
.ph-v4-exact .r4-premium-offer .edhp-premium-offer{max-width:none!important;margin:0!important}
/* dans la grille des cartes : pleine largeur sur la rangee, meme rythme que le gap (13px) */
.ph-v4-exact .grid6>.r4-premium-offer--grid{grid-column:1/-1;margin:4px 0}
/* /univers : au-dessus de « Pour commencer » */
.ph-v4-exact .r4-premium-offer--home{margin:28px 0 0}
/* sous-hubs en mobile (<=900px) : .grid6 devient un rail horizontal (flex + overflow-x), le bloc y ferait 263px.
   On le retire du rail et on montre la 2e instance, placee avant « Pour commencer ». */
.ph-v4-exact .r4-premium-offer--mobile{display:none}
@media(max-width:900px){.ph-v4-exact .grid6>.r4-premium-offer--grid{display:none}.ph-v4-exact .r4-premium-offer--mobile{display:block;margin:20px 0 0}}