.content-detail-page [hidden]{display:none!important}
.content-detail-page[data-admin-preview] a[aria-disabled="true"],.content-detail-page[data-admin-preview] button[disabled]{pointer-events:none;opacity:1;cursor:default}
.detail-main{max-width:1120px;padding-top:38px;padding-bottom:80px;min-height:65vh}
.detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.875rem;color:var(--muted,#75717e);margin-bottom:38px}
.detail-breadcrumb a:hover{color:var(--accent,#6336f3);text-decoration:underline;text-underline-offset:4px}
.detail-heading{max-width:890px;margin-bottom:42px}
.detail-meta{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;font-size:.875rem;color:#777181;margin-bottom:20px}
.detail-meta .detail-category{color:#6234eb;font-weight:650}
.detail-sample{padding:3px 8px;border-radius:4px;background:#f3effc;color:#6e5a99}
.detail-heading h1{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.045em;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere;font-weight:750}
.detail-heading>p{font-size:1.125rem;line-height:1.8;color:#73707e;margin-top:20px;word-break:keep-all;overflow-wrap:anywhere}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:52px;align-items:start}
.detail-body,.detail-sidebar{min-width:0}
.detail-section{padding-top:27px;border-top:1px solid #e3e1ea;margin-bottom:38px}
.detail-section h2{font-size:1.2rem;letter-spacing:-.035em;font-weight:700;margin-bottom:23px}
.detail-section-heading{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;align-items:baseline;margin-bottom:23px}
.detail-section-heading h2{margin-bottom:0}
.detail-section-heading>span{font-size:.875rem;color:#78717f}
.detail-document{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:inherit;font-size:1rem;line-height:1.95;background:#f7f5fc;border:1px solid #ebe6f6;border-radius:12px;padding:28px;margin:0;max-width:100%;tab-size:2}
.detail-prose{font-size:1rem;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;color:#4c4855;word-break:keep-all}
.detail-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.detail-feature-list li{display:flex;align-items:flex-start;gap:12px;font-size:1rem;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
.detail-feature-list .icon{flex-shrink:0;width:20px;height:20px;margin-top:3px;color:#683bf0}
.detail-cover{overflow:hidden;border:1px solid #e9e5ef;border-radius:14px;margin-bottom:14px;background:#f7f6fa}
.detail-cover img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.detail-action-card{border:1px solid #e5e1ed;border-radius:14px;padding:26px;background:#fff;box-shadow:0 7px 25px #23163a04}
.detail-price-caption{font-size:.875rem;color:#80798a;margin-bottom:8px}
.detail-price{font-size:2rem;font-weight:750;line-height:1.35;letter-spacing:-.05em;overflow-wrap:anywhere}
.detail-file-info{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:.875rem;line-height:1.65;color:#746d80;overflow-wrap:anywhere}
.detail-file-info strong{font-weight:500;color:#48414f}
.detail-sample-note{font-size:.875rem;line-height:1.8;color:#7e7390;margin-top:16px}
.detail-actions{display:grid;gap:10px;margin-top:26px}
.content-detail-page .button{font-size:1rem;min-height:48px;white-space:normal;line-height:1.55;justify-content:center;word-break:keep-all}
.detail-actions .button{width:100%;padding:12px 15px;text-align:center;gap:9px}
.detail-actions .icon{flex-shrink:0;width:19px;height:19px}
.detail-share{border-top:1px solid #eeeaf2;margin-top:23px;padding-top:17px}
.detail-share>button{display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.875rem;min-height:44px;width:100%;color:#6c617b;background:none;border:0;cursor:pointer}
.detail-share .icon{width:17px;height:17px}
#manual-copy{margin-top:14px}
#manual-copy label{display:block;font-size:.875rem;line-height:1.7;color:#6c617b;margin-bottom:8px}
#copy-value{display:block;width:100%;box-sizing:border-box;padding:12px;font:inherit;font-size:.875rem;line-height:1.7;border:1px solid #d5cce5;border-radius:6px;resize:vertical;color:#29242f;background:#faf8ff;overflow-wrap:anywhere}
.detail-back{margin-top:42px;padding-top:28px;border-top:1px solid #e7e4ed}
.detail-back .button{display:inline-flex;padding-inline:20px}
.detail-error{padding:85px 0 110px;max-width:720px}
.detail-error h1{font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.4;letter-spacing:-.04em;word-break:keep-all;margin:16px 0}
.detail-error>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#79717e}
.detail-error-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.content-detail-page :focus-visible{outline:2px solid #683bf0;outline-offset:4px}
@media(max-width:900px){
 .detail-main{max-width:720px}
 .detail-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .detail-sidebar{grid-row:1}
 .detail-action-card{padding:24px}
 .detail-cover{max-width:400px}
 .detail-share{margin-top:18px;padding-top:10px}
 .detail-section{margin-bottom:30px}
}
@media(max-width:700px){
 .detail-main{padding-top:24px;padding-bottom:44px}
 .detail-breadcrumb{margin-bottom:28px;gap:9px}
 .detail-heading{margin-bottom:28px}
 .detail-heading>p{font-size:1rem;line-height:1.85;margin-top:16px}
 .detail-meta{gap:8px 12px;margin-bottom:15px}
 .detail-meta>span:last-child:has(time){flex-basis:100%}
 .detail-action-card{padding:22px}
 .detail-document{padding:21px 18px;border-radius:10px;line-height:1.85}
 .detail-layout{gap:26px}
 .detail-cover{max-width:none}
 .detail-back{margin-top:20px;padding-top:24px}
 .detail-back .button{width:100%}
 .detail-error{padding:48px 0 66px}
 .detail-error-actions{display:grid}
}