:root{--m365-navy:#123b72;--m365-teal:#0f8f98;--m365-line:#d8e6eb;--m365-muted:#566f80;--m365-paper:#fff;--m365-soft:#f7fbfc}
.m365-area-page{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}
.m365-area-page .site-header{background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}
.m365-hero{padding-top:34px;padding-bottom:18px}.m365-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:38px;align-items:center}.m365-hero-copy h1{margin:0 0 18px;font-size:clamp(3rem,5.4vw,5rem);line-height:.98;letter-spacing:-.04em;color:var(--m365-navy)}.m365-hero-copy .hero-text{max-width:600px;margin:0;color:var(--m365-muted);font-size:1.22rem;line-height:1.62}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 26px}.tag-row span{padding:9px 15px;border:1px solid var(--m365-line);border-radius:999px;background:#fff;color:#486171;font-size:.93rem;font-weight:650}.m365-hero-visual{overflow:hidden;border:1px solid #e1ecef;border-radius:26px;background:#f7fafb;box-shadow:0 16px 34px rgba(20,50,73,.07)}.m365-hero-visual img{display:block;width:100%;height:auto}
.m365-intro{padding-top:10px;padding-bottom:22px}.m365-info-band{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:26px 30px;border:1px solid var(--m365-line);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbfc)}.m365-info-icon{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#f4fbfc;border:1px solid #cfe1e4}.m365-info-band h2{margin:0 0 8px;color:var(--m365-teal);font-size:clamp(1.55rem,2.5vw,2.05rem)}.m365-info-band p{margin:0;color:var(--m365-muted);line-height:1.62}
.m365-paths{padding-top:26px;padding-bottom:80px}.path-title-row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:34px}.path-title-row span{height:1px;background:linear-gradient(90deg,transparent,#c6dde2 20%,#c6dde2 80%,transparent)}.path-title-row h2{margin:0;color:var(--m365-navy);font-size:clamp(2.25rem,4vw,3.35rem);letter-spacing:-.03em}.route-header{display:flex;align-items:center;gap:12px;margin:16px 0 18px}.route-header img{width:36px;height:36px}.route-header h3{margin:0;color:var(--m365-teal);font-size:2rem}.m365-course-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-bottom:34px}.m365-course-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:17px 16px 15px;border:1px solid var(--m365-line);border-radius:20px;background:#fff;box-shadow:0 10px 22px rgba(20,50,73,.045);transition:transform .2s ease,box-shadow .2s ease}.m365-course-card:hover{transform:translateY(-3px);box-shadow:0 17px 28px rgba(20,50,73,.075)}.m365-course-card .stretched-link,.automation-main .stretched-link{position:absolute;inset:0;z-index:5;border-radius:inherit}.m365-course-card .course-label,.automation-main .course-label{align-self:flex-start;margin-bottom:12px;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:850;letter-spacing:.02em}.m365-course-card .course-icon{width:60px;height:60px;margin-bottom:12px}.m365-course-card h4{margin:0 0 9px;color:var(--m365-navy);font-size:1.03rem;line-height:1.2;min-height:2.45em}.m365-course-card p{margin:0;color:var(--m365-muted);font-size:.86rem;line-height:1.48}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px}.chip-row span{padding:6px 8px;border-radius:999px;background:#f2f7f8;color:#4b6474;font-size:.68rem;font-weight:750}.integral .course-label{background:#fff3e7;color:#e87719}.teams .course-label{background:#f1effd;color:#665ec5}.sharepoint .course-label{background:#edf9f4;color:#12865f}.onedrive .course-label{background:#eaf4ff;color:#1673c7}.planner .course-label{background:#eaf8f2;color:#117a42}.outlook .course-label{background:#eaf4ff;color:#0d65b2}.forms .course-label{background:#eaf8f4;color:#0e7c66}
.automation-route{margin-top:8px}.automation-panel{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;border:1px solid var(--m365-line);border-radius:22px;overflow:hidden;background:#fff}.automation-main,.automation-related,.automation-knowledge{position:relative;padding:22px}.automation-main,.automation-related{border-right:1px solid var(--m365-line)}.automation-main .course-label{background:#eaf5ff;color:#1271ce}.automation-main-content{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.automation-main-content>img{width:78px;height:78px}.automation-main h4,.automation-related h4,.automation-knowledge h4{margin:0 0 10px;color:var(--m365-navy);font-size:1.18rem}.automation-main p{margin:0;color:var(--m365-muted);line-height:1.52}.tool-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.tool-strip span{display:flex;flex-direction:column;align-items:center;gap:5px;color:#35566c;font-size:.74rem;font-weight:750;text-align:center}.tool-strip img{width:44px;height:44px}.automation-knowledge ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.automation-knowledge li{position:relative;padding-left:20px;color:#486274;font-size:.86rem;line-height:1.35}.automation-knowledge li::before{content:"✓";position:absolute;left:0;color:#18a28f;font-weight:900}.m365-note{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:26px;padding:22px 24px;border:1px solid var(--m365-line);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbfc)}.m365-note p{margin:0;color:var(--m365-muted);line-height:1.6}.m365-note strong{color:var(--m365-navy)}
@media(max-width:1450px){.m365-course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1080px){.m365-hero-grid{grid-template-columns:1fr}.m365-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.automation-panel{grid-template-columns:1fr}.automation-main,.automation-related{border-right:0;border-bottom:1px solid var(--m365-line)}}@media(max-width:760px){.m365-hero{padding-top:22px}.m365-info-band,.m365-note{grid-template-columns:1fr}.path-title-row{grid-template-columns:1fr}.path-title-row span{display:none}.m365-course-grid{grid-template-columns:1fr}.m365-course-card h4{min-height:0}.automation-main-content{grid-template-columns:1fr}.tool-strip{grid-template-columns:repeat(2,1fr)}}