.info-guide-page { --guide-ink:#f1f8ff; --guide-body:#d7e5ef; --guide-muted:#abc3d3; --guide-accent:#8be9df; --guide-blue:#a9d5ff; --guide-rule:#b5d9ee26; }
.info-guide-page h1 { font-size:clamp(1.65rem,2.5vw,2.6rem) !important; line-height:1.15 !important; letter-spacing:.025em !important; color:var(--guide-blue) !important; text-wrap:balance; }
.info-guide-page .guide-product-headline,.info-guide-page .platform-guide-headline { font-family:'Space Grotesk',sans-serif; font-size:clamp(1.8rem,3.1vw,2.65rem) !important; line-height:1.18 !important; font-weight:650 !important; letter-spacing:-.035em; max-width:24ch !important; text-wrap:balance; }
.info-guide-page .guide-summary { max-width:60ch !important; font-size:1.0625rem !important; line-height:1.6 !important; color:#d7e5ef !important; }
.guide-contents { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 24px; padding:16px 0; margin:12px 0 20px; }
.guide-contents>span { color:var(--guide-muted); font-size:.6875rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.guide-contents>div { display:flex; flex-wrap:wrap; gap:8px 20px; }
.info-guide-page .guide-contents a { color:#b9d7e3; font-size:.8125rem; line-height:1.6; text-decoration:none; font-weight:400; }
.info-guide-page .guide-contents a:hover { color:#a8fff2; text-decoration:underline; text-underline-offset:4px; }
.guide-article-list { display:grid; gap:48px !important; }
.guide-article { display:block; padding:0 !important; border:0 !important; scroll-margin-top:100px; min-width:0; }
.info-guide-page .guide-article h2 { color:var(--guide-accent) !important; line-height:1.3; }
.guide-article-heading { display:block !important; margin:0 0 16px !important; }
.info-guide-page .guide-article-heading h2 { margin:0; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.45rem,2.1vw,1.85rem) !important; font-weight:650 !important; line-height:1.15; letter-spacing:-.03em; color:var(--guide-accent); text-wrap:balance; max-width:36ch; }
.guide-article-copy { display:block !important; max-width:none; }
.info-guide-page .guide-article p { margin:0; color:var(--guide-body); font-family:'Outfit',sans-serif; font-size:1.0625rem; font-weight:400; line-height:1.75; max-width:62ch; text-wrap:pretty; }
.guide-showcase-content { margin:12px 0 36px; }
.info-guide-page .guide-action-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; box-sizing:border-box; padding:6px 12px; font-family:'Space Grotesk',sans-serif; font-size:.78rem; font-weight:600; line-height:1.3; color:#eef8ff; background:#ffffff0e; text-decoration:none; white-space:nowrap; }
.info-guide-page .guide-action-open { color:#bffff0; background:#38c4c81a; }
.info-guide-page .guide-action-link:hover { background:#ffffff18; }
.guide-info-section { margin:28px 0 !important; padding:0 !important; }
.guide-info-section h2 { font-size:1.5rem !important; font-weight:650 !important; letter-spacing:-.02em !important; color:var(--guide-accent) !important; }
.info-guide-page a:focus-visible,.guide-supporting-details summary:focus-visible { outline:2px solid #38c4c8; outline-offset:4px; }
.guide-points { list-style:none; padding:0; margin:0; display:grid; gap:20px; }
.guide-points>li { padding:0; min-width:0; }
.guide-points strong { display:block; margin:0 0 8px; color:var(--guide-ink); font-family:'Space Grotesk',sans-serif; font-size:1.1875rem; line-height:1.3; font-weight:600; }
.guide-feature-blocks { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.guide-feature-blocks>li:first-child { grid-column:1/-1; max-width:65ch; padding:12px 0 20px; }
.guide-feature-blocks>li:first-child p { font-size:1.0625rem !important; line-height:1.6; max-width:56ch; color:#d4e3eb; }
.info-guide-page .guide-feature-blocks h3 { margin:0 0 12px; font-family:'Space Grotesk',sans-serif; font-size:1.25rem; line-height:1.35; color:var(--guide-blue); font-weight:600; letter-spacing:-.02em; text-wrap:balance; }
.guide-examples { grid-template-columns:1.2fr 1fr; gap:28px; }
.guide-examples>li { padding:24px 0 0; }
.guide-examples>li:first-child p { font-size:1.125rem !important; line-height:1.55; color:#d4e3eb; }
.guide-project-blocks { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 40px; }
.guide-project-blocks>li { padding:0; }
.info-guide-page .guide-project-blocks h3 { margin:0 0 10px; font-family:'Space Grotesk',sans-serif; font-size:1.25rem; font-weight:600; line-height:1.35; letter-spacing:-.02em; color:var(--guide-blue); }
.info-guide-page .guide-project-blocks>li:first-child p { font-size:.9375rem !important; color:var(--guide-body); line-height:1.6; }
.guide-supporting-details { margin-top:4px; max-width:65ch; }
.guide-supporting-details summary { cursor:pointer; color:var(--guide-muted); font-size:.875rem; font-weight:500; padding:8px 0; }
.guide-supporting-details[open] summary { margin-bottom:16px; }
.info-guide-page .platform-guide-articles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 44px !important; margin:0; }
.info-guide-page .platform-guide-articles>.guide-article { display:grid; grid-template-columns:1fr; align-content:start; gap:12px; padding:20px 0 0 !important; border-top:1px solid var(--guide-rule) !important; max-width:none; }
.info-guide-page .platform-guide-articles>.guide-article:first-child { grid-column:1/-1; max-width:none; padding:12px 0 16px !important; border-top:0 !important; }
.info-guide-page .platform-guide-articles>.guide-article:first-child .guide-article-copy { grid-template-columns:1fr; gap:14px; max-width:none; }
.info-guide-page .platform-guide-articles>.guide-article:first-child .guide-article-copy p { max-width:none; }
.info-guide-page .platform-guide-articles>.guide-article:first-child h2 { font-size:1.75rem !important; line-height:1.25; }
.info-guide-page .platform-guide-articles>.guide-article:first-child p:first-child { font-size:1.125rem; }
.info-guide-page .platform-guide-articles .guide-article-heading { margin:0 !important; }
.info-guide-page .platform-guide-articles .guide-article-heading h2 { font-size:1.4rem !important; line-height:1.4; letter-spacing:-.015em; max-width:none; }
.guide-ai-cross { position:relative; display:inline-block; }
.guide-ai-cross::before { content:''; position:absolute; left:-8%; top:50%; width:116%; height:3px; border-radius:2px; background:var(--brand-pink,#FF5C8A); opacity:.45; pointer-events:none; transform:rotate(38deg); }
.guide-ai-cross::after { content:none; }
.info-guide-page .platform-guide-articles .guide-article-copy { display:grid !important; gap:14px; max-width:66ch; }
.info-guide-page .platform-guide-articles .guide-article-copy p { font-size:1rem; line-height:1.7; color:#c6d8e4; }
.info-guide-page .platform-guide-articles .guide-article-copy p:first-child { font-size:1.0625rem; color:#f0f7fc; line-height:1.65; }
@media(max-width:900px) { .guide-feature-blocks { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
 .info-guide-page .guide-article p { font-size:1rem; line-height:1.7; }
 .info-guide-page h1 { font-size:1.5rem !important; }
 .info-guide-page .guide-product-headline,.info-guide-page .platform-guide-headline { font-size:2rem !important; }
 .info-guide-page .guide-summary { font-size:1rem !important; }
 .guide-contents { margin:4px 0 16px; gap:8px; }
 .guide-contents>div { gap:6px 16px; }
 .guide-article-list { gap:32px !important; }
 .guide-article { scroll-margin-top:70px; }
 .guide-article-heading { margin-bottom:20px !important; }
 .guide-feature-blocks,.guide-examples,.guide-project-blocks { grid-template-columns:1fr; gap:24px; }
 .guide-feature-blocks>li:first-child { display:block; padding:8px 0; }
 .guide-feature-blocks>li:first-child p { font-size:1rem !important; }
 .guide-examples>li { padding:0; }
 .guide-examples>li:first-child p { font-size:1.0625rem !important; }
 .info-guide-page .platform-guide-articles { grid-template-columns:1fr; gap:24px !important; }
 .info-guide-page .platform-guide-articles>.guide-article:first-child .guide-article-copy { grid-template-columns:1fr; gap:14px; }
 .info-guide-page .platform-guide-articles>.guide-article { grid-template-columns:1fr; gap:12px; padding:18px 0 0 !important; }
 .info-guide-page .platform-guide-articles .guide-article-heading h2 { max-width:none; font-size:1.25rem !important; }
}


/* Text and artwork have separate, consistent reading flows. */
.info-guide-page .guide-article-list.orbit-info-articles { gap: 48px !important; }
.info-guide-page .orbit-info-articles > .guide-article { padding: 0 !important; }
.info-guide-page .orbit-info-articles > .guide-article + .guide-article { padding-top: 32px !important; border-top: 1px solid var(--guide-rule) !important; }
.info-guide-page .orbit-info-illustrated > .guide-article-heading { margin: 0 0 20px !important; }
.app-info-examples { display: grid; gap: 28px; min-width: 0; }
.info-guide-page .app-info-examples > .guide-points { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 36px; }
.info-guide-page .app-info-examples > .guide-points > li,
.info-guide-page .app-info-examples > .guide-points > li:first-child { grid-column: auto; padding: 0; max-width: none; }
.info-guide-page .app-info-examples .guide-points h3 { margin: 0 0 8px; font-size: 1.125rem; line-height: 1.35; }
.info-guide-page .app-info-examples .guide-points p,
.info-guide-page .app-info-examples .guide-points > li:first-child p { font-size: 1rem !important; line-height: 1.65; max-width: 58ch; }
.app-info-gallery { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 24px; align-items: center; }
.app-info-image { grid-column: span 5; }
.app-info-image--lead { grid-column: span 7; }
.app-info-gallery--showcase > .app-info-image--lead { grid-column: 1/-1; }
.app-info-gallery--showcase > .app-info-image:not(.app-info-image--lead):not(.app-info-image--panorama) { grid-column: 3/11; }
.app-info-image--panorama { grid-column: 1/-1; }
.app-info-gallery--single > .app-info-image { grid-column: 1/-1; }
/* Compact, nearly square studies complement broad scenes without being enlarged. */
.app-info-image--photo-sphere { max-width: 360px; }
.app-info-image--layered-rings { max-width: 420px; }
.app-info-examples--pixel-art .app-info-gallery { max-width: 900px; margin-inline: auto; width: 100%; }
.app-info-examples--poster-lab .app-info-gallery { max-width: 820px; margin-inline: auto; width: 100%; }
.orbit-info-section-image { display: block; min-width: 0; width: 100%; justify-self: center; background: transparent; text-decoration: none; }
.orbit-info-section-image img { display: block; width: 100%; height: auto; object-fit: contain; }
.orbit-info-section-image:focus-visible { outline: 2px solid #38c4c8; outline-offset: 5px; }
.orbit-info-image-frame { display: block; position: relative; overflow: hidden; width: 100%; }
.orbit-info-image-frame img { position: absolute; height: auto; max-width: none; }
.app-example-caption { display: block; margin-top: 10px; max-width: 68ch; font-size: 12px; line-height: 1.5; color: var(--guide-muted,#8da8ba); font-weight: 400; text-align: left; }
@media (max-width: 760px) {
 .info-guide-page .guide-article-list.orbit-info-articles { gap: 32px !important; }
 .info-guide-page .orbit-info-articles > .guide-article + .guide-article { padding-top: 24px !important; }
 .info-guide-page .orbit-info-illustrated > .guide-article-heading { margin-bottom: 16px !important; }
 .app-info-examples { gap: 22px; }
 .info-guide-page .app-info-examples > .guide-points { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .app-info-gallery { gap: 20px; }
 .app-info-gallery > .app-info-image { grid-column: 1/-1 !important; }
 .app-info-image--photo-sphere { max-width: 280px; }
 .app-info-image--layered-rings { max-width: 320px; }
}

/* PicMix: equal-width pairs, with one full-width final composition. */
.app-info-examples--image-morph .app-info-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.app-info-examples--image-morph .app-info-gallery > .app-info-image { grid-column: auto !important; max-width: none; }
.app-info-examples--image-morph .app-info-gallery--single > .app-info-image { grid-column: 1/-1 !important; }
@media (max-width: 760px) {
 .app-info-examples--image-morph .app-info-gallery { grid-template-columns: minmax(0,1fr); }
}


[data-info-app="image-morph"]{--info-app-art:url('/creative-chrome/image-morph.svg');--info-tint:#00000033;--info-accent:#38C4C8;--info-secondary:#1B82FF}
[data-info-app="canvas-stack"]{--info-app-art:url('/creative-chrome/canvas-stack.svg');--info-tint:#00000033;--info-accent:#38C4C8;--info-secondary:#89C6FF}
[data-info-app="block-builder"]{--info-app-art:url('/creative-chrome/block-builder.svg');--info-tint:#00000033;--info-accent:#702B55;--info-secondary:#625A96}
[data-info-app="colorbend"]{--info-app-art:url('/creative-chrome/colorbend.svg');--info-tint:#00000033;--info-accent:#89C6FF;--info-secondary:#625A96}
[data-info-app="render-remix"]{--info-app-art:url('/creative-chrome/render-remix.svg');--info-tint:#00000033;--info-accent:#89C6FF;--info-secondary:#0A1633}
[data-info-app="glitch-lab"]{--info-app-art:url('/creative-chrome/glitch-lab.svg');--info-tint:#00000033;--info-accent:#FF5C8A;--info-secondary:#625A96}
[data-info-app="layer-space"]{--info-app-art:url('/creative-chrome/layer-space.svg');--info-tint:#0000004d;--info-accent:#FF5C8A;--info-secondary:#625A96}
[data-info-app="surface-lab"]{--info-app-art:url('/creative-chrome/surface-lab.svg');--info-tint:#00000033;--info-accent:#38C4C8;--info-secondary:#103A3B}
[data-info-app="pixel-space"]{--info-app-art:url('/creative-chrome/pixel-space.svg');--info-tint:#00000033;--info-accent:#38C4C8;--info-secondary:#1C2340}
[data-info-app="pixel-art"]{--info-app-art:url('/creative-chrome/pixel-art.svg');--info-tint:#00000033;--info-accent:#38C4C8;--info-secondary:#1B82FF}
[data-info-app="3d-sketch"]{--info-app-art:url('/creative-chrome/3d-sketch.svg');--info-tint:#00000033;--info-accent:#38C4C8;--info-secondary:#1B82FF}
[data-info-app="poster-lab"]{--info-app-art:url('/creative-chrome/poster-lab.svg');--info-tint:#00000033;--info-accent:#38C4C8;--info-secondary:#38C4C8}
.info-guide-page[data-info-app],.creative-info-themed-modal[data-info-app]{background-color:#000!important;background-image:linear-gradient(var(--info-tint),var(--info-tint)),var(--info-app-art)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;--guide-accent:var(--info-accent);--guide-blue:var(--info-accent);--guide-rule:#b9c6dc30}
.info-guide-page[data-info-app]>div{background-color:transparent!important}
.info-guide-page[data-info-app] .guide-article-heading h2,.info-guide-page[data-info-app] .guide-info-section h2{color:var(--info-accent)!important}
.creative-info-themed-modal:has([data-info-app])>div:first-child{background:#000b!important}
.creative-info-themed-modal .info-guide-page[data-info-app]{background:none!important}
.info-guide-page[data-info-app] .creative-info-cover{background-image:linear-gradient(var(--info-tint),var(--info-tint)),var(--info-app-art)!important;background-color:#000!important;background-size:cover!important;background-position:center!important}
/* Preserve the tall, flowing panel composition rather than stretching it across a page. */
.info-guide-page[data-info-app],.creative-info-themed-modal[data-info-app]{background-size:100% 100%,max(600px, 100%) auto!important;background-position:0 0,40% top!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
.info-guide-page[data-info-app] .creative-info-cover{background:transparent!important}

.public-info-document{max-width:1100px;margin:auto;padding:32px 20px;color:#eef8ff;font-family:system-ui,sans-serif;background:#050a12}.public-info-document header{margin:24px 0}.public-info-document header figure{margin:24px 0;max-width:640px}.public-info-document img{max-width:100%;height:auto}.public-info-document h1{font-size:clamp(28px,5vw,60px)}.public-info-document a{color:#a9d5fa}.public-info-document section{margin:28px 0}.public-info-document figcaption{font-size:12px;color:#8da8ba}