/* "Will AI take my job?" (Insights > Students, Oct 2026). Written for this article: the visual idea is AI's routine
   work (teal, mono "readout" labels) beside human judgement (warm coral). Scoped to .mfc-ai; core blocks only. */
.mfc-ai{
	--ink:#1F3644;--ink-2:#365260;--muted:#5D7280;--mist:#E4ECEE;--paper:#F5F8F9;
	--ai:#0E7C7B;--ai-soft:#E3F2F1;--human:#D9573B;--human-soft:#FBEAE5;
	--r:12px;--mono:ui-monospace,"SFMono-Regular","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;
	color:var(--ink-2);font-size:17px;line-height:1.65}
.mfc-ai,.mfc-ai *{box-sizing:border-box}
.mfc-ai p{margin:0 0 .85em}
.mfc-ai h2,.mfc-ai h3{color:var(--ink);font-weight:400;text-wrap:balance}
.mfc-ai h2{font-size:clamp(24px,3.4vw,32px);line-height:1.2;margin:0 0 14px}
.mfc-ai h3{font-size:19px;line-height:1.3;margin:0 0 8px}
.mfc-ai a{color:var(--ai);text-underline-offset:3px}
.mfc-ai a:focus-visible{outline:3px solid var(--human);outline-offset:2px;border-radius:4px}
.mfc-ai .sec{padding:30px 0 6px;border-top:1px solid var(--mist);scroll-margin-top:84px}
.mfc-ai .wp-block-heading[id]{scroll-margin-top:84px}
.mfc-ai .eyebrow{font:600 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ai);margin:0 0 8px}
.mfc-ai .lead{font-size:20px;line-height:1.5;color:var(--ink)}

