.image-licences .licence-reading-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:28px 0}
.licence-reading-path li{display:flex;align-items:center;gap:14px;padding:20px;background:var(--paper,#f8f6ef);border-block:1px solid var(--line,#ccd3d8);min-width:0}
.licence-reading-path strong{color:var(--blue,#2147cf);font-size:1.25rem}.licence-reading-path span{line-height:1.5}
.image-licences fieldset{min-width:0;margin:24px 0;padding:clamp(18px,3vw,30px);border:1px solid var(--line,#ccd3d8)}
.image-licences legend{font-weight:700;padding-inline:8px}.image-licences label{display:grid;gap:10px;align-content:start;font-weight:600}
.image-licences select{width:100%;min-width:0;padding:12px;background:#fff;color:#162238;border:1px solid #667384;border-radius:0;font:inherit}
.image-licences button{margin-top:22px;white-space:normal}.image-licences output{display:block;margin-top:20px;line-height:1.7;white-space:pre-line;color:inherit}
.image-licences .licence-selected{outline:2px solid var(--blue,#2147cf);outline-offset:-2px;background:#edf2ff}
.image-licences .licence-selected :is(th,td){background:transparent;color:#142744}
.image-licences :focus-visible{outline:3px solid #2357c7;outline-offset:4px}
@media(max-width:760px){.image-licences .licence-reading-path{grid-template-columns:1fr;gap:8px}.image-licences .portal-percentage-fields{grid-template-columns:1fr}}
.portal-shell.portal-tools-shell{box-sizing:border-box;width:min(1500px,calc(100% - 2 * var(--wwc-gutter,24px)));max-width:1500px;margin-inline:auto;padding:clamp(20px,3vw,44px)}
.portal-tools-shell>.portal-guide-heading{margin-block:24px 40px}
.portal-tools-shell>.portal-content-section{padding-block:28px 40px}
.image-licences details{margin-block:24px;padding:20px 24px;background:#fff;border-block:1px solid var(--portal-line,#ccd3d8)}
.image-licences summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:32px;font-weight:700;cursor:pointer;list-style:none}
.image-licences summary::-webkit-details-marker{display:none}
.image-licences summary::after{content:'+';font-size:1.5rem;color:var(--portal-blue,#176583)}
.image-licences details[open] summary::after{content:'−'}
.image-licences details p{margin:16px 0 0;line-height:1.7}