.office-area-page{--office-navy:#082d4f;--office-teal:#078f96;--office-coral:#f06445;--office-gold:#e6a42c;--office-blue:#1769bd;--office-wine:#8e1d39;background:#fff;color:#102d46}
.office-hero{padding-top:48px;padding-bottom:22px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.office-hero-grid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(520px,1.15fr);gap:46px;align-items:center}
.office-hero h1{font-size:clamp(3rem,5.6vw,5.6rem);line-height:.95;letter-spacing:-.055em;color:var(--office-navy);margin:.15em 0 .28em;max-width:700px}
.office-hero .hero-text{font-size:1.25rem;line-height:1.55;max-width:680px;color:#52687a}
.office-hero-visual img{display:block;width:100%;height:auto;border-radius:26px;filter:drop-shadow(0 18px 28px rgba(12,46,72,.12))}
.office-area-page .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 24px}.office-area-page .tag-row span{border:1px solid #b8d4e2;border-radius:999px;padding:9px 17px;font-weight:700;color:#204c69;background:#fff}
.office-intro{padding-top:12px;padding-bottom:26px}.office-info-band{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:20px;padding:22px 28px;border:1px solid #b7d6e1;border-radius:18px;background:linear-gradient(90deg,#fbffff,#fffaf6);box-shadow:0 8px 24px rgba(8,45,79,.05)}.office-info-band h2{margin:0 0 6px;color:var(--office-teal);font-size:1.35rem}.office-info-band p{margin:0;color:#506474;line-height:1.55}.office-info-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#f4fbfb;border:1px solid #b7dcdd}
.office-paths{padding-top:18px}.office-paths .path-title-row{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;margin:0 0 26px}.office-paths .path-title-row span{height:1px;background:#b8d6df}.office-paths .path-title-row h2{font-size:clamp(2.3rem,4vw,3.9rem);margin:0;color:var(--office-navy);letter-spacing:-.04em}.office-route-header{display:flex;align-items:center;gap:10px;margin:24px 0 13px}.office-route-header h3{margin:0;color:var(--office-teal);font-size:1.45rem}.office-route-header img{width:34px;height:34px}
.office-course-grid{display:grid;gap:18px}.office-course-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.office-course-grid.one{grid-template-columns:minmax(0,1fr)}
.office-course-card{position:relative;min-height:268px;padding:22px 22px 20px;border:1px solid #c9dae4;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(16,45,70,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.office-course-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,45,70,.11);border-color:#91bdcf}.office-course-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--card-accent,#0a9a9c)}.office-course-card .stretched-link{position:absolute;inset:0;z-index:2}.office-course-card .course-label{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:900;letter-spacing:.04em;background:color-mix(in srgb,var(--card-accent) 12%,white);color:var(--card-accent);margin-bottom:14px}.office-course-card .course-icon{width:58px;height:58px;display:block;margin-bottom:12px}.office-course-card h4{font-size:1.22rem;line-height:1.18;margin:0 0 10px;color:var(--office-navy)}.office-course-card p{margin:0 0 15px;color:#516878;line-height:1.5}.office-course-card .chip-row{display:flex;flex-wrap:wrap;gap:7px}.office-course-card .chip-row span{font-size:.72rem;font-weight:800;border:1px solid color-mix(in srgb,var(--card-accent) 40%,white);color:var(--card-accent);border-radius:999px;padding:4px 8px;background:#fff}.office-course-card .cross-area{display:inline-flex;margin-top:14px;font-size:.78rem;font-weight:800;color:#6b4a9c;background:#f4effb;padding:6px 10px;border-radius:999px}
.office-course-card.word{--card-accent:#1769bd}.office-course-card.powerpoint{--card-accent:#e85d32}.office-course-card.outlook{--card-accent:#0d65b2}.office-course-card.access{--card-accent:#8e1d39}.office-course-card.access{display:grid;grid-template-columns:90px 1fr;min-height:auto;align-items:center}.office-course-card.access .course-icon{width:74px;height:74px;margin:0}.office-course-card.access .course-label{width:max-content}
.office-note{margin-top:24px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:15px 20px;border:1px solid #b9d5df;border-radius:13px;background:#f8fcfd}.office-note p{margin:0;color:#425e72}.office-note a{font-weight:800}.office-area-page .site-footer{margin-top:58px}
@media(max-width:980px){.office-hero-grid{grid-template-columns:1fr}.office-hero-visual{max-width:760px}.office-course-grid.two{grid-template-columns:1fr}.office-course-card.access{grid-template-columns:76px 1fr}.office-hero h1{font-size:clamp(3rem,10vw,5rem)}}
@media(max-width:640px){.office-hero{padding-top:30px}.office-info-band{grid-template-columns:1fr;text-align:left}.office-paths .path-title-row{grid-template-columns:1fr;text-align:center}.office-paths .path-title-row span{display:none}.office-course-card.access{grid-template-columns:1fr}.office-course-card.access .course-icon{margin-bottom:10px}}