.detail-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,20rem);align-items:start;gap:clamp(1rem,1.6vw,1.5rem);width:100%;min-width:0;display:grid}.detail-page{width:100%;min-width:0;max-width:none}.detail-layout-single{grid-template-columns:minmax(0,1fr)}@media (max-width:1100px){.detail-layout{grid-template-columns:minmax(0,1fr) 18rem}}@media (max-width:900px){.detail-layout{grid-template-columns:minmax(0,1fr)}}.detail-main{flex-direction:column;gap:1.5rem;width:100%;min-width:0;display:flex}.detail-meta{width:100%;min-width:0;position:sticky;top:1rem}@media (max-width:900px){.detail-meta{order:-1;position:static}}.detail-topbar{border-bottom:1px solid hsl(var(--border));align-items:flex-start;gap:.75rem;width:100%;min-width:0;margin-bottom:.4rem;padding-bottom:1.1rem;display:flex}.detail-topbar>:last-child{flex-shrink:0;margin-left:auto}@media (max-width:700px){.detail-topbar{flex-wrap:wrap}.detail-topbar>:last-child{justify-content:flex-start;width:100%;min-width:0;max-width:100%;margin-left:0}}.detail-breadcrumb-back{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;transition:color .2s,transform .18s,text-shadow .18s;display:inline-flex}.detail-breadcrumb-back svg{stroke:currentColor;transition:filter .18s;color:currentColor!important}.detail-breadcrumb{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.detail-breadcrumb-back:hover{color:hsl(var(--foreground));text-shadow:0 4px 12px hsl(var(--foreground) / .22);transform:translateY(-1px)}.detail-breadcrumb-back:hover svg{filter:drop-shadow(0 3px 6px hsl(var(--foreground) / .25))}.detail-breadcrumb-current{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--font-weight-strong);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;max-width:min(22rem,48vw);overflow:hidden}.detail-breadcrumb-sub{color:var(--text-muted);margin-top:.25rem;font-size:.76rem}.detail-heading{align-items:flex-start;gap:.85rem;display:flex}.detail-heading-icon{border-radius:var(--autron-radius-tile);background:hsl(var(--autron-accent) / .12);width:2.75rem;height:2.75rem;color:hsl(var(--autron-accent));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.detail-heading-row{flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;display:flex}.detail-heading-title{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--font-weight-strong);letter-spacing:-.01em;color:var(--text-strong);word-break:break-word}.detail-heading-desc{color:var(--text-muted);margin-top:.25rem;font-size:.88rem;line-height:1.55}.detail-section{border-top:1px solid hsl(var(--border));flex-direction:column;gap:.9rem;padding-top:1.5rem;display:flex}.detail-section:first-child,.detail-heading+.detail-section{border-top:0;padding-top:0}.detail-section-head{flex-direction:column;gap:.2rem;display:flex}.detail-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.detail-section-desc{color:var(--text-muted);font-size:.8rem;line-height:1.5}.metadata-panel{border-radius:var(--autron-radius-panel);border:1px solid var(--card-border);background:var(--card-bg);width:100%;min-width:0;box-shadow:var(--surface-shadow);flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.metadata-panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.metadata-list{flex-direction:column;min-width:0;display:flex}.metadata-row{border-top:1px solid hsl(var(--border) / .7);grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr);align-items:center;gap:.75rem;padding:.6rem 0;display:grid}.metadata-row:first-child{border-top:0}.metadata-label{color:var(--text-muted);min-width:0;font-size:.78rem;font-weight:600}.metadata-value{width:100%;min-width:0;max-width:none;color:hsl(var(--foreground));text-align:right;text-overflow:ellipsis;white-space:nowrap;justify-self:end;margin:0;font-size:.82rem;font-weight:500;overflow:hidden}.metadata-value>*{max-width:100%}.metadata-value .break-all{word-break:normal;overflow-wrap:normal}@media (max-width:900px){.metadata-panel{box-shadow:none}.metadata-row{grid-template-columns:7.5rem minmax(0,1fr)}}