/* Courieve: colorful theme illustrations + pale-blue translucent functional glyphs. */
.c-icon{display:inline-block;vertical-align:middle;flex-shrink:0;overflow:visible;pointer-events:none;stroke:none;fill:none}
.c-icon image{pointer-events:none}
.c-icon--blue{width:18px;height:18px}
.c-icon--color{width:var(--icon-size,32px)!important;height:var(--icon-size,32px)!important;min-width:var(--icon-size,32px);flex-shrink:0;padding:0!important;background:none!important;border:0!important;opacity:1!important}
.c-icon--close image{transform:rotate(45deg);transform-origin:12px 12px}
.c-icon--redo image{transform:scaleX(-1);transform-origin:12px 12px}
.c-icon--left image{transform:rotate(180deg);transform-origin:12px 12px}
.c-icon--up image{transform:rotate(180deg);transform-origin:12px 12px}
button.primary .c-icon--blue,.primary>.c-icon--blue,.expert-primary .c-icon--blue,.smart-planning-launch .c-icon--blue,.consult-send .c-icon--blue,.mm-map-details .c-icon--blue{filter:brightness(0) invert(1)}
.c-topic-title{display:flex;align-items:center;gap:14px}
.c-topic-title>div{min-width:0}
.c-topic-title h1{margin-top:0}
.home-benefit-icon{background:transparent!important}
.home-benefit-icon .c-icon--color{--icon-size:34px}
.campus-benefits>div{align-items:center}
.campus-benefits .c-icon--color{--icon-size:48px;margin-right:0}
.offer-choice-icon{width:72px!important;height:72px!important;background:transparent!important;margin-bottom:14px!important}
.offer-choice-icon .c-icon--color,.offer-upload>.c-icon--color{--icon-size:64px}
.offer-file-row .c-icon--color{--icon-size:28px}
.study-entry-icon{width:52px!important;height:52px!important;padding:0!important;background:transparent!important;margin-bottom:13px}
.study-entry-icon .c-icon--color{--icon-size:48px}
.study-dialog-title-group{display:flex;align-items:center;gap:12px}
.study-dialog-title-group .c-icon--color{--icon-size:34px}
.handbook-topics{gap:22px!important}
.handbook-topics>span{display:inline-flex;align-items:center;gap:8px!important}
.handbook-topics .c-icon--color{--icon-size:30px}
.library-tabs .c-icon--blue{width:18px;height:18px}
.ux-unit-hero{display:flex;align-items:center;gap:16px}
.ux-unit-hero .c-icon--color{--icon-size:48px}
.ux-unit-hero>div{min-width:0}
.ux-unit-hero h1{margin-top:0}
.c-unit-heading{display:flex;align-items:center;gap:16px}
.c-unit-heading .c-icon--color{--icon-size:48px}
.c-unit-heading h1{margin:0}
.c-unit-heading>div{min-width:0}
.sp-section-head h2,.personal-card h2,.ux-settings-card>h2,.backup-settings>h2{display:flex;align-items:center;gap:10px}
.sp-action-icon{background:none!important;width:38px!important;height:38px!important}
.sp-action-icon .c-icon--color{--icon-size:34px}
.sp-section-head .c-icon--color,.personal-card h2 .c-icon--color{--icon-size:28px}
.ux-settings-card>h2 .c-icon--color,.backup-settings>h2 .c-icon--color{--icon-size:30px}
.ux-eyebrow .c-icon--color{--icon-size:28px;margin-bottom:4px}
.backup-method-icon{background:none!important;width:48px!important;height:48px!important}
.backup-method-icon .c-icon--color{--icon-size:42px}
.learning-empty{padding:26px 18px!important}
.learning-empty>.c-icon--color{--icon-size:56px;margin-bottom:12px}
.expert-offer-icon{width:56px!important;height:56px!important;background:transparent!important;padding:0!important}
.expert-offer-icon .c-icon--color{--icon-size:44px}
.expert-offer>.expert-offer-icon{width:64px!important;height:64px!important}
.expert-offer>.expert-offer-icon .c-icon--color{--icon-size:56px}
.expert-order-product .expert-offer-icon{width:48px!important;height:48px!important}
.expert-order-product .expert-offer-icon .c-icon--color{--icon-size:40px}
.expert-order-list article>.expert-offer-icon{width:48px!important;height:48px!important}
.expert-waiting>span,.expert-orders-empty>span{display:flex;justify-content:center;align-items:center;width:76px!important;height:76px!important;background:transparent!important;margin:0 auto 12px}
.expert-waiting .c-icon--color,.expert-orders-empty .c-icon--color{--icon-size:64px}
.expert-cta-icon{display:flex;align-items:center;justify-content:center}
.expert-cta-icon .c-icon--color{--icon-size:40px}
.consult-service-icon{background:transparent!important}
.consult-service-icon .c-icon--color{--icon-size:32px}
.consult-service-art .c-icon--color{--icon-size:40px}
.support-success-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent!important;width:72px!important;height:72px!important}
.support-success-icon .c-icon--color{--icon-size:64px}
.support-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px}
.support-empty .c-icon--color{--icon-size:56px}
.degree-review-empty>.c-icon--color{--icon-size:40px}
.review-result-icon .c-icon--blue{width:20px;height:20px}
.ux-map-disclosure>summary>.c-icon--color{--icon-size:26px}
.auth-password .password-toggle .c-icon--blue{width:20px;height:20px}
.password-toggle[aria-pressed="true"] .c-eye-slash{display:block}
.c-eye-slash{display:none;stroke:#63a4f4;stroke-width:2.5;stroke-linecap:round}
.mm-map-close .c-icon--blue{width:16px;height:16px}
.react-flow__controls .c-icon--blue{width:14px;height:14px}

.library-empty>.c-icon--color{--icon-size:56px;margin:0 auto 12px}
/* Selected stars share the favorite yellow and the approved translucent silhouette. */
:is([aria-pressed="true"],[aria-checked="true"],[aria-selected="true"],[aria-current]:not([aria-current="false"]),label:has(>input:checked),.library-review-star:has(~.library-review-star input:checked)) .c-icon[data-icon="star"]{filter:none;background-color:#f5bc24;-webkit-mask:url("assets/icons/courieve-blue-v1/star.webp") center/contain no-repeat;mask:url("assets/icons/courieve-blue-v1/star.webp") center/contain no-repeat}
:is([aria-pressed="true"],[aria-checked="true"],[aria-selected="true"],[aria-current]:not([aria-current="false"]),label:has(>input:checked),.library-review-star:has(~.library-review-star input:checked)) .c-icon[data-icon="star"]>image{visibility:hidden}
.offer-file>.c-icon--color{--icon-size:28px}

/* Plain-text close controls keep their accessible labels and use the same blue glyph. */
.close:not(:has(.c-icon)),#result-editor [data-result-action="cancel"]{font-size:0!important;display:inline-flex;align-items:center;justify-content:center}
.close:not(:has(.c-icon))::after,#result-editor [data-result-action="cancel"]::after{content:"";display:block;flex:0 0 18px;width:18px;height:18px;background:url("assets/icons/courieve-blue-v1/plus.webp") center/contain no-repeat;transform:rotate(45deg);pointer-events:none}