/* the short answer: the line Google can lift */
.mfc-ai .answer{background:var(--ink);color:#fff;border-radius:var(--r);padding:22px 24px;margin:22px 0;position:relative;overflow:hidden}
.mfc-ai .answer::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;border:22px solid rgba(255,255,255,.06)}
.mfc-ai .answer .eyebrow{color:#7FD6CF}
.mfc-ai .answer p{color:#E9F0F2;margin:0 0 .5em;position:relative}
.mfc-ai .answer .answer-head{font-size:clamp(20px,2.6vw,25px);line-height:1.3;color:#fff}
.mfc-ai .answer strong{color:#fff}

/* in this guide */
.mfc-ai .jump{background:var(--paper);border-radius:var(--r);padding:14px 16px;margin:20px 0 8px}
.mfc-ai .jump p:last-child{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.mfc-ai .jump a{display:inline-flex;align-items:center;min-height:38px;padding:6px 13px;border:1px solid #CFDCE0;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;text-decoration:none}
.mfc-ai .jump a:hover{border-color:var(--ai);color:var(--ai)}

/* exposure readouts */
.mfc-ai .tiles{gap:12px;margin:18px 0 6px}
.mfc-ai .tile{background:#fff;border:1px solid var(--mist);border-top:4px solid var(--ai);border-radius:var(--r);padding:16px}
.mfc-ai .tile.tile-alt{border-top-color:var(--human)}
.mfc-ai .tile .n{font:700 34px/1.05 var(--mono);color:var(--ink);margin:0 0 8px;letter-spacing:-.02em}
.mfc-ai .tile p{font-size:15px;line-height:1.45;margin:0 0 8px}
.mfc-ai .tile .tile-src{font:12px/1.35 var(--mono);color:var(--muted);margin:0}
.mfc-ai .tiles-note{font:13px var(--mono);color:var(--muted);margin:0 0 18px}

/* study rows: figure on a data rail, story beside it */
.mfc-ai .study{gap:0;margin:16px 0 18px;border:1px solid var(--mist);border-radius:var(--r);overflow:hidden;background:#fff}
.mfc-ai .study-stat{background:var(--ai-soft);padding:20px 18px;border-right:1px solid var(--mist)}
.mfc-ai .study-stat .k{font:700 clamp(34px,4.4vw,46px)/1 var(--mono);color:var(--ai);letter-spacing:-.03em;margin:0 0 10px}
.mfc-ai .study-stat .k-label{font-size:14px;line-height:1.4;color:var(--ink);margin:0}
.mfc-ai .study-body{padding:18px 20px 12px}
.mfc-ai .caveat{font-size:15px;color:var(--muted);border-left:3px solid var(--mist);padding-left:12px}
.mfc-ai .src{font:13px/1.4 var(--mono);margin:4px 0 .9em}
.mfc-ai .src a{color:var(--ai)}
.mfc-ai .src a::after{content:" \2197"}
.mfc-ai .band{background:var(--human-soft);border-left:4px solid var(--human);border-radius:6px;padding:16px 18px;color:var(--ink);margin:18px 0}

/* careers table */
.mfc-ai .careers-table{margin:16px 0 20px;overflow-x:auto}
.mfc-ai .careers-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.45}
.mfc-ai .careers-table thead th{background:var(--ink);color:#fff;font:600 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:11px 12px;border:0}
.mfc-ai .careers-table thead th:nth-child(2){background:var(--ai)}
.mfc-ai .careers-table thead th:nth-child(3){background:var(--human)}
.mfc-ai .careers-table td{padding:11px 12px;border:0;border-bottom:1px solid var(--mist);vertical-align:top}
.mfc-ai .careers-table tbody tr:nth-child(even) td{background:var(--paper)}
.mfc-ai .careers-table td:first-child{color:var(--ink);white-space:nowrap}

/* reality check */
.mfc-ai .check{background:var(--paper);border:1px dashed #B9CBD1;border-radius:var(--r);padding:18px 20px 8px;margin:20px 0}

/* progress examples */
.mfc-ai .minis{gap:12px;margin:14px 0 16px}
.mfc-ai .mini{background:#fff;border:1px solid var(--mist);border-radius:var(--r);padding:16px}
.mfc-ai .mini h3{font-size:17px;color:var(--ai);margin-bottom:6px}
.mfc-ai .mini p{font-size:15px;line-height:1.5;margin:0}

/* jagged frontier: AI strong vs AI out of its depth */
.mfc-ai .sides{gap:12px;margin:16px 0 6px}
.mfc-ai .side{border-radius:var(--r);padding:18px}
.mfc-ai .side .n{font:700 32px/1.05 var(--mono);margin:0 0 10px;letter-spacing:-.02em}
.mfc-ai .side p{margin:0 0 6px;font-size:15px;line-height:1.5}
.mfc-ai .side-good{background:var(--ai-soft)}
.mfc-ai .side-good .n,.mfc-ai .side-good .eyebrow{color:var(--ai)}
.mfc-ai .side-warn{background:var(--human-soft)}
.mfc-ai .side-warn .n,.mfc-ai .side-warn .eyebrow{color:var(--human)}
.mfc-ai .pull{font-size:clamp(20px,2.6vw,24px);line-height:1.35;color:var(--ink);border-left:4px solid var(--human);padding:4px 0 4px 18px;margin:20px 0}

/* exposed vs harder to automate */
.mfc-ai .lanes{gap:12px;margin:14px 0 18px}
.mfc-ai .lane{border-radius:var(--r);padding:16px 18px}
.mfc-ai .lane h3{font:600 13px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.mfc-ai .lane ul{margin:0;padding:0;list-style:none}
.mfc-ai .lane li{padding:6px 0;border-bottom:1px solid rgba(31,54,68,.08);font-size:15px}
.mfc-ai .lane li:last-child{border-bottom:0}
.mfc-ai .lane-exposed{background:#fff;border:1.5px dashed #9FB4BC}
.mfc-ai .lane-exposed h3{color:var(--muted)}
.mfc-ai .lane-safer{background:var(--human-soft);border:1.5px solid var(--human)}
.mfc-ai .lane-safer h3{color:var(--human)}

/* AI-proof traits */
.mfc-ai .traits{gap:12px;margin:0 0 12px}
.mfc-ai .trait{background:#fff;border:1px solid var(--mist);border-left:4px solid var(--human);border-radius:var(--r);padding:16px 18px}
.mfc-ai .trait p{font-size:15px;line-height:1.5;margin:0}

/* risk checker */
.mfc-ai .checker{background:var(--ink);color:#E9F0F2;border-radius:var(--r);padding:22px 22px 10px;margin:20px 0}
.mfc-ai .checker h3{color:#fff;font-size:21px}
.mfc-ai .checker strong{color:#fff}
.mfc-ai .checker ol.numbered{list-style:none;counter-reset:q;margin:12px 0;padding:0}
.mfc-ai .checker ol.numbered li{counter-increment:q;position:relative;padding:10px 0 10px 46px;border-top:1px solid rgba(255,255,255,.12)}
.mfc-ai .checker ol.numbered li::before{content:counter(q);position:absolute;left:0;top:10px;width:30px;height:30px;border-radius:50%;background:#7FD6CF;color:var(--ink);font:700 15px/30px var(--mono);text-align:center}
.mfc-ai .checker .verdict{background:rgba(255,255,255,.08);border-radius:8px;padding:12px 14px}

/* five skills */
.mfc-ai ul.skill-grid{list-style:none;margin:16px 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.mfc-ai ul.skill-grid li{background:#fff;border:1px solid var(--mist);border-radius:var(--r);padding:16px;font-size:15px;line-height:1.5;margin:0}
.mfc-ai ul.skill-grid li strong{display:block;color:var(--ink);font-size:17px;margin-bottom:6px;padding-top:10px;border-top:3px solid var(--ai)}
.mfc-ai ul.skill-grid li:nth-child(even) strong{border-top-color:var(--human)}

/* career growth map: a path of steps */
.mfc-ai .growth{background:var(--paper);border-radius:var(--r);padding:26px 22px 8px;border-top:0;margin-top:22px}
.mfc-ai .steps{counter-reset:s;position:relative;margin:16px 0}
.mfc-ai .steps::before{content:"";position:absolute;left:17px;top:18px;bottom:24px;width:2px;background:repeating-linear-gradient(var(--ai) 0 6px,transparent 6px 12px)}
.mfc-ai .step{counter-increment:s;position:relative;padding:2px 0 14px 54px}
.mfc-ai .step::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--ai);color:#fff;font:700 16px/36px var(--mono);text-align:center;box-shadow:0 0 0 4px var(--paper)}
.mfc-ai .step:last-child::before{background:var(--human)}
.mfc-ai .step h3{margin-top:5px}
.mfc-ai .step p{font-size:16px}

/* subject routes */
.mfc-ai .routes{gap:12px;margin:0 0 12px}
.mfc-ai .route{background:#fff;border:1px solid var(--mist);border-radius:var(--r);padding:16px 18px}
.mfc-ai .route .route-k{font-weight:700;color:var(--ink);margin-bottom:4px}
.mfc-ai .route p{font-size:15px;line-height:1.5}
.mfc-ai .route p:last-child{margin:0}
.mfc-ai ul.ticks{list-style:none;padding:0;margin:8px 0 16px}
.mfc-ai ul.ticks li{position:relative;padding:5px 0 5px 30px}
.mfc-ai ul.ticks li::before{content:"";position:absolute;left:4px;top:12px;width:12px;height:7px;border-left:2.5px solid var(--ai);border-bottom:2.5px solid var(--ai);transform:rotate(-45deg)}

/* questions for parents and schools */
.mfc-ai ul.questions{list-style:none;padding:0;margin:12px 0 18px;display:grid;gap:8px}
.mfc-ai ul.questions li{background:var(--human-soft);border-radius:999px;padding:10px 18px;color:var(--ink);font-style:italic}

/* MyCareerChoices */
.mfc-ai .product{gap:20px;align-items:center;background:var(--paper);border-radius:var(--r);padding:18px;margin:18px 0}
.mfc-ai .product img{display:block;width:100%;height:auto;border-radius:8px}
.mfc-ai .product .eyebrow{color:var(--human)}
.mfc-ai .wp-block-button__link{background:var(--human);color:#fff;border-radius:999px;padding:12px 22px;font-weight:600;text-decoration:none}
.mfc-ai .wp-block-button__link:hover{background:#B9442B;color:#fff}
.mfc-ai .is-style-outline .wp-block-button__link{background:transparent;color:#fff;border:2px solid #fff}
.mfc-ai .is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--ink)}

/* FAQ spacing (standard Spectra accordion keeps the site look) */
.mfc-ai .faq .wp-block-uagb-faq .uagb-faq-content p{margin:0 0 10px}
.mfc-ai .faq .wp-block-uagb-faq .uagb-faq-content p:last-child{margin:0}

/* closing */
.mfc-ai .closing{background:var(--ink);color:#DCE6E9;border-radius:var(--r);padding:28px 24px 12px;margin:30px 0 10px}
.mfc-ai .closing h2{color:#fff}
.mfc-ai .closing a{color:#7FD6CF}
.mfc-ai .closing .closing-quote{font-size:clamp(21px,2.8vw,27px);line-height:1.3;color:#fff;border-left:4px solid var(--human);padding-left:18px;margin:20px 0}
.mfc-ai .closing .wp-block-buttons{gap:10px;margin:18px 0}
.mfc-ai .closing .wp-block-button__link{color:#fff}
.mfc-ai .closing .signoff{font:13px/1.5 var(--mono);color:#9FB4BC;margin-top:12px}


/* Irish edition (/ie/what-jobs-will-ai-replace-in-ireland/): a greener AI accent, same human coral */
.mfc-ai.ie{--ai:#0B7A55;--ai-soft:#E2F2EA}
/* bar charts built from core list blocks: each item's class (w0..w100) sets the bar length */
.mfc-ai .charts{gap:16px;margin:16px 0 4px}
.mfc-ai .chart{background:#fff;border:1px solid var(--mist);border-radius:var(--r);padding:16px 16px 6px}
.mfc-ai .chart h3{font:600 13px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}
.mfc-ai ul.bars{list-style:none;margin:0 0 10px;padding:0}
.mfc-ai ul.bars li{--w:0%;--c:var(--human);position:relative;display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:7px 0 12px;font-size:14px;line-height:1.35;color:var(--ink);margin:0}
.mfc-ai ul.bars li::after{content:"";position:absolute;left:0;bottom:4px;height:6px;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--c) var(--w),var(--mist) var(--w))}
.mfc-ai ul.bars li.w0::after{background:linear-gradient(90deg,var(--c) 3px,var(--mist) 3px)}
.mfc-ai ul.bars .bar-value{font:700 14px var(--mono);color:var(--c);white-space:nowrap}
.mfc-ai .chart:first-child h3{color:var(--human)}
.mfc-ai .chart + .chart h3,.mfc-ai ul.bars-low li{--c:var(--ai)}
.mfc-ai .chart + .chart h3{color:var(--ai)}
.mfc-ai ul.bars-area{background:#fff;border:1px solid var(--mist);border-radius:var(--r);padding:12px 16px 4px;margin:6px 0 8px}
.mfc-ai ul.bars-area li{--c:var(--ink-2);font-size:15px}
.mfc-ai ul.bars-area li:first-child,.mfc-ai ul.bars-area li:nth-child(2){--c:var(--human)}
.mfc-ai ul.bars-area li:nth-last-child(-n+3){--c:var(--ai)}
.mfc-ai ul.bars li.w0{--w:0%}.mfc-ai ul.bars li.w5{--w:5%}.mfc-ai ul.bars li.w10{--w:10%}.mfc-ai ul.bars li.w15{--w:15%}.mfc-ai ul.bars li.w20{--w:20%}.mfc-ai ul.bars li.w25{--w:25%}.mfc-ai ul.bars li.w30{--w:30%}.mfc-ai ul.bars li.w35{--w:35%}.mfc-ai ul.bars li.w40{--w:40%}.mfc-ai ul.bars li.w45{--w:45%}.mfc-ai ul.bars li.w50{--w:50%}.mfc-ai ul.bars li.w55{--w:55%}.mfc-ai ul.bars li.w60{--w:60%}.mfc-ai ul.bars li.w65{--w:65%}.mfc-ai ul.bars li.w70{--w:70%}.mfc-ai ul.bars li.w75{--w:75%}.mfc-ai ul.bars li.w80{--w:80%}.mfc-ai ul.bars li.w85{--w:85%}.mfc-ai ul.bars li.w90{--w:90%}.mfc-ai ul.bars li.w95{--w:95%}.mfc-ai ul.bars li.w100{--w:100%}
@media (max-width:781px){
	.mfc-ai{font-size:16px}
	.mfc-ai .study-stat{border-right:0;border-bottom:1px solid var(--mist)}
	.mfc-ai .answer,.mfc-ai .checker,.mfc-ai .closing{padding-left:18px;padding-right:18px}
	/* careers table: one card per career on phones, labels in the article's two colours */
	.mfc-ai .careers-table table{min-width:0}
	.mfc-ai .careers-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.mfc-ai .careers-table tbody,.mfc-ai .careers-table tr,.mfc-ai .careers-table td{display:block;width:100%}
	.mfc-ai .careers-table tr{border:1px solid var(--mist);border-radius:var(--r);margin:0 0 10px;overflow:hidden;background:#fff}
	.mfc-ai .careers-table tbody tr:nth-child(even) td{background:transparent}
	.mfc-ai .careers-table td{border:0;padding:4px 14px 10px}
	.mfc-ai .careers-table td:first-child{white-space:normal;background:var(--ink)!important;color:#fff;padding:10px 14px;margin-bottom:6px}
	.mfc-ai .careers-table td:first-child strong{color:#fff}
	.mfc-ai .careers-table td:nth-child(2)::before,.mfc-ai .careers-table td:nth-child(3)::before{display:block;font:600 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
	.mfc-ai .careers-table td:nth-child(2)::before{content:"AI could support";color:var(--ai)}
	.mfc-ai .careers-table td:nth-child(3)::before{content:"People can do more";color:var(--human)}
}
@media (prefers-reduced-motion:reduce){.mfc-ai *{transition:none!important}}