
/* Dashboard articles within the existing Juta Properties layout */
.juta-media-toolbar{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap}.juta-media-toolbar form{display:flex;gap:10px;flex:0 1 390px}.juta-media-toolbar input{width:100%;min-width:0;border:1px solid var(--line);background:#f7f8fa;border-radius:12px;padding:12px 16px;font:inherit;color:var(--navy)}.juta-media-categories{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px}.juta-media-categories button,.juta-media-pagination button{border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--blue);font:inherit;font-size:14px;padding:10px 18px;white-space:nowrap;cursor:pointer}.juta-media-categories button[aria-pressed=true],.juta-media-pagination button[aria-current=page]{background:var(--blue);color:#fff;border-color:var(--blue)}.juta-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.juta-article-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fafbfc;display:flex;flex-direction:column;min-width:0}.juta-article-image{display:block;aspect-ratio:2.15;overflow:hidden;background:#f2f4f7}.juta-article-image img{width:100%;height:100%;object-fit:cover;display:block}.juta-article-image.is-logo img{object-fit:contain;padding:24px;mix-blend-mode:multiply}.juta-article-body{padding:28px;display:flex;flex-direction:column;flex:1}.juta-article-meta{color:var(--blue);font-weight:700;font-size:12px;line-height:1.6;letter-spacing:.025em;text-transform:uppercase;margin:0 0 22px}.juta-article-body h2{font-size:23px;font-weight:600;line-height:1.45;letter-spacing:-.025em;margin:0 0 22px;overflow-wrap:anywhere}.juta-article-excerpt{font-size:16px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 28px;color:var(--muted)}.juta-article-read{color:var(--blue);font-size:16px;font-weight:600;margin-top:auto;align-self:flex-start}.juta-media-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:44px}.juta-media-pagination[hidden]{display:none}.juta-media-empty{padding:60px 24px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:22px}.juta-media-empty h2{font-size:30px;margin-bottom:16px}.juta-media-empty .button{margin-top:24px}.juta-media-results[aria-busy=true]{opacity:.65}.juta-media-archive{padding-top:48px}.juta-media-categories button:focus-visible,.juta-media-pagination button:focus-visible,.juta-article-read:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.juta-article-page .container,.preview-notice .container{width:min(1180px,calc(100% - 2 * var(--gutter)));margin-inline:auto}.juta-article-page .article-header{padding:60px 0;background:var(--paper)}.juta-article-page .article-header h1{max-width:950px;font-size:clamp(36px,5vw,64px);line-height:1.14;margin:22px 0}.juta-article-page .article-deck{max-width:780px;color:var(--muted);font-size:19px;line-height:1.7}.article-byline{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:24px}.juta-article-page .article-featured{width:100%;max-height:620px;object-fit:cover;border-radius:22px;display:block;margin-top:40px}.juta-article-page .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;padding-block:56px 90px}.article-content{font-size:18px;line-height:1.85;overflow-wrap:anywhere;min-width:0}.article-content p,.article-content ul,.article-content ol{margin-bottom:24px}.article-content h2{font-size:32px;margin:36px 0 20px}.article-content h3{font-size:26px;margin:30px 0 18px}.article-content img,.article-content video{max-width:100%;height:auto;border-radius:12px}.article-content iframe{width:100%;max-width:100%;aspect-ratio:16/9;border:0}.article-content a{text-decoration:underline;color:var(--blue)}.article-content blockquote{margin:28px 0;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.article-content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}.article-content td,.article-content th{border:1px solid var(--line);padding:10px}.article-aside{font-size:14px}.article-aside>a:not(.button){display:block;margin:14px 0;color:var(--blue)}.article-aside .button{margin-top:24px}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.article-tags span{border:1px solid var(--line);padding:6px 10px;border-radius:12px}.preview-notice{padding:16px;background:var(--paper)}
@media(hover:hover){.juta-media-categories button:hover,.juta-media-pagination button:hover{background:#e7ebf3;color:var(--blue)}.juta-article-read:hover{text-decoration:underline;text-underline-offset:4px}.juta-article-body h2 a:hover{color:var(--blue)}}
@media(max-width:1000px){.juta-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.juta-article-page .article-layout{gap:32px;grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:600px){.juta-article-grid{grid-template-columns:1fr;gap:24px}.juta-media-toolbar{gap:18px}.juta-media-toolbar form{flex-basis:100%}.juta-article-body{padding:24px}.juta-article-page .article-layout{grid-template-columns:1fr}.article-aside{border-top:1px solid var(--line);padding-top:28px}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.media-content{padding-top:48px}.media-tabs{margin:0 auto 44px;min-width:min(440px,100%);justify-content:center}.media-tabs button{flex:1}.media-tabs button[aria-selected=true]{background:var(--blue);color:#fff}.media-content>.juta-media-archive{padding-top:0}.media-content [role=tabpanel][hidden]{display:none!important}
.juta-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.juta-gallery-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#f7f8fa}.juta-gallery-card>button{display:block;width:100%;height:100%;text-align:left;padding:0;border:0;background:transparent;color:var(--navy);font:inherit}.juta-gallery-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef1f5}.juta-gallery-copy{display:flex;flex-direction:column;gap:14px;padding:28px}.juta-gallery-copy>small{color:var(--blue)}.juta-gallery-copy>strong{font-size:28px;line-height:1.2;font-weight:500}.juta-gallery-copy>span{color:var(--muted)}.juta-gallery-copy .juta-gallery-open{color:var(--blue);font-weight:600}.juta-gallery-pagination{display:flex;gap:10px;justify-content:center;margin-top:32px}.juta-gallery-pagination[hidden]{display:none}.juta-gallery-pagination button{font:inherit;border:1px solid var(--line);background:transparent;color:var(--blue);padding:10px 18px;border-radius:24px}.juta-gallery-pagination button[aria-current=page]{background:var(--blue);color:#fff}.gallery-load-error{padding:20px;color:#922c2c;border:1px solid #bf7676;border-radius:8px;margin-bottom:24px}
.gallery-view{width:min(1100px,94vw);max-height:92svh;padding:24px;border:1px solid var(--line);border-radius:16px;background:#f5f6f8;color:var(--navy);overflow:auto}.gallery-view::backdrop{background:#0b2036d9}.gallery-view-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.gallery-view-toolbar h2{font-size:24px}.gallery-view button{font:inherit;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--blue);padding:10px 16px}.gallery-view-stage img{display:block;width:100%;height:60svh;object-fit:contain}.gallery-view-controls{display:flex;align-items:center;gap:20px;margin-top:20px}.gallery-view-controls>div{flex:1;text-align:center}.gallery-view-caption{font-size:15px}.gallery-view-count{font-size:13px;color:var(--muted)}.gallery-view-open{overflow:hidden}.gallery-view-open .floating-tools{visibility:hidden}.gallery-view button:disabled{opacity:.4}
@media(max-width:650px){.juta-gallery-grid{grid-template-columns:1fr}.media-tabs{min-width:0;width:100%}.media-tabs button{padding:14px 20px}.juta-gallery-copy{padding:22px}.gallery-view{padding:16px}.gallery-view-stage img{height:52svh}.gallery-view-toolbar h2{font-size:20px}.gallery-view-controls{gap:10px}}

.gallery-view-open .floating-tools .back-to-top{visibility:hidden}
