/* Article Guide (docs/design, api-ai-gateway): valid guide posts only, after style.css, theme tokens only.
   Parts differ by label, numeral and rule style, not colour alone. */
.tj-explorer[data-tj-progressive]:not([data-tj-enhanced]) .tj-explorer__tabs { display: none; }
.tj-guide-part-1 { --tj-gp: var(--tj-accent); --tj-gp-rule: solid; }
.tj-guide-part-2 { --tj-gp: var(--wp--preset--color--warning); --tj-gp-rule: dashed; }
.tj-guide-layout .tj-reader__toc { top: 1.5rem; }
.tj-guide-article { min-width: 0; }
:root[data-read="on"] .tj-guide-layout .tj-reader__toc { top: calc(var(--tj-readbar-h) + 1rem); }
.tj-guide-layout :is(h2, h3, h4)[id], .tj-guide-layout [role="tabpanel"], .tj-guide-layout details { scroll-margin-top: 1.5rem; }
:root[data-read="on"] .tj-guide-layout :is(h2, h3, h4)[id], :root[data-read="on"] .tj-guide-layout [role="tabpanel"] { scroll-margin-top: calc(var(--tj-readbar-h) + 1rem); }
.tj-guide-mark { display: inline-block; min-width: 1.9em; margin-right: 0.45em; padding: 0 0.35em; border: 1.5px var(--tj-gp-rule) var(--tj-gp); border-radius: 999px; color: var(--tj-gp); font-weight: 700; font-size: 0.75rem; line-height: 1.5; text-align: center; }
.tj-guide-start { margin: 0 0 1.5rem; font-family: var(--tj-sans); }
.tj-guide-start__part { border-left: 4px var(--tj-gp-rule) var(--tj-gp); padding: 0.1rem 0 0.1rem 0.9rem; margin: 0 0 1.25rem; }
.tj-guide-start__label, .tj-guide-contents__label { font-weight: 600; font-size: 0.875rem; margin: 0 0 0.6rem; }
.tj-guide-start__label a, .tj-guide-contents__label a { color: var(--wp--preset--color--ink); text-decoration: none; }
.tj-guide-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; grid-template-columns: 1fr; }
@media (min-width: 560px) { .tj-guide-cards--4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .tj-guide-cards--3 { grid-template-columns: repeat(3, 1fr); } }
.tj-guide-card { display: flex; flex-direction: column; gap: 0.2rem; height: 100%; box-sizing: border-box; min-height: 44px; padding: 0.75rem 0.9rem; border: 1px var(--tj-gp-rule) var(--tj-rule); border-radius: var(--tj-radius); background: var(--tj-surface); color: inherit; text-decoration: none; }
.tj-guide-card:hover, .tj-guide-card:focus-visible { border-color: var(--tj-gp); }
.tj-guide-card__key, .tj-guide-contents__key, .tj-guide-cases__key { font-size: 0.75rem; font-weight: 700; color: var(--tj-gp); font-variant-numeric: tabular-nums; }
.tj-guide-card__title { font-weight: 600; color: var(--wp--preset--color--ink); }
.tj-guide-card__summary { font-size: 0.875rem; color: var(--tj-ink2); line-height: 1.4; }
.tj-guide-contents { font-family: var(--tj-sans); font-size: 0.9375rem; }
.tj-guide-contents ol { list-style: none; margin: 0; padding: 0; }
.tj-guide-contents__part { border-left: 3px var(--tj-gp-rule) var(--tj-gp); padding-left: 0.75rem; margin: 0 0 1rem; }
.tj-guide-contents li { margin: 0.15rem 0; }
.tj-guide-contents a { display: block; padding: 0.2rem 0.4rem; border-radius: var(--tj-radius); color: var(--tj-ink2); text-decoration: none; }
.tj-guide-contents a:hover { text-decoration: underline; }
.tj-guide-contents a[aria-current] { color: var(--wp--preset--color--ink); font-weight: 600; background: var(--tj-surface); box-shadow: inset 3px 0 0 var(--tj-gp); }
.tj-guide-contents__sub { padding-left: 1rem !important; font-size: 0.875rem; }
[data-tj-guide-enhanced] li[data-tj-guide-item]:not(.is-current) > .tj-guide-contents__sub { display: none; }
.tj-guide-contents--compact details { border: 1px solid var(--tj-hairline); border-radius: var(--tj-radius); margin: 0 0 1.75rem; }
.tj-guide-contents--compact summary { cursor: pointer; min-height: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.6rem; padding: 0.5rem 1rem; font-weight: 600; }
.tj-guide-contents__counts { font-weight: 400; font-size: 0.8125rem; color: var(--tj-muted); }
.tj-guide-contents--compact nav { padding: 0 1rem 0.75rem; }
.tj-guide-part { border-left: 4px var(--tj-gp-rule) var(--tj-gp); padding: 0.2rem 0 0.2rem 1rem; margin: 2.5rem 0 1.5rem; }
.tj-guide-part > h2 { margin-top: 0; }
.tj-guide-cases { font-family: var(--tj-sans); font-size: 0.875rem; margin: -0.25rem 0 1.25rem; }
.tj-guide-cases ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }
.tj-guide-cases a { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 36px; padding: 0.2rem 0.75rem; border: 1px dashed var(--tj-rule); border-radius: 999px; color: var(--tj-ink2); text-decoration: none; }
.tj-guide-cases a[aria-current] { border-style: solid; border-color: var(--wp--preset--color--warning); color: var(--wp--preset--color--ink); font-weight: 600; }
.tj-guide-cases__key { color: var(--wp--preset--color--warning); }
.tj-guide-back { font-family: var(--tj-sans); font-size: 0.875rem; margin: 1.5rem 0 0; }
.tj-guide-back a { color: var(--tj-ink2); display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 1100px) { .tj-guide-contents--compact, .tj-guide-back { display: none; } }
.tj-guide-layout .wp-block-details { border: 1px solid var(--tj-hairline); border-radius: var(--tj-radius); background: var(--tj-surface); padding: 0 1rem; margin: 1.25rem 0; }
.tj-guide-layout .wp-block-details > summary { cursor: pointer; font-family: var(--tj-sans); font-weight: 600; font-size: 0.9375rem; padding: 0.75rem 0; min-height: 44px; }
a[data-tj-node] { cursor: pointer; }
a[data-tj-node] .tj-node-badge { fill: var(--wp--preset--color--page); stroke: var(--tj-accent); }
a[data-tj-node] .tj-node-num { fill: var(--tj-accent); font-family: var(--tj-sans); font-weight: 700; }
a[data-tj-node].is-selected .tj-node-shape { stroke: var(--tj-accent); stroke-width: 3; }
a[data-tj-node].is-selected .tj-node-badge { fill: var(--tj-accent); }
a[data-tj-node].is-selected .tj-node-num { fill: var(--wp--preset--color--page); }
a[data-tj-node].is-selected .tj-node-label { font-weight: 700; }
a[data-tj-node]:hover .tj-node-shape, a[data-tj-node]:focus-visible .tj-node-shape { stroke-dasharray: 5 3; }
.tj-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5em; height: 1.5em; margin-right: 0.4em; border: 1.5px solid currentColor; border-radius: 999px; font-size: 0.8em; font-weight: 700; }
[aria-selected="true"] > .tj-badge, .tj-explorer__panel .tj-badge { background: var(--tj-accent); border-color: var(--tj-accent); color: var(--wp--preset--color--page); }
.tj-explorer__panel:target { outline: 2px solid var(--tj-accent); outline-offset: 4px; border-radius: var(--tj-radius); }
.tj-step-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin: 1rem 0 0; font-family: var(--tj-sans); font-size: 0.875rem; }
.tj-step-controls[hidden] { display: none; }
.tj-step-controls [aria-disabled="true"] { opacity: 0.45; cursor: default; }
@media (forced-colors: active) { a[data-tj-node].is-selected .tj-node-shape { stroke: Highlight; } }
@media print {
  .tj-guide-aside, .tj-guide-contents, .tj-guide-start, .tj-guide-cases, .tj-guide-back, .tj-explorer__tabs, .tj-step-controls { display: none !important; }
  .tj-explorer[data-tj-progressive] [role="tabpanel"][hidden] { display: block !important; }
  .tj-guide-layout details::details-content { content-visibility: visible; display: block; }
  a[data-tj-node].is-selected .tj-node-shape { stroke-width: 1.5; }
}
