/* Cu-Al applications: visible equipment, role and result; preserved detail on demand. */
.cu-use-contents{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0 0 28px;padding:0;font-size:16px;line-height:1.5}
.cu-use-contents a{display:flex;align-items:center;min-height:44px;padding:8px 0;text-underline-offset:4px}
.cu-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.cu-use-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid var(--cu-line);border-radius:14px;scroll-margin-top:calc(var(--header-height,56px) + 24px)}
.cu-use-heading{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.cu-use-heading>.material-symbols-outlined{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;font-size:32px;line-height:1;border-radius:12px;background:color-mix(in srgb,var(--cu-copper) 8%,white);color:var(--cu-copper)}
.cu-use-card h3{font-size:23px;line-height:1.25;margin:0;overflow-wrap:anywhere}
.cu-use-card p{font-size:16px;line-height:1.6;margin:0 0 18px}
.cu-use-short{color:var(--cu-ink)}
.cu-use-story{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:stretch;gap:8px;margin:0 0 22px;padding:18px 0;border-block:1px solid var(--cu-line)}
.cu-use-role,.cu-use-outcome{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.cu-use-story .material-symbols-outlined{font-size:32px;line-height:1;color:var(--cu-copper)}
.cu-use-label{display:block;font-size:16px;line-height:1.4;color:var(--cu-muted);margin-bottom:5px}
.cu-use-story strong{display:block;font-size:16px;line-height:1.4;font-weight:600;color:var(--cu-ink);overflow-wrap:break-word}
.cu-use-connector{align-self:center;font-size:22px;color:var(--cu-muted)}
.cu-use-details{border:0;margin:0}
.cu-use-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;font-size:16px;line-height:1.45;font-weight:600;cursor:pointer;list-style:none;color:var(--cu-ink)}
.cu-use-details>summary::-webkit-details-marker{display:none}
.cu-use-details>summary>.material-symbols-outlined{flex:0 0 24px;font-size:24px;line-height:1}
.cu-use-details[open]>summary>.material-symbols-outlined{transform:rotate(180deg)}
.cu-use-detail-body{padding-top:18px}
.cu-use-inputs{color:var(--cu-muted)}
.cu-use-inputs strong{display:block;color:var(--cu-ink);margin-bottom:6px;font-size:16px}
.cu-use-links{display:grid;gap:4px;list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--cu-line);font-size:16px;line-height:1.5}
.cu-use-links a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;text-underline-offset:4px}
.cu-use-conditions{padding:24px 0 0;font-size:16px;color:var(--cu-muted);max-width:88ch}
@media(max-width:700px){.cu-use-grid{grid-template-columns:minmax(0,1fr);gap:18px}.cu-use-card{padding:22px}.cu-use-card h3{font-size:22px}.cu-use-contents{display:grid;gap:2px}}
@media(max-width:370px){.cu-use-card{padding:18px}.cu-use-heading{gap:10px}.cu-use-heading>.material-symbols-outlined{flex-basis:40px;width:40px;height:40px;font-size:28px}.cu-use-story{grid-template-columns:minmax(0,1fr);gap:10px}.cu-use-role,.cu-use-outcome{flex-direction:row;align-items:center;gap:12px}.cu-use-story .material-symbols-outlined{flex:0 0 32px}.cu-use-connector{justify-self:start;transform:rotate(90deg);margin-left:5px;line-height:1}.cu-use-label{margin-bottom:2px}}
@media print{.cu-use-details{display:block}.cu-use-details:not([open])>.cu-use-detail-body{display:block!important}.cu-use-details>summary{break-after:avoid}.cu-use-story{break-inside:avoid}}