:root{
  --paper:#f5f5f2;
  --surface:#fff;
  --ink:#202321;
  --muted:#686d69;
  --line:#d7dad6;
  --accent:#31559a
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Segoe UI",Arial,sans-serif;line-height:1.62}
a{color:#294f91}
a:hover{text-decoration:none}
img{max-width:100%}
.shell{max-width:1180px;margin:0 auto;padding:0 34px}
.skip-link{position:absolute;left:-9999px;top:0;padding:10px 14px;background:#fff;color:#111;z-index:100}
.skip-link:focus{left:10px;top:10px}

.site-header{background:var(--surface);border-bottom:1px solid var(--line)}
.masthead{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.brand img{width:50px;height:50px;display:block;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;line-height:1.12}
.brand-copy strong{font-size:1rem}
.brand-copy span{margin-top:5px;color:var(--muted);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.global-nav{display:flex;align-items:center;gap:26px;font-size:.9rem}
.global-nav a{color:#4d524e;text-decoration:none}
.global-nav a:hover,.global-nav a:focus{color:var(--ink);text-decoration:underline}
.global-nav a[aria-current="page"]{color:var(--ink);font-weight:600;text-decoration:none}

.publication{border-bottom:0}
.publication-identity{background:var(--accent)}
.publication-identity .shell{min-height:58px;display:flex;align-items:center}
.publication-title,.publication-title:hover,.publication-title:focus{color:#fff;text-decoration:none}
.publication-title strong{font-size:1.34rem;letter-spacing:-.02em}
.publication-navigation{background:#fff;border-bottom:1px solid var(--line)}
.site-nav{min-height:52px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:.92rem}
.site-nav a{color:#4d524e;text-decoration:none;padding:15px 0 11px;border-bottom:4px solid transparent}
.site-nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}

.page-introduction{padding-top:62px;padding-bottom:54px}
.section-kicker{margin:0 0 18px;color:var(--muted);font-size:.72rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.page-introduction h1{max-width:820px;margin:0 0 20px;font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.035em}
.introduction-copy{max-width:800px;margin:0;color:#424743;font-size:1.05rem}

.resource-section{padding:0 0 68px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.resource-grid{grid-template-columns:1fr 1fr}
.feature-card{display:flex;min-height:190px;flex-direction:column;background:#fff;border-top:4px solid var(--accent);padding:24px 26px;color:var(--ink);text-decoration:none}
.feature-card.exchange{border-top-color:#745391}
.feature-card.office{border-top-color:#2f7357}
.feature-card.dos{border-top-color:#a66a1f}
.feature-card.w32tm{border-top-color:#c35e27}
.feature-card.legacy{border-top-color:#727875}
.feature-card h2{margin:0 0 8px;font-size:1.24rem;line-height:1.25}
.feature-card p{margin:0 0 20px;color:#5c615d;font-size:.94rem}
.card-link,.card-status{margin-top:auto;color:#383c39;font-size:.9rem;font-weight:650}
.card-status{color:var(--muted)}
.unavailable-card{background:#f0f1ee}

.related{background:#eceeeb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.related-inner{padding-top:44px;padding-bottom:64px}

.corporate-section{padding:56px 0 84px}
.corporate-grid{grid-template-columns:1fr 1fr}
.feature-card.corporate{min-height:210px}
.feature-card.consultancy{border-top-color:#31559a}
.feature-card.blog{border-top-color:#5571a8}


.site-footer{background:#20272e;color:#dbe0e5;padding:48px 0 34px}
.site-footer-inner{max-width:1180px;margin:0 auto;padding:0 34px}
.site-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:48px}
.footer-brand-block img{width:135px;background:#fff;padding:7px 9px;display:block}
.site-footer h2{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 15px}
.site-footer p{color:#b9c1c8;font-size:14px;margin:12px 0 0}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:8px 0}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .footer-legal{border-top:1px solid #3a434b;margin-top:34px;padding-top:22px;color:#aeb6bd;font-size:13px}

@media(max-width:980px){
  .site-footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand-block{grid-column:1/-1}
}
@media(max-width:680px){
  .shell,.site-footer-inner{padding-left:20px;padding-right:20px}
  .masthead{min-height:72px}
  .brand img{width:44px;height:44px}
  .brand-copy span{display:none}
  .global-nav{gap:16px}
  .global-nav a:nth-child(2){display:none}
  .publication-identity .shell{min-height:52px}
  .site-nav{min-height:46px;gap:17px}
  .site-nav a{padding:11px 0 8px}
  .page-introduction{padding-top:42px;padding-bottom:42px}
  .feature-grid,.resource-grid{grid-template-columns:1fr}
  .site-footer-grid{grid-template-columns:1fr}
  .footer-brand-block{grid-column:auto}
}

/* W32TM publication components */
.task-section{padding:0 0 72px}
.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.task-card{display:flex;min-height:210px;flex-direction:column;background:var(--surface);border-top:4px solid var(--accent);padding:24px 26px;color:var(--ink);text-decoration:none}
.task-card h2{margin:0 0 10px;font-size:1.22rem;line-height:1.3}
.task-card p{margin:0 0 20px;color:#5c615d;font-size:.94rem}
.task-card .card-link{margin-top:auto}
.content-section{padding:0 0 72px}
.content-panel{width:100%;background:var(--surface);border-top:4px solid var(--accent);padding:28px 30px}
.content-panel > h2,.content-panel > p,.content-panel > aside{max-width:850px}
.content-panel h2{margin:0 0 12px;font-size:1.35rem}
.content-panel p{margin:0 0 18px}
.content-panel p:last-child{margin-bottom:0}
.placeholder-note{padding:15px 18px;background:#eef1f6;border-left:4px solid var(--accent);color:#404642}
.site-nav a[aria-current="page"]{color:var(--ink);font-weight:650;border-bottom-color:var(--accent)}
@media(max-width:900px){.task-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.task-grid{grid-template-columns:1fr}.content-panel{padding:24px 22px}}