.y-main{color:var(--kuci-text);background:var(--kuci-surface)}
.y-main [hidden]{display:none!important}
.y-main a:focus-visible,.y-main button:focus-visible,.y-main input:focus-visible,.y-main select:focus-visible{outline:3px solid var(--kuci-brand);outline-offset:5px}
.y-hero{padding:70px 0 54px}
.y-hero h1{max-width:1000px;margin:20px 0 24px}
.y-hero p{max-width:760px;color:var(--kuci-text-secondary)}
.y-section{padding:65px 0}
.y-section h2{margin:0 0 32px}
.y-soft{background:var(--kuci-muted)}
.y-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
.y-category{display:flex;gap:20px;align-items:flex-start;border-top:1px solid var(--kuci-line);padding:27px 0;min-width:0}
.y-category h3{margin:0 0 10px}
.y-category h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.y-category p{color:var(--kuci-text-secondary);margin:0 0 16px}
.y-number{color:var(--kuci-text-secondary);padding-top:8px}
.y-arrow{margin-left:auto;min-width:36px;min-height:44px;text-align:right}
.y-meta{display:block;color:var(--kuci-text-secondary)}
.y-intro{max-width:780px;color:var(--kuci-text-secondary);margin:0 0 36px}
.y-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}
.y-reference{min-width:0}
.y-reference a{display:block}
.y-reference figure{margin:0 0 20px;aspect-ratio:4/3;background:var(--kuci-muted);overflow:hidden}
.y-reference img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.y-reference a:hover img{transform:scale(1.025)}
.y-reference h3{margin:10px 0}
.y-reference p{color:var(--kuci-text-secondary)}
.y-reference .v11-link{margin-top:15px}
.y-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.y-link-grid>a,.y-link-grid>article{border-top:1px solid var(--kuci-line);padding:25px 0}
.y-link-grid h3{margin:10px 0}
.y-link-grid p{color:var(--kuci-text-secondary)}
.y-cta{padding:64px 0;background:var(--kuci-muted)}
.y-cta>.v11-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}
.y-cta h2{margin:16px 0}
.y-cta p{max-width:650px;color:var(--kuci-text-secondary)}
.y-cta .v11-button{flex-shrink:0;white-space:normal;text-align:center}
.y-empty-category{padding:40px;background:var(--kuci-muted);max-width:950px}
.y-empty-category p{max-width:750px;margin-bottom:28px}
.y-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:55px;align-items:start}
.y-gallery figure{margin:0 0 32px}
.y-gallery img{width:100%;height:auto;max-height:700px;object-fit:contain;background:var(--kuci-muted)}
.y-gallery figcaption{color:var(--kuci-text-secondary);margin-top:12px}
.y-detail-aside{position:sticky;top:125px;border-top:1px solid var(--kuci-line);padding-top:28px}
.y-detail-aside p,.y-detail-aside dd,.y-detail-aside dt{}
.y-detail-aside dl{margin:25px 0}
.y-detail-aside dt{margin-top:18px}
.y-detail-aside dd{margin-left:0;color:var(--kuci-text-secondary)}
.y-image-unavailable{padding:36px;}
.y-site .v11-breadcrumb{overflow-wrap:anywhere}
.y-main h1,.y-main h2,.y-main h3{overflow-wrap:anywhere}
@media(max-width:1100px){.y-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.y-cta>.v11-wrap{align-items:flex-start;flex-direction:column;gap:22px}
.y-detail{gap:30px}
}
@media(max-width:760px){.y-hero{padding:38px 0}
.y-hero p{}
.y-section{padding:42px 0}
.y-category-grid,.y-link-grid,.y-detail{grid-template-columns:1fr;gap:20px}
.y-category{gap:14px}
.y-category h3{}
.y-reference-grid{gap:28px 18px}
.y-reference h3{}
.y-reference p{}
.y-reference figure{aspect-ratio:1;margin-bottom:15px}
.y-meta{}
.y-empty-category{padding:26px}
.y-detail-aside{position:static}
.y-cta{padding:42px 0}
}
@media(max-width:400px){.y-reference-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.y-main *{transition:none!important;scroll-behavior:auto!important}
}