:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#171717; background:#fff; font-synthesis:none; text-rendering:optimizeLegibility; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:#171717; }
button,input { font:inherit; }
[hidden] { display:none !important; }

/* Emergency fallback only; central shared runtime replaces this with live WordPress chrome. */
.msc-emergency-header { min-height:74px; background:#fff; border-bottom:1px solid #ececec; }
.msc-emergency-header-inner { width:1200px; max-width:90%; min-height:74px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; font-family:"Open Sans",Arial,sans-serif; }
.msc-emergency-brand { font-weight:800; font-size:20px; color:#6f4be8; text-decoration:none; }
.msc-emergency-links { display:flex; gap:20px; align-items:center; }
.msc-emergency-links a { color:#333; text-decoration:none; font-size:14px; }
.msc-emergency-footer { padding:28px 5%; color:#d7d7d7; background:#202020; font:14px/1.6 "Open Sans",Arial,sans-serif; }
.msc-emergency-footer-inner { width:1200px; max-width:100%; margin:0 auto; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.msc-emergency-footer a { color:#fff; text-decoration:none; }

#word-header-footer-tool { --purple:#6f4be8; --purple-dark:#5d35cc; --purple-light:#815ff0; --pale:#f8f5ff; --pale2:#faf8ff; --border:#e5ddfb; --text:#171717; --muted:#676272; min-height:60vh; padding:0 0 82px; }
#word-header-footer-tool .hero { width:980px; max-width:calc(100% - 40px); margin:0 auto; padding:54px 0 28px; text-align:center; }
#word-header-footer-tool .hero-label, #word-header-footer-tool .section-label, #word-header-footer-tool .summary-eyebrow { display:inline-block; color:#5d35cc; font-size:11px; line-height:1.2; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
#word-header-footer-tool .hero h1 { margin:8px auto 12px; max-width:820px; color:#171717; font-size:46px; line-height:1.08; letter-spacing:-.035em; font-weight:780; }
#word-header-footer-tool .hero p { max-width:700px; margin:0 auto; color:#676272; font-size:16px; line-height:1.65; }

#word-header-footer-tool .tool-shell { width:1200px; max-width:calc(100% - 40px); margin:0 auto; padding:20px; border:1px solid #e6e0ee; border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(47,33,65,.08); }
#word-header-footer-tool .upload-zone { min-height:300px; padding:42px 24px; border:2px dashed #cbbcf1; border-radius:14px; background:linear-gradient(180deg,#fcfaff 0%,#f9f6ff 100%); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; cursor:pointer; transition:border-color .2s ease, background .2s ease, transform .2s ease; }
#word-header-footer-tool .upload-zone:hover, #word-header-footer-tool .upload-zone.dragover { border-color:#815ff0; background:#f8f5ff; }
#word-header-footer-tool .upload-zone:focus-within { outline:3px solid rgba(129, 95, 240, 0.24); outline-offset:3px; }
#word-header-footer-tool .upload-zone input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; opacity:0; }
#word-header-footer-tool .file-badge { width:56px; height:56px; margin-bottom:16px; display:grid; place-items:center; border-radius:14px; background:#eee9ff; color:#5d35cc; font-size:12px; font-weight:850; letter-spacing:.04em; }
#word-header-footer-tool .upload-zone strong { color:#2f1e58; font-size:18px; }
#word-header-footer-tool .upload-help { margin-top:5px; color:#777182; font-size:13px; }
#word-header-footer-tool .choose-button, #word-header-footer-tool .primary-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; border:0; border-radius:9px; background:#6f4be8; color:#fff; padding:0 20px; font-weight:750; cursor:pointer; box-shadow:0 6px 16px rgba(93,53,204,.18); transition:background .18s ease, transform .18s ease, box-shadow .18s ease; }
#word-header-footer-tool .choose-button { margin-top:18px; min-height:43px; }
#word-header-footer-tool .primary-button:hover { background:#5d35cc; transform:translateY(-1px); box-shadow:0 9px 20px rgba(93,53,204,.24); }
#word-header-footer-tool .primary-button:focus-visible, #word-header-footer-tool .text-button:focus-visible, #word-header-footer-tool .related-card:focus-visible, #word-header-footer-tool .how-card:focus-visible, #word-header-footer-tool .feature-card:focus-visible { outline:3px solid rgba(129, 95, 240, 0.24); outline-offset:3px; }
#word-header-footer-tool .upload-zone small { margin-top:11px; color:#8b8592; font-size:11px; }
#word-header-footer-tool .status-message { min-height:0; color:#9a3412; font-size:13px; text-align:center; }
#word-header-footer-tool .status-message:not(:empty) { margin-top:14px; padding:10px 14px; border-radius:8px; background:#fff7ed; }
#word-header-footer-tool .workspace { margin-top:20px; }
#word-header-footer-tool .file-summary { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:6px 4px 18px; border-bottom:1px solid #eee9f4; }
#word-header-footer-tool .file-summary h2 { margin:4px 0 4px; font-size:22px; line-height:1.25; overflow-wrap:anywhere; }
#word-header-footer-tool .file-summary p { margin:0; color:#676272; font-size:13px; line-height:1.5; }
#word-header-footer-tool .text-button { border:0; background:transparent; color:#5d35cc; padding:8px 0; font-weight:700; cursor:pointer; }
#word-header-footer-tool .stats-grid { margin:18px 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#word-header-footer-tool .stat-card { min-height:96px; padding:16px; border:1px solid #ebe5f5; border-radius:12px; background:#fcfbfe; }
#word-header-footer-tool .stat-card strong { display:block; color:#2f1e58; font-size:25px; line-height:1.1; }
#word-header-footer-tool .stat-card span { display:block; margin-top:6px; color:#716b79; font-size:12px; line-height:1.35; }
#word-header-footer-tool .warning-panel { margin:14px 0 18px; padding:14px 16px; border:1px solid #f4d6a6; border-radius:10px; background:#fffaf0; color:#694b1c; font-size:13px; line-height:1.55; }
#word-header-footer-tool .warning-panel strong { color:#51370f; }
#word-header-footer-tool .section-table-wrap { margin:18px 0; border:1px solid #e8e2f0; border-radius:12px; overflow:hidden; }
#word-header-footer-tool .table-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; padding:15px 16px; background:#fcfbfe; border-bottom:1px solid #ece6f4; }
#word-header-footer-tool .table-heading h3 { margin:3px 0 0; font-size:16px; }
#word-header-footer-tool .table-note { color:#817a88; font-size:11px; }
#word-header-footer-tool .section-table-scroll { overflow:auto; }
#word-header-footer-tool .section-table { width:100%; border-collapse:collapse; font-size:13px; }
#word-header-footer-tool .section-table th, #word-header-footer-tool .section-table td { padding:12px 16px; border-bottom:1px solid #eee9f3; text-align:left; vertical-align:top; }
#word-header-footer-tool .section-table th { color:#615b69; background:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
#word-header-footer-tool .ref-pill { display:inline-block; margin:2px 5px 2px 0; padding:4px 7px; border-radius:999px; background:#eee9ff; color:#5d35cc; font-size:11px; font-weight:700; }
#word-header-footer-tool .empty-ref { color:#9b96a2; }
#word-header-footer-tool .options-card { margin:18px 0; padding:17px 18px 8px; border:1px solid #e3dbf2; border-radius:12px; }
#word-header-footer-tool .options-card legend { padding:0 7px; color:#2d2535; font-weight:750; font-size:14px; }
#word-header-footer-tool .ui-checkbox-row { position:relative; display:grid; grid-template-columns:22px 1fr; gap:11px; align-items:start; padding:11px 0; cursor:pointer; }
#word-header-footer-tool .ui-checkbox-input { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); opacity:0; }
#word-header-footer-tool .ui-checkbox-visual { width:20px; height:20px; margin-top:1px; border:2px solid #b5a9ca; border-radius:5px; background:#fff; position:relative; transition:.15s ease; }
#word-header-footer-tool .ui-checkbox-input:checked + .ui-checkbox-visual { border-color:#6f4be8; background:#6f4be8; }
#word-header-footer-tool .ui-checkbox-input:checked + .ui-checkbox-visual::after { content:""; position:absolute; left:5px; top:2px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
#word-header-footer-tool .ui-checkbox-input:focus-visible + .ui-checkbox-visual { box-shadow:0 0 0 4px rgba(129, 95, 240, 0.24); }
#word-header-footer-tool .ui-checkbox-row strong { display:block; font-size:14px; }
#word-header-footer-tool .ui-checkbox-row small { display:block; margin-top:3px; color:#716b79; font-size:12px; line-height:1.45; }
#word-header-footer-tool .action-row { display:flex; align-items:center; gap:18px; padding-top:3px; }
#word-header-footer-tool .action-row p { margin:0; color:#7a7481; font-size:12px; line-height:1.45; }
#word-header-footer-tool .result-card { margin-top:20px; padding:18px; display:grid; grid-template-columns:44px 1fr auto; gap:14px; align-items:center; border:1px solid #cfc1ef; border-radius:12px; background:#f8f5ff; }
#word-header-footer-tool .result-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:#6f4be8; color:#fff; font-weight:900; }
#word-header-footer-tool .result-copy h3 { margin:3px 0 4px; font-size:17px; }
#word-header-footer-tool .result-copy p { margin:0; color:#676272; font-size:12px; line-height:1.45; }
#word-header-footer-tool .privacy-strip { width:980px; max-width:calc(100% - 40px); margin:12px auto 0; display:flex; justify-content:center; flex-wrap:wrap; gap:20px; color:#777182; font-size:11px; }

#word-header-footer-tool .landing-content { width:980px; max-width:calc(100% - 40px); margin:0 auto; }
#word-header-footer-tool .landing-section { padding-top:66px; }
#word-header-footer-tool .landing-section h2 { margin:7px 0 0; font-size:29px; line-height:1.18; letter-spacing:-.025em; }
#word-header-footer-tool .section-underline { display:block; width:48px; height:3px; margin:11px 0 22px; border-radius:3px; background:#6f4be8; }
#word-header-footer-tool .how-grid, #word-header-footer-tool .feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
#word-header-footer-tool .how-card, #word-header-footer-tool .feature-card { position:relative; min-height:176px; padding:20px; border:1px solid #e7e1ef; border-radius:12px; background:#fff; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
#word-header-footer-tool .how-card:hover, #word-header-footer-tool .feature-card:hover { transform:translateY(-3px); border-color:#d5c8ef; box-shadow:0 10px 24px rgba(53,37,76,.08); }
#word-header-footer-tool .step-number { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:#6f4be8; color:#fff; font-size:14px; font-weight:800; }
#word-header-footer-tool .how-card h3, #word-header-footer-tool .feature-card h3 { margin:14px 0 8px; font-size:15px; line-height:1.3; }
#word-header-footer-tool .how-card p, #word-header-footer-tool .feature-card p, #word-header-footer-tool .guidance-section p, #word-header-footer-tool .related-intro { margin:0; color:#676272; font-size:15px; line-height:1.68; }
#word-header-footer-tool .feature-card { background:#faf8ff; overflow:hidden; }
#word-header-footer-tool .feature-card::before { content:""; position:absolute; top:-20px; right:-18px; width:58px; height:58px; border-radius:50%; background:#eee9ff; transition:transform .18s ease; }
#word-header-footer-tool .feature-card:hover::before { transform:scale(1.14); }
#word-header-footer-tool .feature-card h3 { position:relative; color:#2f1e58; }
#word-header-footer-tool .guidance-section p + p { margin-top:13px; }
#word-header-footer-tool .guidance-section a { color:#5d35cc; font-weight:650; text-underline-offset:2px; }
#word-header-footer-tool .faq-list { border-top:1px solid #e9e3f0; }
#word-header-footer-tool .faq-list details { border-bottom:1px solid #e9e3f0; background:#fff; transition:background .18s ease, box-shadow .18s ease; }
#word-header-footer-tool .faq-list details:hover { background:#faf8ff; }
#word-header-footer-tool .faq-list details[open] { background:#f8f5ff; box-shadow:inset 4px 0 0 #6f4be8; }
#word-header-footer-tool .faq-list summary { position:relative; padding:18px 42px 18px 14px; list-style:none; cursor:pointer; font-size:14px; font-weight:720; }
#word-header-footer-tool .faq-list summary::-webkit-details-marker { display:none; }
#word-header-footer-tool .faq-list summary::after { content:"+"; position:absolute; right:16px; top:16px; color:#6f4be8; font-size:20px; line-height:1; }
#word-header-footer-tool .faq-list details[open] summary::after { content:"−"; }
#word-header-footer-tool .faq-list p { margin:0; padding:0 42px 18px 14px; color:#676272; font-size:14px; line-height:1.65; }
#word-header-footer-tool .related-intro { margin:-6px 0 18px; }
#word-header-footer-tool .related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#word-header-footer-tool .related-card { position:relative; min-height:112px; padding:18px 45px 18px 18px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; border:1px solid #e5ddfb; border-radius:11px; color:#2f1e58; background:#fff; text-decoration:none; overflow:hidden; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
#word-header-footer-tool .related-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:#815ff0; opacity:.72; }
#word-header-footer-tool .related-card:hover { transform:translateY(-2px); border-color:#d5c8ef; box-shadow:0 9px 22px rgba(53,37,76,.08); }
#word-header-footer-tool .related-card strong { display:block; font-size:14px; line-height:1.35; }
#word-header-footer-tool .related-card small { display:block; margin-top:6px; color:#777182; font-size:12px; line-height:1.45; }
#word-header-footer-tool .related-arrow { position:absolute; right:15px; top:50%; width:27px; height:27px; margin-top:-14px; display:grid; place-items:center; border-radius:7px; background:#eee9ff; color:#6f4be8; font-weight:900; transition:transform .18s ease,background .18s ease; }
#word-header-footer-tool .related-card:hover .related-arrow { transform:translateX(2px); background:#e5ddfb; }

@media (max-width:900px) {
  .msc-emergency-links a:not(:first-child) { display:none; }
  #word-header-footer-tool .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #word-header-footer-tool .how-grid, #word-header-footer-tool .feature-grid, #word-header-footer-tool .related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  #word-header-footer-tool { padding-bottom:56px; }
  #word-header-footer-tool .hero { max-width:calc(100% - 28px); padding:38px 0 22px; }
  #word-header-footer-tool .hero h1 { font-size:34px; line-height:1.12; }
  #word-header-footer-tool .hero p { font-size:15px; }
  #word-header-footer-tool .tool-shell, #word-header-footer-tool .landing-content, #word-header-footer-tool .privacy-strip { max-width:calc(100% - 28px); }
  #word-header-footer-tool .tool-shell { padding:12px; border-radius:14px; }
  #word-header-footer-tool .upload-zone { min-height:260px; padding:32px 17px; }
  #word-header-footer-tool .file-summary, #word-header-footer-tool .action-row { flex-direction:column; align-items:stretch; }
  #word-header-footer-tool .stats-grid, #word-header-footer-tool .how-grid, #word-header-footer-tool .feature-grid, #word-header-footer-tool .related-grid { grid-template-columns:1fr; }
  #word-header-footer-tool .result-card { grid-template-columns:38px 1fr; }
  #word-header-footer-tool .result-card .primary-button { grid-column:1/-1; }
  #word-header-footer-tool .landing-section { padding-top:52px; }
  #word-header-footer-tool .landing-section h2 { font-size:25px; }
  #word-header-footer-tool .how-card, #word-header-footer-tool .feature-card, #word-header-footer-tool .related-card { transform:none; }
  #word-header-footer-tool .how-card:hover, #word-header-footer-tool .feature-card:hover, #word-header-footer-tool .related-card:hover { transform:none; }
  #word-header-footer-tool .privacy-strip { gap:10px 16px; justify-content:flex-start; }
  #word-header-footer-tool .table-heading { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } #word-header-footer-tool *, #word-header-footer-tool *::before, #word-header-footer-tool *::after { transition:none !important; } }