/* Shared by the guide pages and the compact home-page guide section. */
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.guide-card{padding:28px;border:1px solid var(--line);border-radius:5px;background:#fff;display:flex;flex-direction:column;min-width:0}
.guide-card .eyebrow{font-size:11px;margin-bottom:14px}
.guide-card h2,.guide-card h3{font-size:21px;line-height:1.4;margin-bottom:16px;letter-spacing:0}
.guide-card h2 a,.guide-card h3 a{color:var(--ink)}
.guide-card>p:not(.eyebrow){color:var(--body);margin-bottom:18px}
.guide-card .text-link{margin-top:auto;font-size:13px}
.home-guides{border-top:1px solid var(--line)}
.home-guides .section-heading{max-width:780px}
.home-guides .guide-card h3{font-size:19px}
.home-guides-all{display:flex;justify-content:center;margin-top:22px}
.guide-breadcrumb{padding-block:24px;font-size:12px;color:var(--body)}
.guide-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin:0}
.guide-breadcrumb li{display:inline}
.guide-breadcrumb li+li:before{content:'/';margin-right:10px;color:#7b8d9e}
.guide-hub{padding-block:28px 72px}
.guide-hub-heading{max-width:850px;margin-bottom:38px}
.guide-page h1{font-size:clamp(30px,3.5vw,44px);line-height:1.22;letter-spacing:0;overflow-wrap:anywhere}
.guide-intro{font-size:18px;line-height:1.8;color:var(--body);margin-top:24px;max-width:74ch}
.guide-hub-note{max-width:84ch;font-size:13px;color:var(--body);margin-top:28px}
.guide-article{padding-block:28px 48px}
.guide-article-header{max-width:960px;margin:0 0 42px}
.guide-summary{font-size:19px;line-height:1.7;max-width:74ch;color:var(--body);margin-top:24px}
.guide-byline{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:12px;color:var(--body);margin-top:24px}
.guide-layout{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,75ch);gap:clamp(32px,5vw,76px);align-items:start}
.guide-toc{position:sticky;top:92px;padding:22px 20px;background:var(--soft);border:1px solid var(--line);border-radius:5px;max-height:calc(100vh - 115px);overflow:auto}
.guide-toc h2{font-size:14px;margin-bottom:14px;line-height:1.5;letter-spacing:0}
.guide-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.guide-toc a{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.guide-body{font-size:16px;line-height:1.85;min-width:0;overflow-wrap:break-word}
.guide-body section{scroll-margin-top:94px;margin-top:48px}
.guide-body h2{font-size:28px;line-height:1.35;margin-bottom:20px;letter-spacing:0}
.guide-body h3{font-size:19px;line-height:1.5}
.guide-body p+p{margin-top:20px}
.guide-body ul{padding-left:24px;margin-block:20px}
.guide-body li+li{margin-top:10px}
.guide-body a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.guide-lead{color:var(--ink)}
.guide-note{padding:23px 25px;border-left:3px solid var(--blue);background:var(--soft);margin-block:26px}
.guide-note h3{margin-bottom:10px;color:var(--ink)}
.guide-note p{font-size:15px;line-height:1.8;color:var(--body)}
.guide-body .guide-checklist{padding:0;list-style:none}
.guide-checklist li{position:relative;padding-left:30px}
.guide-checklist li:before{content:'✓';position:absolute;left:0;color:var(--link);font-weight:700}
.guide-table-scroll{max-width:100%;overflow-x:auto;margin-block:24px;border:1px solid var(--line);border-radius:5px}
.guide-table-scroll table{width:100%;min-width:560px;border-collapse:collapse;font-size:13px;line-height:1.7;text-align:left}
.guide-table-scroll caption{text-align:left;padding:16px 18px;background:var(--soft);font-weight:600;color:var(--ink)}
.guide-table-scroll th,.guide-table-scroll td{padding:15px 18px;vertical-align:top;border-top:1px solid var(--line);min-width:140px}
.guide-table-scroll thead th{background:#f9fbfd;font-weight:600}
.guide-table-scroll tbody th{font-weight:600;width:25%}
.guide-table-scroll td+td,.guide-table-scroll th+th,.guide-table-scroll th+td{border-left:1px solid var(--line)}
.guide-faq dl{margin:0}
.guide-faq dt{font-weight:600;margin-top:26px}
.guide-faq dd{margin:8px 0 0;color:var(--body)}
.guide-sources{font-size:14px}
.guide-sources ul{padding-left:22px}
.guide-editorial{border-top:1px solid var(--line);padding-top:22px;margin-block:38px 12px;color:var(--body);font-size:12px;line-height:1.7}
.guide-related{padding-block:28px 68px;border-top:1px solid var(--line)}
.guide-related>h2{font-size:25px;margin-bottom:28px}
.guide-related .guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px}
@media(max-width:950px){.guide-cards{gap:16px}.guide-card{padding:22px}.guide-card h2,.guide-card h3{font-size:19px}.guide-layout{grid-template-columns:minmax(150px,190px) minmax(0,75ch);gap:32px}}
@media(max-width:780px){
  .guide-cards,.guide-related .guide-cards{grid-template-columns:1fr}
  .guide-layout{display:block}
  .guide-toc{position:static;max-height:none;margin-bottom:30px}
  .guide-toc ol{gap:8px}.guide-toc a{font-size:13px;padding-block:2px}
  .guide-article-header{margin-bottom:28px}.guide-article{padding-top:18px}
  .guide-body h2{font-size:25px}.guide-page h1{font-size:32px}
  .guide-hub{padding-top:18px}.guide-hub .guide-card{padding:25px}
  .home-guides-all{justify-content:flex-start}
}
@media(max-width:600px){
  .guide-breadcrumb{padding-block:18px;font-size:11px}
  .guide-page h1{font-size:28px;line-height:1.27}
  .guide-intro,.guide-summary{font-size:16px}
  .guide-body{font-size:15px;line-height:1.85}.guide-body h2{font-size:23px}
  .guide-body section{margin-top:36px}.guide-byline{font-size:11px}
  .guide-note{padding:20px}.guide-note p{font-size:14px}
  .guide-table-scroll table{font-size:12px}.guide-table-scroll th,.guide-table-scroll td{padding:13px}
  .guide-related{padding-bottom:44px}.guide-hub{padding-bottom:44px}.guide-card{padding:24px}
}
@media print{.header,.guide-toc,.guide-related,.contact,.skip-link,footer{display:none}.guide-layout{display:block}.guide-page .container{width:100%}.guide-article{padding:0}.guide-table-scroll{overflow:visible}.guide-table-scroll table{min-width:0}.guide-body{font-size:11pt}.guide-page h1{font-size:25pt}a{color:inherit}}

.guide-card h2 a,.guide-card h3 a{text-decoration:none}.guide-card h2 a:hover,.guide-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.guide-card>p{line-height:1.7}.guide-body a,.guide-toc a,.guide-breadcrumb a{color:var(--link)}.guide-body a:hover,.guide-toc a:hover{text-decoration-thickness:2px}.guide-hub-note,.guide-byline{line-height:1.7}.guide-page .eyebrow{margin-bottom:12px}.home-guides h2{margin-top:8px}.guide-body{color:var(--body)}
@media(max-width:1083px){.guides-enabled .menu-toggle,.guide-page .menu-toggle{display:inline-flex;align-items:center;gap:9px;padding:8px 0 8px 8px;background:none;border:0;cursor:pointer;font-size:13px;color:var(--ink);min-height:44px}.guides-enabled .menu-icon,.guides-enabled .menu-icon:before,.guides-enabled .menu-icon:after,.guide-page .menu-icon,.guide-page .menu-icon:before,.guide-page .menu-icon:after{width:18px;height:1.5px;background:currentColor;display:block;position:relative}.guides-enabled .menu-icon:before,.guides-enabled .menu-icon:after,.guide-page .menu-icon:before,.guide-page .menu-icon:after{content:"";position:absolute;left:0}.guides-enabled .menu-icon:before,.guide-page .menu-icon:before{top:-6px}.guides-enabled .menu-icon:after,.guide-page .menu-icon:after{top:6px}.guides-enabled .nav,.guide-page .nav{display:none;position:absolute;left:0;right:0;top:54px;max-height:calc(100dvh - 54px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px 22px;box-shadow:0 12px 16px #0914270a}.guides-enabled .nav.is-open,.guide-page .nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.guides-enabled .nav>a,.guide-page .nav>a{padding:12px 0;font-size:15px}.guides-enabled .nav>.booking-header,.guide-page .nav>.booking-header{align-self:flex-start;padding:8px 18px;margin-top:8px}.guides-enabled .languages,.guide-page .languages{padding-top:14px;margin:0;gap:10px;font-size:13px}}

/* Article layout aligned with the TrademarkIQ guide reference, 10 October 2026.
   Replace the previous "wider, centered reading area" block with this block.
   The :has() scope deliberately excludes both guide hubs and home pages.
   DOM order stays TOC, then body; explicit grid areas put the text left on desktop. */
@media screen {
  .guide-page:has(.guide-article) .guide-breadcrumb,
  .guide-page .guide-article.container,
  .guide-page:has(.guide-article) .guide-related,
  .guide-page:has(.guide-article) .header-inner,
  .guide-page:has(.guide-article) .site-header > .nav {
    width:calc(100% - 60px);
    max-width:1180px;
    margin-inline:auto;
  }
  .guide-page:has(.guide-article) .guide-breadcrumb {
    padding:26px 0 30px;
    color:#54697c;
    font-size:13px;
    line-height:1.75;
  }
  .guide-page:has(.guide-article) .guide-breadcrumb ol { gap:8px; }
  .guide-page:has(.guide-article) .guide-breadcrumb li+li:before { margin-right:8px; color:#8293a3; }
  .guide-page:has(.guide-article) .guide-breadcrumb a { color:#0067b8; text-decoration:none; }
  .guide-page .guide-article { padding:0; color:#172b40; }
  .guide-article .guide-article-header {
    max-width:none;
    margin:0;
    padding:0 0 34px;
    border-bottom:1px solid #d4e0e9;
  }
  .guide-article .guide-article-header .eyebrow {
    margin:0 0 16px;
    color:#0067b8;
    font-size:12px;
    line-height:1.75;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
  }
  .guide-page .guide-article h1 {
    max-width:970px;
    margin:0 0 22px;
    color:#102a43;
    font-size:clamp(32px,4vw,49px);
    font-weight:650;
    line-height:1.2;
    letter-spacing:-.025em;
    overflow-wrap:break-word;
  }
  .guide-article .guide-summary {
    max-width:770px;
    margin:0;
    color:#425c73;
    font-size:19px;
    line-height:1.65;
  }
  .guide-article .guide-byline {
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    margin:22px 0 0;
    color:#54697c;
    font-size:12px;
    line-height:1.75;
  }
  .guide-article .guide-layout {
    display:grid;
    grid-template-columns:minmax(0,790px) minmax(200px,1fr);
    grid-template-areas:"body toc";
    gap:70px;
    align-items:start;
    padding:12px 0 60px;
  }
  .guide-article .guide-body {
    grid-area:body;
    min-width:0;
    padding-top:25px;
    color:#172b40;
    font-size:16px;
    line-height:1.75;
  }
  .guide-article .guide-lead { color:#172b40; }
  .guide-article .guide-body section { margin-top:48px; }
  .guide-article .guide-body h2 {
    margin:0 0 18px;
    color:#172b40;
    font-size:26px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:-.015em;
  }
  .guide-article .guide-body h3 { color:#172b40; font-size:19px; font-weight:700; line-height:1.45; }
  .guide-article .guide-body p { margin:0 0 20px; }
  .guide-article .guide-body ul { margin:0 0 24px; padding-left:24px; }
  .guide-article .guide-body li { padding-left:5px; margin:0 0 10px; }
  .guide-article .guide-body a { color:#0067b8; text-underline-offset:4px; }
  .guide-article .guide-body a:hover { color:#004f8f; }
  .guide-article .guide-toc {
    grid-area:toc;
    align-self:start;
    position:sticky;
    top:100px;
    max-height:calc(100vh - 125px);
    margin:25px 0 0;
    padding:22px;
    border:1px solid #d4e0e9;
    border-radius:6px;
    background:#f2f7fa;
    color:#54697c;
    font-size:13px;
  }
  .guide-article .guide-toc h2 {
    margin:0 0 16px;
    color:#172b40;
    font-size:14px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:0;
  }
  .guide-article .guide-toc ol { display:block; margin:0; padding:0; list-style:none; }
  .guide-article .guide-toc li { margin:0 0 12px; }
  .guide-article .guide-toc li:last-child { margin-bottom:0; }
  .guide-article .guide-toc a {
    display:block;
    padding:0;
    color:#54697c;
    font-size:13px;
    line-height:1.75;
    text-decoration:none;
    overflow-wrap:break-word;
  }
  .guide-article .guide-toc a:hover { color:#0067b8; text-decoration:underline; }
  .guide-article .guide-note {
    margin:26px 0;
    padding:22px 25px;
    border:1px solid #c5dfef;
    border-left:3px solid #0067b8;
    border-radius:6px;
    background:#edf6fc;
  }
  .guide-article .guide-note h3 { margin:0 0 8px; color:#004f8f; }
  .guide-article .guide-note p { margin:0; color:#172b40; font-size:15px; line-height:1.75; }
  .guide-article .guide-body .guide-checklist { padding:0; }
  .guide-article .guide-checklist li { padding-left:34px; margin:12px 0; }
  .guide-article .guide-checklist li:before { color:#0067b8; }
  .guide-article .guide-table-scroll { margin:25px 0 30px; border-color:#d4e0e9; border-radius:6px; }
  .guide-article .guide-table-scroll table { font-size:14px; line-height:1.65; }
  .guide-article .guide-table-scroll th,
  .guide-article .guide-table-scroll td { padding:14px 16px; }
  .guide-article .guide-table-scroll caption,
  .guide-article .guide-table-scroll thead th { background:#f2f7fa; color:#172b40; }
  .guide-article .guide-table-scroll tbody tr:nth-child(even) { background:#fbfdfe; }
  .guide-article .guide-faq dd { color:#54697c; }
  .guide-article .guide-sources { color:#54697c; font-size:13px; }
  .guide-article .guide-editorial { color:#54697c; }
  .guide-page:has(.guide-article) .guide-related { padding:35px 0 55px; border-color:#d4e0e9; }
  .guide-page:has(.guide-article) .guide-related > h2 { margin:0 0 24px; color:#172b40; font-size:26px; line-height:1.35; }
  .guide-page:has(.guide-article) .guide-related .guide-cards { max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
  .guide-page:has(.guide-article) .guide-related .guide-card h3 { font-size:22px; }
  .guide-page:has(.guide-article) .guide-related .guide-card h3 a { color:#172b40; }
  .guide-page:has(.guide-article) .guide-related .guide-card > p:not(.eyebrow) { color:#54697c; font-size:14px; line-height:1.75; }
}
@media screen and (max-width:950px) {
  .guide-article .guide-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"toc" "body"; gap:0; }
  .guide-article .guide-toc { position:static; max-height:none; margin:20px 0 0; padding:20px; }
  .guide-article .guide-toc ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 24px; }
}
@media screen and (max-width:650px) {
  .guide-page:has(.guide-article) .guide-breadcrumb,
  .guide-page .guide-article.container,
  .guide-page:has(.guide-article) .guide-related,
  .guide-page:has(.guide-article) .header-inner,
  .guide-page:has(.guide-article) .site-header > .nav { width:calc(100% - 36px); }
  .guide-page:has(.guide-article) .guide-breadcrumb { padding:20px 0 25px; font-size:12px; }
  .guide-page .guide-article h1 { font-size:32px; }
  .guide-article .guide-article-header { padding-bottom:24px; }
  .guide-article .guide-summary { font-size:17px; }
  .guide-article .guide-layout { padding-bottom:35px; }
  .guide-article .guide-body { font-size:15px; }
  .guide-article .guide-body h2 { font-size:24px; }
  .guide-article .guide-body section { margin-top:36px; }
  .guide-article .guide-toc ol { grid-template-columns:minmax(0,1fr); }
  .guide-article .guide-note { padding:18px; }
  .guide-page:has(.guide-article) .guide-related { padding-bottom:35px; }
  .guide-page:has(.guide-article) .guide-related .guide-cards { grid-template-columns:minmax(0,1fr); gap:18px; }
}

/* Social profiles: plain links only; no embedded social widgets. */
.site-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin:24px 0 0;padding:20px 0;border-top:1px solid #d2e3ed;font-size:13px;line-height:1.6}
.site-social-links>span{font-weight:600;color:#17344f}
.site-social-links>a{display:inline-flex;align-items:center;min-height:32px;color:#0067b8;text-decoration:none}
.site-social-links>a:hover{text-decoration:underline;text-underline-offset:3px}
.site-social-links>a:focus-visible{outline:3px solid #0067b8;outline-offset:4px}
@media(max-width:650px){.site-social-links{gap:8px 20px}.site-social-links>span{flex-basis:100%}}
