/* Distinct editorial compositions for tool landing pages.
   The uploader is shared product UI; .tool-story begins after that interaction. */
.tool-story{--story-accent:#4d73c0;--story-tint:#f5f8fd;--story-border:#dfe6f1;--story-radius:18px;--story-gap:4.5rem;display:flex;flex-direction:column;gap:var(--story-gap);margin:4rem 0 2rem;color:#303844}
.tool-story section,.tool-story>div{margin:0!important}.tool-story .story-module{position:relative;width:100%;min-width:0}.tool-story .story-heading,.tool-story .story-copy{min-width:0}.tool-story .story-heading h2{margin:0;color:#252d38;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.tool-story h3{color:#293342}.tool-story img{max-width:100%;height:auto}.tool-story .story-picture{width:100%;min-width:0;margin:0;overflow:hidden;border:1px solid var(--story-border);border-radius:var(--story-radius);background:var(--story-tint)}.tool-story .story-picture img,.tool-story .story-picture svg{display:block;width:100%;height:100%;object-fit:cover}.story-howto .story-picture{aspect-ratio:8/5;max-height:480px}.story-howto--paired .story-picture{order:-1}

/* How-to structures */
.howto-split,.howto-asymmetric,.howto-lab,.howto-brief,.howto-reader,.howto-deck{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}.howto-split[data-position="2"],.howto-asymmetric[data-position="4"],.howto-reader[data-position="2"]{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.howto-split[data-position="2"] .story-picture,.howto-asymmetric[data-position="4"] .story-picture,.howto-reader[data-position="2"] .story-picture{order:2}.howto-editorial,.howto-spotlight{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.78fr);gap:clamp(1.75rem,4vw,3.75rem);align-items:center}.story-workflow-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;margin-top:1.5rem}.howto-rail,.howto-timeline,.howto-map{padding-left:clamp(1.2rem,4vw,3.5rem);border-left:4px solid var(--story-accent)}.howto-map .story-workflow-body .story-picture{order:-1}.howto-storyboard,.howto-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.howto-storyboard .story-heading,.howto-cards .story-heading{grid-column:1/-1}.howto-storyboard .story-picture,.howto-cards .story-picture{grid-column:1/-1;max-height:340px}.howto-checklist,.howto-notebook,.howto-manual{padding:clamp(1.35rem,3vw,2.5rem);border:1px solid var(--story-border);border-radius:var(--story-radius);background:var(--story-tint)}.howto-notebook .story-workflow-body .story-picture{order:-1}.howto-compact .story-workflow-body,.howto-minimal .story-workflow-body{grid-template-columns:1fr}.howto-compact .story-picture,.howto-minimal .story-picture{max-height:320px}.howto-dossier{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--story-border);border-radius:var(--story-radius);overflow:hidden}.howto-dossier>*{padding:clamp(1.5rem,3vw,2.75rem)}.howto-dossier .story-picture{border:0;border-radius:0}.howto-lab{padding:1.5rem;border:1px solid var(--story-border);border-radius:8px;background:#fff}.howto-brief{padding:clamp(1.2rem,3vw,2rem);border-top:5px solid var(--story-accent);background:var(--story-tint)}.howto-deck{padding:clamp(1.5rem,4vw,3.5rem);border-radius:28px;background:linear-gradient(135deg,var(--story-tint),#fff)}

/* PDF to Markdown uses a compact conversion spread instead of the generic
   three-cell spotlight grid. The artwork and instructions remain one unit. */
.tool-howto-pdf-to-markdown{grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,4.5rem);padding:clamp(1.5rem,3.5vw,3.25rem);border:1px solid #ded7f3;border-radius:22px;background:linear-gradient(125deg,#f7f3ff 0%,#fff 58%,#f4f8ff 100%)}
.tool-howto-pdf-to-markdown .story-picture{aspect-ratio:8/5;border:0;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(54,43,99,.09)}
.tool-howto-pdf-to-markdown .story-picture img{object-fit:cover}
.tool-howto-pdf-to-markdown .story-heading h2{margin:0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.035em;line-height:1.08}
.tool-howto-pdf-to-markdown .story-steps{gap:1rem;margin-top:1.75rem}
.tool-howto-pdf-to-markdown .story-steps li{padding-bottom:1rem;border-bottom:1px solid rgba(105,80,181,.16)}
.tool-howto-pdf-to-markdown .story-steps li:last-child{padding-bottom:0;border-bottom:0}
.story-steps{margin:1.4rem 0 0;padding:0;list-style:none;counter-reset:story-step;display:grid;gap:.9rem}.story-steps li{counter-increment:story-step;display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:start;line-height:1.55}.story-steps li:before{content:counter(story-step);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--story-accent);color:#fff;font-size:.82rem;font-weight:800}.howto-cards .story-steps,.howto-storyboard .story-steps{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.howto-cards .story-steps li,.howto-storyboard .story-steps li{padding:1rem;border:1px solid var(--story-border);border-radius:12px;background:#fff}.howto-minimal .story-steps li:before{border-radius:4px;background:transparent;border:2px solid var(--story-accent);color:var(--story-accent)}
.story-howto .story-picture img{object-fit:contain}.story-workflow-body .story-steps{margin-top:0}

/* Reason, fact and audience structures */
.story-reasons-grid,.story-prof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.story-reason,.story-prof-card{position:relative;min-width:0;padding:1.25rem;border:1px solid var(--story-border);border-radius:var(--story-radius);background:#fff}.reasons-feature_list .story-reasons-grid{grid-template-columns:1fr}.reasons-feature_list .story-reason{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:1rem}.reasons-feature_list .story-reason>div:only-child{grid-column:1/-1}.reasons-numbered{counter-reset:reason}.reasons-numbered .story-reason{counter-increment:reason}.reasons-numbered .story-reason:before{content:"0" counter(reason);display:block;margin-bottom:.8rem;color:var(--story-accent);font-weight:900;font-size:1.6rem}.reasons-checklist .story-reason{border:0;border-bottom:1px solid var(--story-border);border-radius:0;padding-left:2.2rem}.reasons-checklist .story-reason:before{content:"✓";position:absolute;left:0;top:1.25rem;color:var(--story-accent);font-weight:900}.story-reason .icon{display:grid;place-items:center;width:48px;height:48px;color:var(--story-accent);margin:0}.story-reason .icon svg{display:block;width:40px;height:40px}.story-reason p,.story-prof-card p{margin:0;color:#626b77;line-height:1.55;overflow-wrap:anywhere}
.story-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.story-fact{min-width:0;padding:1.1rem 1.2rem;border-radius:12px;background:var(--story-tint);overflow-wrap:anywhere}.facts-ledger .story-facts-grid{border:1px solid var(--story-border);border-radius:var(--story-radius);overflow:hidden;gap:0}.facts-ledger .story-fact{border-radius:0;border-right:1px solid var(--story-border);background:#fff}.facts-ledger .story-fact:last-child{border-right:0}.facts-bands .story-facts-grid{grid-template-columns:1fr}.facts-bands .story-fact{display:flex;justify-content:space-between;gap:2rem;border-radius:0;border-bottom:1px solid var(--story-border);background:transparent}.facts-bands .story-fact>div{text-align:right}.facts-compact .story-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}.story-compare>div{min-width:0;padding:1.25rem;border:1px solid var(--story-border);border-radius:var(--story-radius)}.story-compare ul{margin:.8rem 0 0;padding-left:1.2rem}

/* Long-form and support structures */
.article-paper,.article-technical,.article-journal,.article-sidebar,.article-gallery{min-width:0;padding:clamp(1.4rem,4vw,3.5rem);border-radius:var(--story-radius)}.article-paper{background:var(--story-tint)}.article-journal{border-radius:0}.article-sidebar{border-left:7px solid var(--story-accent);background:var(--story-tint)}.article-technical{border:1px solid var(--story-border);border-radius:8px;background:#fff}.article-gallery{background:linear-gradient(135deg,var(--story-tint),#fff);box-shadow:0 18px 50px rgba(44,62,90,.08)}.article-content{width:100%;overflow-wrap:anywhere}.article-content img{height:auto}.article-content table{max-width:100%}.story-trouble-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.story-trouble-card{min-width:0;padding:1.25rem;border:1px solid var(--story-border);border-radius:var(--story-radius);overflow-wrap:anywhere}.story-limits{padding:1.3rem;border-radius:var(--story-radius);background:var(--story-tint)}.story-table{width:100%;max-width:100%;overflow-x:auto}.story-table table{width:100%;min-width:680px;border-collapse:collapse}.story-table th,.story-table td{padding:.85rem;border-bottom:1px solid var(--story-border);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.faq-open .story-faq-list,.faq-columns .story-faq-list,.faq-cards .story-faq-list{display:grid;gap:1rem}.faq-columns .story-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-open .story-faq-item{padding:1rem 0;border-bottom:1px solid var(--story-border)}.faq-columns .story-faq-item,.faq-cards .story-faq-item{min-width:0;padding:1.25rem;border:1px solid var(--story-border);border-radius:var(--story-radius);background:#fff}.faq-cards .story-faq-list{grid-template-columns:repeat(3,minmax(0,1fr))}.story-faq-item h3{font-size:1rem;overflow-wrap:anywhere}.story-faq-item p{color:#5e6875;overflow-wrap:anywhere}.faq-accordion details{border-bottom:1px solid var(--story-border);padding:1rem 0}.faq-accordion summary{cursor:pointer;font-weight:700;overflow-wrap:anywhere}.faq-accordion details p{margin:.9rem 0 0;color:#5e6875}

/* Twenty families: typography, density, edge treatment and reading rhythm differ. */
.family-studio_split{--story-accent:#4d73c0;--story-tint:#f3f7fd;--story-radius:18px;--story-gap:4.8rem}.family-editorial_stack{--story-accent:#263b61;--story-tint:#f7f6f2;--story-radius:4px;--story-gap:5.4rem}.family-process_rail{--story-accent:#0f8a78;--story-tint:#effaf7;--story-radius:12px;--story-gap:4rem}.family-technical_dossier{--story-accent:#3d5f91;--story-tint:#f1f4f8;--story-radius:8px;--story-gap:3.8rem}.family-visual_storyboard{--story-accent:#7656c7;--story-tint:#f5f1ff;--story-radius:24px;--story-gap:5rem}.family-checklist_canvas{--story-accent:#24795c;--story-tint:#f1f8f4;--story-radius:14px;--story-gap:4.3rem}.family-compact_workbench{--story-accent:#425d84;--story-tint:#f5f7fa;--story-radius:10px;--story-gap:3.4rem}.family-comparison_ledger{--story-accent:#2f6c9a;--story-tint:#f0f7fb;--story-radius:6px;--story-gap:4.2rem}.family-guided_timeline{--story-accent:#a05c28;--story-tint:#fff7ef;--story-radius:16px;--story-gap:4.7rem}.family-card_gallery{--story-accent:#536fd2;--story-tint:#f3f5ff;--story-radius:22px;--story-gap:5.2rem}.family-notebook_steps{--story-accent:#356e5c;--story-tint:#f8f6ec;--story-radius:3px;--story-gap:4.1rem}.family-feature_spotlight{--story-accent:#6950b5;--story-tint:#f6f2ff;--story-radius:20px;--story-gap:5.5rem}.family-operational_manual{--story-accent:#344b6b;--story-tint:#f2f4f7;--story-radius:2px;--story-gap:3.7rem}.family-clean_minimal{--story-accent:#4267a5;--story-tint:#f8fafc;--story-radius:0px;--story-gap:5.8rem}.family-asymmetric_panel{--story-accent:#9b4f6c;--story-tint:#fcf3f6;--story-radius:26px;--story-gap:4.9rem}.family-workflow_map{--story-accent:#1d7a8c;--story-tint:#eff9fb;--story-radius:15px;--story-gap:4.4rem}.family-data_lab{--story-accent:#315f87;--story-tint:#edf5fa;--story-radius:7px;--story-gap:3.9rem}.family-security_brief{--story-accent:#7a4d32;--story-tint:#faf4ef;--story-radius:11px;--story-gap:4.6rem}.family-reading_room{--story-accent:#53644a;--story-tint:#f5f7f0;--story-radius:5px;--story-gap:5.6rem}.family-conversion_deck{--story-accent:#4c63bd;--story-tint:#f1f4ff;--story-radius:30px;--story-gap:5.1rem}
.composition-b{padding-inline:clamp(0rem,2vw,1.5rem)}.composition-c .story-module:nth-child(odd){width:100%;align-self:stretch}
@media(max-width:991.98px){.story-howto--paired,.story-workflow-body{grid-template-columns:1fr}.story-howto--paired .story-copy{order:1}.story-howto--paired .story-picture,.story-workflow-body .story-picture{order:2!important;max-height:420px}.story-reasons-grid,.story-prof-grid,.story-facts-grid,.faq-cards .story-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-ledger .story-fact:nth-child(2n){border-right:0}.story-trouble-list{grid-template-columns:1fr}}
@media(max-width:767.98px){.tool-story{--story-gap:3.2rem;margin-top:3rem}.howto-storyboard,.howto-cards{grid-template-columns:1fr}.story-howto .story-picture{max-height:360px}.tool-howto-pdf-to-markdown{padding:1.2rem}.howto-cards .story-steps,.howto-storyboard .story-steps,.story-reasons-grid,.story-prof-grid,.story-facts-grid,.facts-compact .story-facts-grid,.faq-columns .story-faq-list,.faq-cards .story-faq-list,.story-compare{grid-template-columns:1fr}.facts-ledger .story-fact{border-right:0;border-bottom:1px solid var(--story-border)}.facts-ledger .story-fact:last-child{border-bottom:0}.facts-bands .story-fact{display:block}.facts-bands .story-fact>div{margin-top:.35rem;text-align:left}}
