/* Resource-detail composition; deliberately isolated from listings and articles. */
.signal-implemented .dir-library-profile .dir-hero { padding-block:38px 40px; }
.signal-implemented .dir-library-profile .dir-hero h1 { max-width:1000px; margin:20px 0 22px; }
.signal-implemented .dir-library-profile .dir-intro { max-width:820px; font-size:20px; }
.signal-implemented .dir-library-profile .dir-profile-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 26px; margin-top:26px; }
.signal-implemented .dir-library-profile .dir-hero .button { color:#0b2534; background:#9de5ce; border-color:#9de5ce; gap:18px; }
.signal-implemented .dir-library-profile .dir-hero .button:hover { background:#c3f1e3; }
.signal-implemented .dir-library-profile .dir-hero .button:focus-visible,.signal-implemented .dir-library-profile .dir-preview-link:focus-visible { outline-color:#9de5ce; }
.signal-implemented .dir-library-profile .dir-hero .dir-profile-status { max-width:820px; margin:22px 0 0; color:#c7e0e4; font-size:13px; line-height:1.6; }
.dir-profile-status>span { margin-right:7px; color:#9de5ce; }
.signal-implemented .dir-library-profile .dir-preview-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#e6f3f2; font-size:16px; }
.signal-implemented .dir-library-profile .dir-profile-layout { grid-template-columns:minmax(0,2fr) minmax(270px,1fr); grid-template-areas:'content facts' 'support facts'; align-items:start; gap:30px 40px; padding-block:40px; }
.dir-library-profile .dir-profile-content { grid-area:content; min-width:0; }
.dir-library-profile .dir-profile-facts { grid-area:facts; position:sticky; top:24px; min-width:0; }
.signal-implemented .dir-library-profile .dir-profile-content>section { padding:30px 32px; margin:0 0 24px; border:1px solid #bacbd0; border-radius:0; }
.signal-implemented .dir-library-profile .dir-profile-content>section:last-child { margin-bottom:0; }
.signal-implemented .dir-library-profile h2 { font-size:clamp(29px,2.7vw,38px); line-height:1.12; }
.dir-library-profile .dir-profile-content h2 { margin:0 0 17px; }
.dir-library-profile .dir-profile-content p { margin:0 0 14px; font-size:16px; line-height:1.7; }
.dir-library-profile .dir-profile-content p:last-child { margin-bottom:0; }
.dir-library-profile .dir-reading-block+.dir-reading-block { padding-top:26px; margin-top:26px; border-top:1px solid #d4dfe0; }
.signal-implemented .dir-library-profile .dir-steps-panel { background:#153548; color:#f1f8f8; border-color:#153548; }
.signal-implemented .dir-library-profile .dir-steps-panel .dir-eyebrow { color:#b5ded0; margin-bottom:15px; }
.dir-library-profile .dir-steps-panel .dir-steps { list-style:none; counter-reset:work-step; padding:0; margin:23px 0 0; }
.dir-library-profile .dir-steps-panel li { counter-increment:work-step; display:grid; grid-template-columns:32px 1fr; gap:14px; margin:0; padding:18px 0; border-top:1px solid #527080; line-height:1.65; }
.dir-library-profile .dir-steps-panel li:last-child { padding-bottom:0; }
.dir-library-profile .dir-steps-panel li::before { content:counter(work-step,decimal-leading-zero); color:#9de5ce; font:12px/1.7 var(--sg-mono); padding-top:3px; }
.signal-implemented .dir-library-profile .dir-limits-panel { background:#f0eadc; border-color:#baaf92; border-left:4px solid #786849; }
.signal-implemented .dir-library-profile .dir-action-panel { padding:27px; }
.dir-library-profile .dir-action-panel h2 { color:#f1f8f8; margin-bottom:24px; }
.dir-library-profile .dir-action-panel .dir-attribute-list { margin:0; }
.dir-library-profile .dir-action-panel .dir-attribute-list dt { color:#a9d4c7; font:11px/1.6 var(--sg-mono); text-transform:uppercase; letter-spacing:.05em; margin:22px 0 6px; }
.dir-library-profile .dir-action-panel .dir-attribute-list dt:first-child { margin-top:0; }
.signal-implemented .dir-library-profile .dir-action-panel .dir-attribute-list dd { color:#f1f8f8; margin:0; font-size:15px; line-height:1.65; }
.dir-library-profile .dir-profile-jumps { display:grid; gap:0; padding:24px 4px 0; }
.dir-library-profile .dir-profile-jumps .dir-eyebrow { margin-bottom:8px; }
.dir-library-profile .dir-profile-jumps a { padding:10px 0; border-bottom:1px solid #bacbd0; font-size:15px; }
.dir-library-profile .dir-profile-support { grid-area:support; display:grid; grid-template-columns:1.2fr 1fr; gap:20px; min-width:0; }
.signal-implemented .dir-library-profile .dir-help-panel { padding:25px; margin:0; border:1px solid #bacbd0; }
.dir-library-profile .dir-help-panel h2 { font-size:28px; margin:13px 0 20px; }
.dir-library-profile .dir-help-panel p { margin:0 0 14px; }
.dir-library-profile .dir-help-panel p:last-child { margin-bottom:0; }
.dir-library-profile .dir-sources { margin:0; }
.dir-library-profile .dir-sources li { margin:0 0 20px; }
.dir-library-profile .dir-sources li:last-child { margin-bottom:0; }
.dir-library-profile .dir-sources a { display:inline; font-size:15px; }
.dir-library-profile .dir-sources a>span { display:inline; color:inherit; font:inherit; }
.dir-library-profile .dir-sources li>span { margin-top:10px; color:#405d6c; font-size:13px; line-height:1.65; }
.dir-library-profile :is(section,details)[id] { scroll-margin-top:24px; }
.dir-library-profile .dir-workbook-heading { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.dir-library-profile .dir-workbook-heading h2 { margin:13px 0 0; }
.dir-library-profile .dir-workbook-heading>a { min-height:44px; display:inline-flex; align-items:center; gap:9px; font-size:16px; }
.dir-library-profile .dir-workbook { border:1px solid #8da9b6; background:#f5f8f8; }
.dir-library-profile .dir-workbook>summary { padding:21px 23px; font-size:18px; font-weight:600; line-height:1.5; }
.dir-library-profile .dir-workbook>summary>span { display:block; font-size:13px; font-weight:400; color:#526971; margin:7px 0 0; }
.dir-library-profile .dir-workbook[open]>summary { border-bottom:1px solid #bacbd0; }
.dir-library-profile .dir-workbook-body { padding:6px 23px 24px; }
.dir-library-profile .dir-workbook-body h3 { margin:28px 0 15px; font-size:28px; line-height:1.15; }
.dir-library-profile .dir-workbook-body :is(ul,ol) { margin:15px 0; padding-left:24px; }
.dir-library-profile .dir-workbook-body li { margin-bottom:9px; line-height:1.65; }
.signal-implemented .dir-library-profile .dir-workbook-body pre { margin:18px 0; padding:20px; background:#e3edf2; color:#102d3f; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.7 var(--sg-mono); border:1px solid #a9bec5; }
.dir-library-profile .dir-workbook-body code { font:inherit; }
.dir-library-profile .dir-workbook-body :is(p,li,td) { overflow-wrap:anywhere; }
.dir-library-profile .dir-markdown-source { margin-top:18px; }
.dir-library-profile .dir-markdown-source>summary { padding:12px 0; color:#245d74; font-size:15px; }
.signal-implemented .dir-library-profile .dir-markdown-source pre { margin-top:12px; max-height:440px; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:1000px){
 .signal-implemented .dir-library-profile .dir-profile-layout { grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr); gap:28px; }
 .dir-library-profile .dir-profile-support { grid-template-columns:1fr; }
 .signal-implemented .dir-library-profile .dir-profile-content>section { padding:26px; }
}
@media(max-width:760px){
 .signal-implemented .dir-library-profile .dir-hero { padding-block:30px; }
 .signal-implemented .dir-library-profile .dir-intro { font-size:18px; }
 .signal-implemented .dir-library-profile .dir-profile-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:'facts' 'content' 'support'; gap:28px; padding-block:28px; }
 .dir-library-profile .dir-profile-facts { position:static; }
 .signal-implemented .dir-library-profile .dir-action-panel { padding:23px; }
 .dir-library-profile .dir-action-panel h2 { margin-bottom:20px; }
 .dir-library-profile .dir-profile-jumps { display:flex; gap:18px; overflow-x:auto; padding:15px 0 5px; }
 .dir-library-profile .dir-profile-jumps .dir-eyebrow { display:none; }
 .dir-library-profile .dir-profile-jumps a { white-space:nowrap; padding:9px 0; }
 .signal-implemented .dir-library-profile .dir-profile-content>section { padding:23px; }
 .dir-library-profile .dir-profile-support { grid-template-columns:1fr; }
 .dir-library-profile .dir-workbook>summary { padding:18px; }
 .dir-library-profile .dir-workbook-body { padding:0 18px 20px; }
 .signal-implemented .dir-library-profile .dir-workbook-body pre { padding:15px; font-size:13px; }
 .dir-library-profile .dir-profile-actions .button { width:100%; }
}