.guides-page .doc-shell { max-width: 1120px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:24px; color:#3b4b63; font-size:.88rem; }
.guide-breadcrumb a { color:inherit; }
.guide-reviewed { margin:-12px 0 38px; color:#3b4b63; font-size:.88rem; }
.guide-section-heading,.guide-support-grid,.guide-fact-panel,.guide-related { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(28px,5vw,64px); align-items:start; margin-block:clamp(48px,7vw,82px); }
.guides-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.guide-card,.guide-limitations,.guide-faq,.guide-related,.guide-fact-panel,.guide-workspace { border:1px solid rgba(26,43,68,.12); border-radius:18px; background:rgba(251,250,246,.94); box-shadow:0 14px 38px rgba(26,43,68,.07); }
.guide-card { display:flex; min-height:290px; flex-direction:column; padding:clamp(26px,4vw,40px); }
.guide-card-featured { border-color:rgba(169,50,50,.28); background:linear-gradient(145deg,rgba(251,250,246,.98),rgba(244,226,219,.62)); }
.guide-card-planned { background:rgba(251,250,246,.7); }
.guide-card-label { align-self:flex-start; margin-bottom:18px; border-radius:999px; padding:6px 10px; background:rgba(201,154,61,.1); color:#a93232; font-family:monospace; font-size:.68rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.guide-card h3 { margin-bottom:14px; }
.guide-card p { flex:1; margin-bottom:24px; }
.guide-card>a { font-weight:600; }
.guide-support-links,.guide-related-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.guide-support-links a,.guide-related-links a { display:grid; gap:5px; border:1px solid rgba(26,43,68,.12); border-radius:13px; padding:18px; background:rgba(251,250,246,.82); color:#1a2b44; text-decoration:none; }
.guide-support-links span,.guide-related-links span { color:#3b4b63; font-size:.86rem; line-height:1.45; }
.guide-prose { max-width:78ch; margin-block:clamp(42px,6vw,68px); }
.guide-prose h2 { margin-bottom:18px; }
.guide-prose p+p { margin-top:18px; }
.guide-fact-panel,.guide-related { padding:clamp(28px,5vw,48px); }
.guide-table-wrap { overflow-x:auto; border:1px solid rgba(26,43,68,.12); border-radius:13px; background:#fff; }
.guide-fact-table { width:100%; min-width:560px; border-collapse:collapse; font-size:.92rem; }
.guide-fact-table caption { padding:12px 15px; text-align:left; font-weight:600; }
.guide-fact-table th,.guide-fact-table td { border-bottom:1px solid rgba(26,43,68,.1); padding:13px 15px; text-align:left; vertical-align:top; }
.guide-fact-table thead th { background:rgba(26,43,68,.055); color:#1a2b44; font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; }
.guide-fact-table tbody th { width:52%; color:#1a2b44; font-weight:600; }
.guide-action-row { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; margin-block:24px; }
.guide-action-row>a:not(.tb-btn) { font-weight:600; }
.guide-limitations,.guide-faq { margin-block:clamp(48px,7vw,78px); padding:clamp(28px,5vw,48px); }
.guide-two-column-list { columns:2; column-gap:48px; }
.guide-two-column-list li { break-inside:avoid; }
.guide-faq details { border-top:1px solid rgba(26,43,68,.12); padding-block:17px; }
.guide-faq details:last-child { border-bottom:1px solid rgba(26,43,68,.12); }
.guide-faq summary { color:#1a2b44; font-weight:600; cursor:pointer; }
.guide-faq details p { max-width:72ch; margin:12px 0 0; }
.guide-workspace { margin-block:clamp(42px,6vw,72px); padding:clamp(22px,4vw,38px); }
.guide-workspace-heading { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:24px; }
.guide-workspace-heading>div { max-width:70ch; }
.guide-editor-frame { display:block; width:100%; min-height:760px; border:1px solid rgba(26,43,68,.16); border-radius:14px; background:#fff; }
@media (max-width:820px) {
  .guide-section-heading,.guide-support-grid,.guide-fact-panel,.guide-related { grid-template-columns:1fr; }
  .guides-card-grid,.guide-support-links,.guide-related-links { grid-template-columns:1fr; }
  .guide-card { min-height:0; }
  .guide-workspace-heading { flex-direction:column; }
  .guide-editor-frame { min-height:680px; }
}
@media (max-width:620px) {
  .guide-detail-page .doc-shell>h1 { font-size:clamp(2.2rem,11vw,2.75rem); line-height:.98; letter-spacing:-.035em; }
  .guide-detail-page h2 { font-size:clamp(1.55rem,7.5vw,1.9rem); line-height:1.04; letter-spacing:-.02em; }
  .guide-detail-page .doc-intro,.guide-detail-page .guide-prose p,.guide-detail-page .guide-limitations p { font-size:1rem; line-height:1.58; }
  .guide-two-column-list { columns:1; }
  .guide-fact-panel,.guide-related,.guide-limitations,.guide-faq,.guide-workspace { border-radius:14px; padding:22px; }
  .guide-action-row { align-items:stretch; }
  .guide-action-row .tb-btn,.guide-workspace-heading .tb-btn { width:100%; }
  .guide-workspace { position:relative; }
  .guide-workspace-heading { margin-bottom:0; }
  .guide-workspace-heading .tb-btn { order:3; text-align:center; }
  .guide-editor-frame { display:none; }
  .guide-workspace::after { content:"The complete profession-specific workspace opens full screen on mobile, where every field, preview, and export control remains usable."; display:block; margin-top:18px; border:1px solid rgba(26,43,68,.12); border-radius:12px; padding:16px; background:rgba(26,43,68,.045); color:#3b4b63; font-size:.9rem; line-height:1.5; }
  .guide-table-wrap { overflow:visible; border:0; background:transparent; }
  .guide-fact-table { min-width:0; border-collapse:separate; border-spacing:0; }
  .guide-fact-table caption { padding:0 0 14px; }
  .guide-fact-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .guide-fact-table tbody,.guide-fact-table tr,.guide-fact-table th,.guide-fact-table td { display:block; width:100%; }
  .guide-fact-table tbody { display:grid; gap:14px; }
  .guide-fact-table tr { overflow:hidden; border:1px solid rgba(26,43,68,.12); border-radius:12px; background:#fff; }
  .guide-fact-table tbody th { width:100%; border-bottom:1px solid rgba(26,43,68,.1); padding:15px 16px 10px; font-size:.98rem; }
  .guide-fact-table tbody td { border-bottom:0; padding:10px 16px 16px; color:#3b4b63; line-height:1.5; }
  .guide-related-links a { padding:16px; }
}