/* A shared folder silhouette groups a whole test or career direction. */
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}
.folder-card{--folder-paper:var(--direction-paper,var(--lemon));position:relative;isolation:isolate;border:0;background:none!important;border-radius:0;padding:62px 28px 28px;margin-top:24px}
.folder-card:before{content:'';position:absolute;z-index:-1;inset:26px 0 0;background:var(--folder-paper) url('/assets/zhini/paper.svg');border-radius:0 25px 25px 25px;pointer-events:none}
.folder-card:after{content:'';position:absolute;z-index:-1;left:0;top:0;width:clamp(145px,32%,260px);height:42px;border-radius:23px 23px 0 0;background:var(--folder-paper) url('/assets/zhini/paper.svg');clip-path:polygon(0 0,72% 0,100% 100%,0 100%);pointer-events:none}
.test-product{--folder-paper:var(--lemon)}
.test-product-heading{align-items:center;gap:16px;margin:0 0 24px}
.test-product-heading h3{margin:0 0 8px;font-size:28px;line-height:1.25}
.test-product-heading p{margin:0;font-size:15px;line-height:1.6;max-width:58ch}
.catalog-symbol{width:50px;height:50px;flex:0 0 50px}
.test-editions{gap:20px;align-items:stretch}
.test-edition{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;min-width:0;padding:24px;border-radius:22px;overflow:hidden}
.test-edition:before{content:'';position:absolute;right:-16px;top:45px;width:108px;height:108px;border:19px solid #ffffff59;border-radius:38% 62% 59% 41%;transform:rotate(20deg);z-index:-1;pointer-events:none}
.edition-advanced:before{right:-17px;top:60px;border-radius:50%;border-width:24px;width:100px;height:100px}
.edition-heading{align-items:center;gap:16px;margin:0 0 14px}
.edition-heading h4{font-size:23px;line-height:1.3;margin:0}
.edition-count{font-size:13px;white-space:nowrap;padding:4px 9px;background:#fffdf77d;border-radius:8px}
.edition-copy{min-height:72px;margin-bottom:16px;max-width:28ch}
.edition-copy p{margin:0;font-size:15px;line-height:1.65}
.edition-copy .edition-extra{margin-top:4px;font-size:12px}
.edition-progress{display:block;margin:0 0 18px;padding:0;margin-top:auto}
.edition-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px}
.edition-progress-label p{font-size:12px;margin:0;line-height:1.5;font-variant-numeric:tabular-nums}
.edition-progress progress{display:block;height:5px;width:100%;margin:9px 0 0;accent-color:#345fab;border:0;border-radius:4px;background:#fffdf7a6}
.edition-progress progress::-webkit-progress-bar{background:#fffdf7a6;border-radius:4px}.edition-progress progress::-webkit-progress-value{background:#345fab;border-radius:4px}.edition-progress progress::-moz-progress-bar{background:#345fab;border-radius:4px}
.edition-actions{display:grid;gap:10px}.edition-actions .button{display:flex;justify-content:space-between;width:100%;margin:0;min-height:50px;padding:12px 16px}
.edition-actions .text-button{width:100%;min-height:44px;justify-content:center;background:#fffdf7a6}
.report-page .direction-card{margin-bottom:26px}.report-page .direction-heading{margin:0 0 18px;align-items:center;gap:12px}.report-page .direction-heading h2{margin:0;font-size:24px;line-height:1.35}
.direction-card .section-title{display:grid;gap:10px;margin-bottom:16px}.direction-card .section-title .direction-heading{margin-bottom:0}
.direction-card .career-grid{gap:20px}.direction-card .career-card{display:flex;flex-direction:column;gap:0;padding:20px 0 0;margin:0;border-radius:0;min-width:0;background:none}
.direction-card .career-card h3{margin:12px 0 6px;line-height:1.35;font-size:22px}
.direction-card .career-card p{margin:0 0 12px;line-height:1.65}.direction-card .career-card .occupation{font-size:14px;font-weight:600}
.direction-card .career-card>.text-button{margin-top:auto;width:100%;min-height:44px}
.potential-section{--folder-paper:#dff0aa}.potential-basis{padding:12px 0 4px;border-top:1px dashed #a5b57b}.potential-basis p{font-size:13px;color:#384873}
.report-tools,.action-section{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.action-section h2,.action-section>p{flex:0 0 100%;margin:0}.action-section>p{margin-bottom:8px}.action-section .button,.action-section .text-button{margin:0}
.career-detail>.detail-section{padding:24px 0;margin:0;border-bottom:1px solid var(--line)}.career-detail>.detail-section h2{margin:0 0 14px;font-size:23px}.career-detail>.detail-section p{margin:8px 0}.career-detail .channel{padding:16px 0;margin:0}.career-detail .source-row{padding:10px 0}.career-detail .entry-steps{gap:12px}.career-detail .skill-list{gap:12px}
.report-image-entry{margin:16px 0}.report-nav{gap:16px}.report-cover{margin-bottom:16px}
@media(max-width:760px){.folder-card{padding:54px 18px 20px;margin-top:20px}.folder-card:before{border-radius:0 22px 22px 22px}.test-product-heading{gap:12px;margin-bottom:20px}.test-product-heading h3{font-size:25px}.test-product-heading p{font-size:14px}.catalog-symbol{width:42px;height:42px;flex-basis:42px}.test-editions{gap:16px}.test-edition{padding:22px}.edition-copy{min-height:0;margin-bottom:20px}.edition-heading{margin-bottom:12px}.edition-progress{margin-top:0}.report-page .direction-heading h2{font-size:22px}.direction-card .career-grid{gap:22px}.direction-card .career-card h3{font-size:21px}.action-section>.button,.action-section>.text-button{flex:1 1 160px}.report-tools>.button{flex:1 1 160px}}
@media(max-width:359px){.folder-card{padding-left:14px;padding-right:14px}.test-edition{padding:18px}.test-product-heading h3{font-size:22px}.test-product-heading{align-items:flex-start}}
@media print{.folder-card{padding:20px 16px;margin:16px 0;break-inside:auto}.folder-card:before{inset:0;border:1px solid #b7bfcb;border-radius:12px}.folder-card:after,.test-edition:before{display:none}.career-card{break-inside:avoid}.action-section{display:none}}
