.resource-page-hero{padding-top:65px;padding-bottom:50px;display:flex;justify-content:space-between;align-items:center;gap:40px}.resource-page-hero h1{font-size:47px;line-height:1.4;letter-spacing:-1.7px;margin:16px 0 19px;font-weight:750}.title-dot{color:#9872e6;margin-left:3px}.resource-page-hero>div>p:last-child{font-size:14px;color:#766282;line-height:1.9;margin:0}.toolbox-art{position:relative;width:290px;height:185px;flex:none}.toolbox-tile{width:83px;height:92px;border:1px solid #e7d8f6;border-radius:15px;display:grid;place-items:center;position:absolute;box-shadow:0 16px 25px #7f4ba712;background:linear-gradient(130deg,#fff,#f3e8fc);color:#b08bc9}.toolbox-tile>.icon{width:35px;height:35px;stroke-width:1.2}.tile-one{left:20px;top:15px;transform:rotate(-15deg)}.tile-two{left:98px;top:38px;transform:rotate(8deg);background:linear-gradient(140deg,#a987df,#7c57ad);color:#f1dfff;z-index:2}.tile-three{right:15px;top:7px;transform:rotate(17deg)}.toolbox-caption{font-family:Georgia,serif;font-size:13px;font-style:italic;color:#c4acd5;position:absolute;bottom:10px;left:65px}.resources-catalogue{padding-bottom:85px}.catalogue-tools{border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.category-filters{display:flex;gap:4px}.category-filters button{font-size:12px;padding:9px 16px;white-space:nowrap}.category-filters button[aria-pressed=true]{background:#f1e7fc;color:#8a5cad}.category-filters button>span{display:inline-grid;place-items:center;margin-left:5px;min-width:17px;height:17px;border-radius:4px;background:#e7d6f5;color:#a17bbd;font-size:9px}.resource-search{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 13px;border:1px solid #e8ddf1;border-radius:8px;background:#fff;width:310px}.resource-search>.icon{width:16px;height:16px;color:#c0a6d2}.resource-search input{min-width:0;flex:1;border:0;background:transparent;outline-offset:3px;font-size:11px;color:#78528e;padding:3px 0}.resource-search input::placeholder{color:#c7b1d3}.resource-search button{border:0;border-radius:5px;background:#f5eefb;color:#a582bb;font-size:10px;padding:7px 12px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.resource-card{border:1px solid #e8deef;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 6px 20px #6b388a04;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s}.resource-card:hover{transform:translateY(-5px);border-color:#d3b5e5;box-shadow:0 14px 35px #7e469911}.resource-item{min-width:0}.resource-item[hidden]{display:none}.resource-cover{height:168px;position:relative;overflow:hidden;border-bottom:1px solid #eee3f5}.career-cover{background:radial-gradient(ellipse at 80% 20%,#efe4fa,transparent 65%),linear-gradient(120deg,#f7f1fc,#f1e5fa)}.resource-cover:after{content:"";position:absolute;right:-65px;bottom:-100px;width:260px;height:260px;border:1px solid #e7d6f3;border-radius:50%;box-shadow:0 0 0 24px #f0e2f834}.cover-eyebrow{position:absolute;left:22px;top:17px;color:#b296c6;font-size:8px;letter-spacing:2px;z-index:2}.resume-sheet{position:absolute;right:57px;top:28px;width:125px;height:160px;border-radius:6px;background:#fff;box-shadow:0 15px 20px #80539c14;transform:rotate(13deg);padding:15px 14px;z-index:2}.resume-avatar{width:22px;height:22px;border-radius:50%;background:#e7d6f2}.resume-name{display:block;position:absolute;left:47px;top:19px;width:47px;height:5px;border-radius:3px;background:#d3bbdf}.resume-rule{height:3px;display:block;margin-top:12px;background:#f0e5f7;width:100%;border-radius:3px}.resume-rule.medium{width:77%;margin-top:7px}.resume-rule.short{width:55%;margin-top:7px}.cover-icon{position:absolute;left:45px;top:47px;width:65px;height:65px;border:1px solid #e8d9f4;border-radius:18px;transform:rotate(-9deg);z-index:3;color:#b193ca;background:linear-gradient(130deg,#fff,#f1e5f9);box-shadow:0 9px 20px #76528c0e;display:grid;place-items:center}.cover-icon>.icon{width:35px;height:35px;stroke-width:1.3}.cover-pill{position:absolute;left:22px;bottom:17px;background:#ffffffb5;color:#b39ac3;border:1px solid #eadff2;padding:4px 8px;border-radius:4px;font-size:8px;letter-spacing:1px;z-index:4}.cover-word{position:absolute;bottom:45px;left:22px;font-size:22px;font-weight:750;color:#bca2cf;letter-spacing:-.7px;z-index:4}.video-cover{background:linear-gradient(135deg,#efe5fa,#eadcf7)}.video-screen{position:absolute;right:38px;top:31px;width:160px;height:94px;background:linear-gradient(135deg,#c2a7dc,#9274b1);border:5px solid #fff;border-radius:8px;box-shadow:0 14px 25px #65427d16;transform:rotate(-6deg);display:grid;place-items:center;z-index:3}.video-play{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ddc6ee;border-radius:50%;font-size:9px;padding-left:2px;color:#f1e1fc}.video-caption{position:absolute;bottom:8px;font-size:6px;color:#f5eaff;padding:1px 4px;border-radius:2px;background:#6c4c8b5c}.timeline{position:absolute;left:26px;top:60px;width:100px;height:63px;transform:rotate(9deg);z-index:4;display:grid;gap:5px;padding:8px;background:#ffffffd1;border:1px solid #e5d6f1;border-radius:6px}.timeline span{display:block;background:linear-gradient(90deg,#d4bce5 35%,transparent 35% 40%,#dac7e6 40%);border-radius:2px}.timeline span:nth-child(2){width:85%;background:#e3d7ee}.timeline span:nth-child(3){width:65%;background:#cfb6df}.resource-card-body{padding:22px 22px 18px;display:flex;flex:1;flex-direction:column}.resource-card-tags{display:flex;align-items:center;gap:6px;font-size:11px;color:#80668f;margin-bottom:13px}.resource-card-tags>span{padding:2px 6px;background:#f7f1fc;border-radius:4px}.resource-card-tags>small{margin-left:auto;color:#8b749a;font-size:9px}.resource-card h2{font-size:19px;letter-spacing:-.3px;font-weight:700;margin:0 0 10px;color:#715180}.resource-card p{font-size:14px;color:#746080;line-height:1.85;min-height:47px;margin-bottom:23px}.resource-card-foot{border-top:1px solid #f1e8f8;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto}.resource-view{display:flex;align-items:center;gap:6px;color:#a17cbd;font-size:10px;font-weight:650}.resource-view>.icon{width:13px;height:13px}.resource-count{font-size:11px;color:#80698f}.resource-count strong{font-size:11px;color:#76518f;margin-left:5px;font-weight:650}.catalogue-footer{display:flex;justify-content:space-between;align-items:center;margin:25px 0 0;color:#81668f;font-size:10px}.page-marker{border:1px solid #eee3f6;padding:4px 9px;border-radius:5px;background:#fcf9ff;font-size:9px}.count-note{font-size:9px;color:#80678f;line-height:1.8;margin-top:16px}.resource-empty{text-align:center;padding:70px 20px;border:1px dashed #e5d6ef;border-radius:10px;color:#aa8dbd;font-size:13px}.installation-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #eee3f5;border-radius:12px;background:#fcf9ff;padding:26px 28px;margin-top:48px}.installation-strip>div{display:flex;align-items:center;gap:13px}.installation-strip>div>span{display:grid;place-items:center;width:32px;height:32px;background:#f2e8fa;color:#b99ccc;border-radius:8px;font-size:10px}.installation-strip p{display:grid;gap:5px;margin:0}.installation-strip strong{font-size:12px;color:#9c7caf;font-weight:650}.installation-strip small{font-size:9px;color:#c0a6ce}.installation-strip>i{color:#dec9ec}.installation-strip>i>.icon{width:16px;height:16px}.preview-link-note{margin:13px 0 0;font-size:9px;color:#867094;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-strip{gap:12px;padding:23px}.installation-strip>i{display:none}}
@media(max-width:860px){.resource-page-hero h1{font-size:39px}.toolbox-art{transform:scale(.85);transform-origin:right center;width:235px}.catalogue-tools{flex-wrap:wrap}.resource-search{margin-left:auto;width:280px}.category-filters button{padding:8px 12px}.installation-strip{display:grid;grid-template-columns:1fr;gap:22px}.installation-strip>div>span{width:38px;height:38px}.count-note{font-size:10px}.preview-link-note{font-size:10px}}
@media(max-width:600px){.resource-page-hero{padding-top:40px;padding-bottom:32px;display:block}.resource-page-hero h1{font-size:34px;margin-top:12px;letter-spacing:-1px}.resource-page-hero>div>p:last-child{font-size:12px}.toolbox-art{display:none}.catalogue-tools{gap:18px;padding-bottom:20px;margin-bottom:25px}.category-filters{gap:1px;width:100%}.category-filters button{font-size:11px;padding:8px 13px}.resource-search{width:100%;margin:0;min-height:44px}.resource-search input{font-size:14px}.resource-search button{font-size:11px}.resource-grid{grid-template-columns:1fr;gap:23px}.resource-cover{height:165px}.resource-card h2{font-size:20px}.resource-card p{font-size:12px;min-height:0}.resource-card-body{padding:22px}.resource-card-tags{font-size:10px}.resource-view{font-size:11px}.resource-count{font-size:10px}.catalogue-footer{font-size:10px}.resources-catalogue{padding-bottom:50px}.installation-strip{padding:23px 20px;margin-top:32px}.installation-strip strong{font-size:12px}.installation-strip small{font-size:10px}.preview-link-note{font-size:9px}}

.resource-back{display:inline-block;margin:0 0 20px;color:var(--muted);font-size:13px;text-decoration:none}.resource-back:hover{color:var(--green-dark)}
.resource-detail{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.resource-hero{padding:25px 28px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.resource-hero h1{font-size:32px;margin:5px 0 8px;line-height:1.3}.resource-hero>p{margin:5px 0;color:var(--muted)}
.resource-download-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.resource-download-bar form{margin:0}.resource-download-button{padding:11px 20px;min-height:44px;border:0;border-radius:8px;color:#fff;background:var(--green);font-weight:700;cursor:pointer}.resource-download-button:hover{background:var(--green-dark)}
.resource-code{display:inline-block;margin-left:6px;padding:2px 9px;background:var(--soft);border-radius:5px;color:var(--ink);letter-spacing:.1em;user-select:all}.resource-detail-count{margin-left:auto;color:var(--muted)}.resource-detail-count strong{margin-left:8px;color:var(--ink);font-variant-numeric:tabular-nums}
.resource-action-status{font-size:12px;min-height:1.5em}.resource-detail-body{max-width:780px}.resource-section{padding-top:30px}.resource-section h2{font-size:23px;line-height:1.4;margin:0 0 14px}.resource-section p{color:#64637a;margin:0}.resource-section p+p{margin-top:12px}
.resource-reading-list,.resource-steps{margin:0;padding-left:22px;color:#64637a}.resource-reading-list li,.resource-steps li{padding:4px 0 8px 4px}.resource-reading-list strong,.resource-steps strong{color:var(--ink)}
.resource-feature-list{margin:0}.resource-feature-list>div{padding:14px 0;border-bottom:1px solid var(--line)}.resource-feature-list>div:first-child{padding-top:0}.resource-feature-list dt{font-weight:700;margin-bottom:6px}.resource-feature-list dd{margin:0;color:#64637a}
.resource-example-label{font-size:15px;margin:19px 0 8px}.resource-example{margin:0;padding:12px 17px;background:var(--paper);border-left:3px solid var(--line);color:var(--ink)}.resource-prompt{margin:14px 0 0;padding:17px 19px;border-left:3px solid var(--green);background:var(--soft);border-radius:0 7px 7px 0}
.resource-setup-code{margin:15px 0 0;padding:15px 18px;border:1px solid var(--line);border-radius:7px;background:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:14px}.resource-faq{padding:13px 0;border-bottom:1px solid var(--line)}.resource-faq summary{cursor:pointer;font-weight:700}.resource-faq p{margin-top:10px;padding-left:16px}.resource-section a,.resource-metadata a{color:var(--green-dark);text-underline-offset:3px}
.resource-source-note{font-size:13px;margin-top:12px!important}.resource-metadata{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}

.resource-detail{width:calc(100% - 64px);max-width:1000px;margin:40px auto 65px}.resource-detail-body{max-width:850px}.resource-pagination{display:flex;gap:14px;align-items:center}.resource-pagination a{color:var(--purple)}@media(max-width:600px){.resource-detail{width:calc(100% - 36px);margin-top:28px}.resource-hero{padding:22px}.resource-hero h1{font-size:27px}.resource-detail-count{margin-left:0}}

.social-cover{background:linear-gradient(130deg,#f0e8ff,#f7f0ff 65%,#e9dcff);overflow:hidden}.social-sheet{position:absolute;top:38px;left:24%;width:54%;padding:18px 22px 28px;border:1px solid #e4d6f5;border-radius:12px;background:#fff;box-shadow:0 15px 24px #6b39831a;transform:rotate(-7deg)}.social-sheet>span{display:flex;gap:6px;align-items:center;font-size:11px;color:#9373b7}.social-sheet>span>.icon{width:15px;height:15px}.social-sheet strong{display:block;margin-top:12px;font-size:21px;line-height:1.5;color:#594274}.social-sheet i{display:block;height:3px;width:80%;margin-top:10px;background:#eee4f8}.social-sheet i:last-child{width:60%}.social-channel{position:absolute;padding:7px 13px;border-radius:7px;border:1px solid #ddcaf0;background:#fff9;color:#7a519b;font-size:12px;backdrop-filter:blur(8px)}.channel-one{left:12%;top:99px;transform:rotate(-12deg)}.channel-two{right:9%;top:132px;transform:rotate(10deg)}

/* Five additional resource illustrations, scoped to the catalogue. */
.added-cover{background:linear-gradient(125deg,#f4edfc,#e9def7);--cover-accent:#9e78c4}.added-cover .cover-eyebrow{font-size:11px;letter-spacing:2px;color:#806092}.added-preview{position:absolute;right:28px;top:27px;width:142px;height:112px;border:1px solid #e1d2ee;border-radius:9px;background:#ffffffdb;box-shadow:0 12px 22px #75568b14;transform:rotate(7deg);z-index:2}.added-preview-bar{height:22px;border-bottom:1px solid #ede3f4;display:flex;align-items:center;gap:4px;padding-left:9px}.added-preview-bar i{width:4px;height:4px;background:#d9c7e8;border-radius:50%}.added-preview-body{padding:13px 15px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center}.added-preview-body>.icon{grid-row:span 2;width:28px;height:28px;color:var(--cover-accent)}.added-preview-body>span{height:6px;border-radius:4px;background:#eadff2}.added-preview-body>span:last-child{width:70%}.added-cover-line{position:absolute;left:22px;top:67px;width:42%;color:#75558e;font-size:18px;line-height:1.5;z-index:3;text-wrap:balance}.added-cover .cover-pill{color:#86669e;font-size:9px}.browser-cover{background:linear-gradient(125deg,#f0ecff,#e1e7fb);--cover-accent:#8587bf}.learning-cover{background:linear-gradient(125deg,#fff6ec,#efe5fa);--cover-accent:#b894b0}.simulation-cover{background:linear-gradient(125deg,#f0e9fa,#e1ebf4);--cover-accent:#879bb4}.design-cover{background:linear-gradient(125deg,#f9ecf7,#e6dff9);--cover-accent:#ac82b7}.creation-cover .added-preview{transform:rotate(-8deg)}.learning-cover .added-preview{transform:rotate(5deg);border-radius:4px 12px 12px 4px}.simulation-cover .added-preview-body>.icon{width:32px;height:32px}.design-cover .added-preview-body>span{height:14px;background:linear-gradient(90deg,#d0b6e3 35%,#efdeee 35% 70%,#c9c8e4 70%)}
@media(max-width:600px){.resource-card-tags{flex-wrap:wrap;row-gap:7px}.resource-card-tags>small{overflow-wrap:anywhere}.added-cover-line{font-size:18px}.added-preview{right:23px}}