/**
 * Copyright (c) 2026 DNA Genics, S.L. All rights reserved.
 * Shared public information, learning, company and instructional landing pages.
 * Load after product-landing.css; all components are scoped to .public-guide.
 */
.product-landing.public-guide { padding-top:calc(var(--nav-height,72px) + 8px); background:var(--deep); --gold-dark:#79562b; }
.public-guide .pl-hero { min-height:0; height:auto; padding:0; background:var(--deep); color:var(--white); }
.public-guide .pl-hero-inner { padding-top:32px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:52px; }
.public-guide .pl-hero h1 { color:var(--white); font:clamp(40px,4.3vw,66px)/1.05 var(--serif); letter-spacing:-.045em; margin:24px 0; }
.public-guide .pl-hero h1 :is(span,em) { color:var(--gold); font-style:normal; }
.public-guide .pl-hero-copy > p, .public-guide .pl-hero-lede { color:var(--muted-light); font-size:18px; line-height:1.75; }
.public-guide .pl-hero-copy > p[class$='note'] { font-size:13px; }
.public-guide .pl-hero .pl-eyebrow { color:var(--gold); font:700 11px/1.6 var(--sans); letter-spacing:.15em; }
.public-guide .pl-hero-action { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:28px; }
.public-guide .pl-hero .pl-hero-action .pl-btn-outline { color:var(--white); border-color:#7c898b; }
.public-guide .pl-hero-copy :is(.dna-icon,img[aria-hidden='true']) { width:18px; height:18px; flex-shrink:0; }
.public-guide .pl-section { background:var(--paper); color:var(--ink); }
.public-guide .pl-section:nth-of-type(even), .public-guide .pl-usage { background:#e9e5dc; }
.public-guide .pl-section h2 { font:clamp(32px,3.5vw,50px)/1.1 var(--serif); color:var(--ink); letter-spacing:-.035em; }
.public-guide .pl-section h3 { font:28px/1.2 var(--serif); margin:0 0 16px; color:var(--ink); }
.public-guide .pl-section :is(p,li) { font-size:15px; line-height:1.8; color:var(--muted); }
.public-guide .pl-section :is(strong,summary) { color:var(--ink); }
.public-guide .pl-section .pl-section-header { text-align:left; margin-bottom:36px; }
.public-guide .pl-section .pl-section-no { color:#79562b; }
.public-guide .pl-section :is(a:not(.pl-btn),button:not(.pl-btn)) { color:#79562b; }
.public-guide .pl-section a:not(.pl-btn) { text-underline-offset:4px; }
.public-guide .pl-btn-primary { background:var(--gold); border-color:var(--gold); color:var(--ink); }
.public-guide .pl-btn-outline { color:var(--ink); background:transparent; border-color:#82755f; }
.public-guide .pl-wrap .pl-wrap { width:100%; }
.public-guide .pg-preview { min-width:0; border:1px solid #dbc7a7; background:#fbf8f0; color:var(--ink); box-shadow:14px 14px 0 #273238; }
.public-guide .pg-preview-top { padding:20px 24px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); font:10px/1.6 var(--mono); }
.public-guide .pg-preview-body { padding:32px 28px; }
.public-guide .pg-preview-body .pl-eyebrow { color:#79562b; }
.public-guide .pg-preview h2 { font:38px/1.1 var(--serif); letter-spacing:-.035em; color:var(--ink); margin:16px 0 24px; }
.public-guide .pg-preview ol { list-style:none; margin:0; padding:8px 24px; background:var(--deep2); }
.public-guide .pg-preview li { display:grid; grid-template-columns:28px 1fr; gap:16px; padding:20px 0; border-bottom:1px solid var(--line-dark); }
.public-guide .pg-preview li:last-child { border:0; }
.public-guide .pg-preview li > span { color:var(--gold); font:18px/1.5 var(--serif); }
.public-guide .pg-preview li strong { color:var(--white); font:700 13px/1.5 var(--sans); }
.public-guide .pg-preview li p { color:var(--muted-light); font:12px/1.65 var(--sans); margin:6px 0 0; }
.public-guide .pg-preview-note { padding:16px 24px; font:11px/1.6 var(--sans); border-top:1px solid var(--line); margin:0; color:var(--muted); }
.public-guide .pg-grid, .public-guide :is(.catalog-grid,.learn-videos-grid,.learn-insights-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:28px; }
.public-guide .pg-card, .public-guide :is(.catalog-card,.learn-insight-card,.learn-tool-card,.glossary-term-card) { min-width:0; padding:28px; border:1px solid var(--line); border-top:3px solid var(--gold); background:var(--white); }
.public-guide .pg-card > :last-child { margin-bottom:0; }
.public-guide .pg-card :is(img,.dna-icon), .public-guide [class$='-icon'] :is(img,.dna-icon) { max-width:100%; }
.public-guide [class$='-icon'] img { width:32px; height:32px; object-fit:contain; }
.public-guide :is(.prt-partner-logo,.prt-logo-item) img { max-width:160px; max-height:64px; object-fit:contain; }
.public-guide .pg-reading { max-width:1050px; }
.public-guide .pg-reading > :is(p,ul,ol) { max-width:850px; }
.public-guide img { max-width:100%; height:auto; }
.public-guide figure { margin:28px 0; }
.public-guide figcaption { font:12px/1.7 var(--sans); padding-top:12px; color:var(--muted); }
.public-guide .pl-section :is(.pl-eyebrow,[class$='-section-label'],[class$='-kicker']) { color:#79562b; font:700 11px/1.6 var(--sans); text-transform:uppercase; letter-spacing:.14em; }
.public-guide :is(.catalog-proof,.contact-trust-badges,.learn-hero-trust,.glossary-hero-trust,.prt-hero-stats) { display:flex; flex-wrap:wrap; gap:20px 28px; list-style:none; padding:24px 0; margin:24px 0 0; border-top:1px solid var(--line-dark); color:var(--muted-light); font-size:12px; }
.public-guide :is(.catalog-proof,.prt-hero-stats) strong, .public-guide .prt-hero-stat-value { display:block; color:var(--gold); font:24px/1.3 var(--serif); }
.public-guide .prt-hero-stat-label { display:block; margin-top:8px; }
.public-guide :is(.catalog-card-footer,.services-card-actions,.about-cta-buttons,.careers-cta-buttons,.contact-cta-buttons,.glossary-cta-buttons,.learn-cta-buttons,.prt-cta-buttons) { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:24px; }
.public-guide :is(.pg-disclosure,.catalog-disclosure,.services-faq-item,.methods-faq-item) { border:0; border-top:1px solid var(--line); padding:0; margin:0; min-width:0; }
.public-guide :is(.pg-disclosure,.catalog-disclosure,.services-faq-item) > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; cursor:pointer; padding:24px 0; color:var(--ink); font:700 16px/1.6 var(--sans); }
.public-guide summary::-webkit-details-marker { display:none; }
.public-guide .pl-plus { margin-left:auto; color:#79562b; font-size:24px; }
.public-guide details[open] > summary .pl-plus { transform:rotate(45deg); }
.public-guide details:not([open]) > :not(summary) { display:none; }
.public-guide :is(.pg-disclosure-body,.catalog-disclosure-body,.prt-faq-answer,.contact-faq-answer) { padding-bottom:24px; }
.public-guide .pg-disclosure-body > :last-child { margin-bottom:0; }
.public-guide table { width:100%; border-collapse:collapse; font-size:14px; }
.public-guide th { color:var(--ink); text-align:left; font-weight:700; background:#eee8dd; }
.public-guide :is(th,td) { border-bottom:1px solid var(--line); padding:16px; vertical-align:top; }
.public-guide :is(.compatibility-table-wrap,.table-responsive) { max-width:100%; overflow-x:auto; }
.public-guide .compatibility-table { min-width:780px; }
.public-guide .compatibility-sort-button { padding:8px 0; color:var(--ink); background:none; border:0; text-align:left; font-weight:700; }
.public-guide :is(.studio-search,.studio-search-panel) { padding:24px; background:var(--white); border:1px solid var(--line); }
.public-guide input { max-width:100%; border:1px solid #82755f; border-radius:0; min-height:48px; padding:12px; color:var(--ink); background:var(--white); font:16px/1.5 var(--sans); }
.public-guide [hidden] { display:none !important; }
.public-guide .studio-tool-grid--searching { display:grid; }
.public-guide :is(.studio-search-actions,.studio-search-controls) { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.public-guide :is(.catalog-badge,.services-card-badge,.careers-position-badge,.prt-pillar-label,.compatibility-kind) { display:inline-block; padding:5px 9px; border:1px solid #9c805c; color:#79562b; font:11px/1.6 var(--sans); }
.public-guide .catalog-discount { padding:16px 0; }
.public-guide .blog-post-container, .public-guide .blog-post-layout, .public-guide .blog-post-body { width:100%; min-width:0; }
.public-guide .blog-post-body { max-width:1000px; margin-inline:auto; }
.public-guide .blog-post-body > :is(p,ol,ul) { font-size:16px; line-height:1.85; }
.public-guide .blog-post-body > ol > li { padding:16px 0 24px 8px; border-bottom:1px solid var(--line); }
.public-guide .blog-post-body h2 { font:34px/1.2 var(--serif); margin:40px 0 24px; }
.public-guide .blog-post-share { margin-top:56px; padding-top:24px; border-top:1px solid var(--line); }
.public-guide :is(.blog-share-buttons,.blog-floating-share-buttons) { display:flex; gap:12px; flex-wrap:wrap; }
.public-guide :is(.blog-share-btn,.blog-mobile-share-btn) { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:10px 16px; background:transparent; border:1px solid #82755f; color:var(--ink); cursor:pointer; }
.public-guide .blog-mobile-share-bar { display:none; }
.public-guide iframe { display:block; max-width:100%; border:0; }
.public-guide :is(.learn-video-embed,.learn-video-wrapper,.learn-video-player) { aspect-ratio:16/9; }
.public-guide :is(.learn-video-embed,.learn-video-wrapper,.learn-video-player) iframe { width:100%; height:100%; }
.public-guide :is(.learn-video-tabs,.glossary-category-tabs,.glossary-alphabet-links) { display:flex; flex-wrap:wrap; gap:10px; margin-block:24px; }
.public-guide :is(.learn-video-tab,.learn-concept-toggle,.glossary-category-tab,.glossary-alphabet-link,.glossary-term-expand,.glossary-search-clear) { min-height:44px; padding:10px 14px; border:1px solid #82755f; border-radius:0; background:var(--white); color:var(--ink); cursor:pointer; font:14px/1.5 var(--sans); }
.public-guide :is(.learn-video-tab.active,.glossary-category-tab.active) { background:var(--ink); color:var(--white); }
.public-guide .learn-concept-header, .public-guide .glossary-term-header { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.public-guide .learn-concept-content { padding-top:20px; }
.public-guide .learn-concept-toggle { flex-shrink:0; }
.public-guide .glossary-search-box { display:flex; align-items:center; gap:10px; background:var(--white); color:var(--ink); padding:8px; margin-top:28px; }
.public-guide .glossary-search-input { flex:1; min-width:0; border:0; }
.public-guide .glossary-search-icon { margin-left:8px; }
.public-guide .glossary-terms-hidden, .public-guide .hidden { display:none !important; }
.public-guide .glossary-alphabet-link.disabled { opacity:.5; cursor:default; }
.public-guide .glossary-related-terms { display:none; border-top:1px solid var(--line); padding-top:18px; margin-top:18px; }
.public-guide .glossary-term-card.expanded .glossary-related-terms { display:block; }
.public-guide .glossary-letter-section { margin-block:48px; scroll-margin-top:100px; }
.public-guide .glossary-letter-count { font:12px/1.6 var(--sans); color:var(--muted); }
.public-guide .glossary-related-links { display:flex; flex-wrap:wrap; gap:12px; }
.public-guide :is(.learn-quote,.about-quote,.comm-quote) { border-left:3px solid var(--gold); padding:20px 28px; margin-block:36px; }
.public-guide #demo-map-container, .public-guide #map { min-height:400px; }
.public-guide .pl-related-products { padding-block:48px; color:var(--ink); background:var(--paper); }
.public-guide .pl-section-nav .pl-wrap { flex-wrap:wrap; }
@media(max-width:1080px) { .public-guide .pl-hero-inner { grid-template-columns:1fr 1fr; gap:32px; } }
@media(max-width:850px) {
 .public-guide .pl-hero-inner { grid-template-columns:1fr; }
 .public-guide .pg-preview { width:100%; max-width:680px; }
 .public-guide .pg-grid, .public-guide :is(.catalog-grid,.learn-videos-grid,.learn-insights-grid) { grid-template-columns:1fr; }
}
@media(max-width:580px) {
 .public-guide .pl-hero h1 { font-size:clamp(36px,10vw,54px); }
 .public-guide .pl-hero-inner { padding-top:24px; }
 .public-guide .pl-hero-copy > p { font-size:16px; }
 .public-guide .pg-preview { box-shadow:6px 6px 0 #273238; }
 .public-guide .pg-preview-body { padding:24px 16px; }
 .public-guide .pg-preview h2 { font-size:32px; }
 .public-guide .pg-preview ol { padding-inline:16px; }
 .public-guide .pg-preview-top { padding:16px; }
 .public-guide .pg-card { padding:22px; }
 .public-guide .pl-hero-action .pl-btn { width:100%; justify-content:center; }
 .public-guide .blog-mobile-share-bar { display:flex; position:fixed; bottom:0; left:0; right:0; gap:12px; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:var(--deep); border-top:1px solid var(--line-dark); z-index:1020; }
 .public-guide .blog-mobile-share-btn { color:var(--white); flex:1; justify-content:center; }
}
@media print {
 .product-landing.public-guide { padding:0; background:white; color:black; }
 .public-guide :is(.pl-hero,.pl-section) { background:white; color:black; }
 .public-guide .pl-hero h1 { color:black; }
 .public-guide :is(.pl-section-nav,.pg-preview,.pl-skip-link,.blog-mobile-share-bar) { display:none; }
}

/* Retained instructional media and visibility states. */
.public-guide .pg-inline-1 { max-width: 100%; height: auto; margin: 1rem 0; border-radius: 0; }
.public-guide .pg-inline-2 { padding:75% 0 0 0;position:relative; }
.public-guide .pg-inline-3 { position:absolute;top:0;left:0;width:100%;height:100%; }
.public-guide .pg-inline-4 { height: 500px; }
.public-guide .pg-inline-5 { margin-top: 32px; }
.public-guide .pg-inline-6 { width:14px;height:14px; }
.public-guide .pg-inline-7 { max-width:100%; }
.public-guide .pg-inline-8 { color:var(--ink); }
.public-guide .pg-inline-9 { display: none; }

.public-guide :is(.services-table-scroll,.compatibility-table-shell) { max-width:100%; overflow-x:auto; }
.public-guide .services-providers-table { min-width:780px; }
.public-guide .services-sort-button { padding:8px 0; border:0; background:none; text-align:left; font-weight:700; }
.public-guide .pl-hero .blog-post-badge { color:var(--gold); font:700 11px/1.6 var(--sans); letter-spacing:.15em; text-transform:uppercase; }
.public-guide .catalog-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.public-guide .pg-disclosure summary { min-width:0; }
.public-guide .contact-support-item { padding-block:24px; border-top:1px solid var(--line); }
.public-guide .contact-support-item h4 { font:26px/1.2 var(--serif); }

.pg-copy-field { position:fixed; left:-9999px; top:0; opacity:0; }
.public-guide .glossary-term-card.highlight { outline:3px solid #9d6630; outline-offset:4px; }

.product-landing.public-guide .pl-btn-primary { color:var(--ink) !important; }
.public-guide .pl-section :is(.learn-video-tab.active,.glossary-category-tab.active) { color:var(--white); }
.public-guide .catalog-visually-hidden { color:var(--ink); }

.public-guide .pg-grid > :only-child { grid-column:1 / -1; }
.public-guide .learn-videos-section { margin-top:48px; }
.public-guide .pl-section pre { padding:22px; background:var(--deep2); color:var(--white); border-left:3px solid var(--gold); overflow-x:auto; }
.public-guide .pl-section pre code { color:inherit; font:12px/1.8 var(--mono); }

.public-guide :is(.studio-icon-button,.studio-search__controls button) { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid #82755f; background:var(--white); color:var(--ink); cursor:pointer; }
.public-guide img.prt-partner-logo { max-width:160px; max-height:64px; object-fit:contain; }
.public-guide .prt-partners-strip { display:flex; align-items:center; flex-wrap:wrap; gap:32px; margin-block:32px; }

/* Bounded icons, aligned text rows and reusable workflows. */
.public-guide .pg-icon { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; flex:none; color:var(--gold-dark); margin-bottom:18px; vertical-align:middle; }
.public-guide .pg-icon > :is(.dna-icon,img) { display:block; width:26px; height:26px; margin:0; object-fit:contain; }
.public-guide .pg-icon-row { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:start; gap:16px; }
.public-guide .pg-icon-row > .pg-icon, .public-guide .pg-icon-row .comm-feature-icon { margin:0; }
.public-guide .pg-icon-row > div { min-width:0; }
.public-guide .pg-icon-row h3 { margin-top:0; }
.public-guide .pg-icon-row p:last-child { margin-bottom:0; }
.public-guide .about-principles-list { display:grid; gap:28px; margin-top:28px; }
.public-guide .catalog-card-topline { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.public-guide .catalog-card-topline .pg-icon { margin:0; }
.public-guide .pg-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:32px; }
.public-guide .pg-process-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.public-guide .pg-step { min-width:0; padding-top:24px; border-top:2px solid var(--gold); }
.public-guide .pg-step-number { display:block; margin-bottom:20px; color:var(--gold-dark); font:36px/1 var(--serif); }
.public-guide .pg-step h3 { font-size:26px; }
.public-guide .pg-step p { margin-bottom:0; }
.public-guide .pl-section-heading > :is([class$='section-label'],[class$='chapter-label'],[class$='chapter-kicker']) { display:block; margin:0 0 16px; }
.public-guide .pl-section-heading > :is([class$='section-subtitle'],[class$='section-intro']) { margin:22px 0 0; }
.public-guide .prt-pillar { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--line); background:var(--white); }
.public-guide .prt-pillar-tag { align-self:flex-start; margin-bottom:14px; color:var(--gold-dark); font:700 11px/1.6 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.public-guide .prt-pillar-ideal { display:grid; grid-template-columns:18px minmax(0,1fr); gap:10px; align-items:start; margin:8px 0 18px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font:14px/1.7 var(--sans); }
.public-guide .prt-pillar-ideal .dna-icon { width:18px; height:18px; margin-top:3px; color:var(--gold-dark); }
.public-guide .prt-pillar-features { padding-left:20px; margin:0 0 24px; }
.public-guide .prt-pillar-link { display:inline-flex; align-items:center; gap:10px; align-self:flex-start; margin-top:auto; min-height:44px; font:700 14px/1.6 var(--sans); text-decoration:underline; }
.public-guide .prt-pillar-link .dna-icon { width:16px; height:16px; flex:none; }
.public-guide :is(.prt-diff-item,.comm-feature-item) { padding-block:24px; border-top:1px solid var(--line); }
.public-guide .prt-contact-actions { display:flex; flex-wrap:wrap; gap:16px; margin-block:28px; }
.public-guide :is(.about-story-icon-container,.careers-icon-container) { display:flex; align-items:center; justify-content:flex-start; margin:24px 0; }
.public-guide :is(.about-story-icon-container,.careers-icon-container) > .dna-icon { width:48px; height:48px; color:var(--gold-dark); }
@media(max-width:1080px) { .public-guide .pg-process-four { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:850px) { .public-guide .pg-process { grid-template-columns:1fr; } }
@media(max-width:580px) { .public-guide .prt-pillar { padding:22px; } }
.public-guide .pl-btn img[aria-hidden='true'] { width:18px; height:18px; object-fit:contain; flex-shrink:0; }

/* Catalog illustrations remain bounded without constraining instructional media. */
.product-landing.public-guide .studio-card-art { display:block;width:100%;height:180px;object-fit:cover;background:#e9e5dc;margin-bottom:20px; }
.public-guide :is(.catalog-card,.services-service-card,.services-sequencing-card,.about-product-card) { display:flex;flex-direction:column;align-items:flex-start; }
.public-guide .catalog-card-footer { margin-top:auto;padding-top:20px; }

/* A dated rail and content panels restore the existing About journey markup. */
.public-guide .about-timeline-container { position:relative;max-width:960px;margin:32px auto 0; }
.public-guide .about-timeline-container::before { content:"";position:absolute;top:0;bottom:0;left:23px;width:1px;background:var(--line); }
.public-guide .about-timeline-item { position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:24px;padding-bottom:28px; }
.public-guide .about-timeline-item:last-child { padding-bottom:0; }
.public-guide .about-timeline-marker { display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:relative;z-index:1;border:1px solid var(--gold-dark);border-radius:50%;background:var(--paper);color:var(--gold-dark);font:20px/1 var(--serif); }
.public-guide .about-timeline-content { min-width:0;padding:24px;border:1px solid var(--line);background:var(--white); }
.public-guide .about-timeline-year { margin-bottom:10px;color:var(--gold-dark);font:700 12px/1.6 var(--sans);letter-spacing:.1em; }
.public-guide .about-timeline-title { margin-bottom:12px;color:var(--ink);font:28px/1.2 var(--serif); }
.public-guide .about-timeline-desc { color:var(--muted);font:15px/1.8 var(--sans); }
.public-guide .about-timeline-desc ul { margin:0;padding-left:20px; }
.public-guide .about-timeline-desc li + li { margin-top:6px; }
@media(max-width:580px) {
    .public-guide .about-timeline-container::before { left:17px; }
    .public-guide .about-timeline-item { grid-template-columns:36px minmax(0,1fr);gap:14px;padding-bottom:22px; }
    .public-guide .about-timeline-marker { width:36px;height:36px;font-size:16px; }
    .public-guide .about-timeline-content { padding:18px; }
    .public-guide .about-timeline-title { font-size:24px; }
}

/* Search, disclosures and long provider labels keep their natural reading width. */
.public-guide :is(.pg-grid,.pg-process,.catalog-grid,.learn-videos-grid,.learn-insights-grid) > * { min-width:0; }
.public-guide .studio-search__controls { display:flex;flex-wrap:wrap;align-items:center;gap:12px; }
.public-guide .studio-search__controls input { flex:1 1 220px;min-width:0;width:100%; }
.public-guide :is(.pg-card,.catalog-card,.learn-insight-card,.learn-tool-card,.glossary-term-card) :is(p,li,a) { overflow-wrap:anywhere; }
.public-guide :is(.pg-disclosure,.catalog-disclosure,.services-faq-item) > summary > span:first-child { min-width:0; }
@media screen and (max-width:580px) {
    .public-guide :is(.pg-card,.catalog-card,.learn-insight-card,.learn-tool-card,.glossary-term-card,.prt-pillar) { padding:22px 18px; }
    .public-guide :is(.learn-concept-header,.glossary-term-header) { flex-wrap:wrap;gap:12px; }
    .public-guide .learn-concept-toggle { max-width:100%;white-space:normal; }
    .public-guide .pg-preview li { grid-template-columns:22px minmax(0,1fr);gap:10px; }
    .public-guide .pg-preview li > div { min-width:0;overflow-wrap:anywhere; }
    .public-guide .about-timeline-item { grid-template-columns:36px minmax(0,1fr);gap:10px; }
    .public-guide .about-timeline-content { padding:18px 14px; }
    .public-guide .about-timeline-title { font-size:23px; }
    .public-guide .pg-icon-row { grid-template-columns:minmax(0,1fr);gap:12px; }
    .public-guide .blog-mobile-share-bar { display:flex;flex-wrap:wrap;gap:8px; }
    .public-guide .blog-mobile-share-bar > * { flex:1 1 100px; }
    .public-guide .blog-mobile-share-btn { min-width:0;padding:10px 6px;gap:6px;white-space:normal;overflow-wrap:anywhere; }
    body:has(.public-guide .blog-mobile-share-bar) { padding-bottom:calc(128px + env(safe-area-inset-bottom)); }
    .public-guide .pg-inline-4 { height:340px; }
}