/* About layouts build on the shared blog shell, editorial prose, buttons and tokens. */
.about-page .blog-breadcrumb{flex-wrap:wrap}
.about-hero{grid-template-columns:minmax(0,1fr);padding:var(--cando-space-6);border:1px solid var(--cando-primary-100);border-radius:12px;background:linear-gradient(115deg,var(--cando-background-surface),var(--cando-primary-50));overflow:hidden}
.about-hero>div{min-width:0}
.about-hero p{max-width:52ch}
.about-hero__action{margin-block-start:var(--cando-space-6);min-height:48px}
.about-hero__visual{position:relative;display:grid;place-items:center;min-height:160px;background:var(--cando-primary-50);border:1px solid var(--cando-primary-100);border-radius:12px;overflow:hidden}
.about-hero__visual img{display:block;max-height:320px;width:100%;height:auto;object-fit:contain}
.about-hero__visual:has(img){background:var(--cando-background-surface)}
.about-hero__symbol{display:grid;place-items:center;width:88px;height:88px;border:1px solid var(--cando-primary-100);border-radius:24px;background:var(--cando-background-surface);color:var(--cando-primary-400);box-shadow:12px 12px 0 var(--cando-brand-100),-12px -12px 0 var(--cando-primary-100)}
.about-hero__symbol .cando-icon{width:40px;height:40px}
.about-story{display:flex;align-items:start;gap:var(--cando-space-5);margin-block-start:var(--cando-space-8);padding:var(--cando-space-6);border:1px solid var(--cando-border-disabled);border-inline-start:3px solid var(--cando-brand-500);border-radius:12px}
.about-story>div{min-width:0}
.about-story h2,.about-explore h2{color:var(--cando-primary-500);font-size:var(--cando-heading-s-size);line-height:var(--cando-heading-s-lh)}
.about-story p{margin-block:var(--cando-space-4);color:var(--cando-text-secondary);font-size:var(--cando-body-lg-size);line-height:2}
.about-story a{display:inline-flex;align-items:center;gap:var(--cando-space-3);color:var(--cando-primary-500);min-height:44px;font-weight:var(--cando-font-weight-medium)}
.about-section-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:10px;background:var(--cando-primary-50);color:var(--cando-primary-400)}
.about-topics{margin-block-start:var(--cando-space-8)}
.about-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cando-space-5)}
.about-card{display:flex;flex-direction:column;gap:var(--cando-space-4);min-width:0;padding:var(--cando-space-6);border:1px solid var(--cando-border-disabled);border-radius:12px;transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing),border-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.about-card:hover,.about-card:focus-visible{background:var(--cando-primary-50);border-color:var(--cando-primary-200)}
.about-card :is(h3,.about-card__title){font-size:var(--cando-body-xl-size);line-height:var(--cando-body-xl-lh);color:var(--cando-primary-500);font-weight:var(--cando-font-weight-bold)}
.about-card p{font-size:var(--cando-body-m-size);line-height:var(--cando-body-m-lh);color:var(--cando-text-tertiary)}
.about-card__action{display:flex;align-items:center;justify-content:space-between;gap:var(--cando-space-3);padding-block-start:var(--cando-space-3);margin-block-start:auto;color:var(--cando-primary-500);font-size:var(--cando-body-s-size)}
.about-layout{display:grid;gap:var(--cando-space-6);align-items:start;margin-block-start:var(--cando-space-8)}
.about-sidebar,.about-reading{min-width:0}
.about-navigation{padding:var(--cando-space-4);border:1px solid var(--cando-border-disabled);border-radius:12px}
.about-navigation h2{padding:var(--cando-space-2) var(--cando-space-3) var(--cando-space-4);font-size:var(--cando-body-lg-size);color:var(--cando-primary-500)}
.about-navigation ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--cando-space-2)}
.about-navigation a{display:flex;align-items:center;gap:var(--cando-space-3);padding:var(--cando-space-3);min-height:44px;border-radius:6px;font-size:var(--cando-body-s-size);color:var(--cando-text-secondary);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.about-navigation a>span:not(.cando-icon){flex:1;min-width:0}
.about-navigation a>.cando-icon{width:18px;height:18px;color:var(--cando-primary-400)}
.about-navigation a:hover,.about-navigation a:focus-visible{background:var(--cando-primary-50)}
.about-navigation a[aria-current]{background:var(--cando-primary-100);color:var(--cando-primary-500);font-weight:var(--cando-font-weight-semibold)}
.about-contents{margin-block-start:var(--cando-space-5)}
.about-reading{padding:var(--cando-space-6);border:1px solid var(--cando-border-disabled);border-radius:12px}
.about-page>.about-reading{margin-block-start:var(--cando-space-8)}
.about-prose a:not([href]){color:inherit;text-decoration:none}
.about-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cando-space-3)}
.about-gallery>figure{min-width:0;margin:0}
.about-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--cando-primary-50)}
.about-prose>:last-child{margin-block-end:0}
.about-explore{display:grid;gap:var(--cando-space-6);margin-block-start:var(--cando-space-10);padding:var(--cando-space-6);border-radius:12px;border:1px solid var(--cando-primary-100);background:var(--cando-primary-50)}
.about-explore p{color:var(--cando-text-tertiary);font-size:var(--cando-body-m-size);line-height:var(--cando-body-m-lh);margin-block-start:var(--cando-space-3)}
.about-explore__actions{display:flex;gap:var(--cando-space-3);flex-wrap:wrap;align-items:center}
.about-explore .button{min-height:48px}
.about-secondary{background:var(--cando-background-surface);color:var(--cando-primary-500);border-color:currentColor}
.about-secondary:hover{background:var(--cando-primary-100)}
@media(min-width:768px){.about-hero{grid-template-columns:minmax(0,1fr) 260px;padding:var(--cando-space-8)}.about-hero__visual{min-height:220px}.about-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.about-reading{padding:var(--cando-space-8)}}
@media(min-width:1024px){.about-layout{grid-template-columns:270px minmax(0,1fr);gap:var(--cando-space-8)}.about-explore{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:var(--cando-space-8)}}
@media(max-width:767px){.about-hero{padding:var(--cando-space-5) var(--cando-space-4)}.about-hero h1{font-size:var(--cando-heading-m-size);line-height:var(--cando-heading-m-lh)}.about-hero__visual:not(:has(img)){display:none}.about-story{padding:var(--cando-space-5) var(--cando-space-4);gap:var(--cando-space-3)}.about-story>.about-section-icon{display:none}.about-reading{padding:var(--cando-space-5) var(--cando-space-4)}.about-explore__actions{display:grid;grid-template-columns:minmax(0,1fr)}.about-hero__action{width:100%}}