.portfolio-public{background:#f6f6f6;color:#171717}.portfolio-section{padding:34px 24px 44px;scroll-margin-top:100px}.portfolio-section+.portfolio-section{border-top:1px solid #ddd}.portfolio-section-title{font-size:30px!important;margin:0 0 24px!important;color:#a51f2a}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden}.portfolio-screen{margin:0;aspect-ratio:16/10;overflow:hidden;flex:none;background:#e5e7e9;border-bottom:1px solid #ddd}.portfolio-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}.portfolio-card-body{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1}.portfolio-card-body h2{font-size:21px!important;line-height:1.25!important;margin:0!important}.portfolio-card-body h2 a,.portfolio-app-row h3 a{color:inherit;text-decoration:none}.portfolio-card-body p{margin:0;font-size:15px;line-height:1.55}.portfolio-kicker{font-size:12px!important;text-transform:uppercase;font-weight:700;color:#a51f2a;margin:0 0 8px}.portfolio-detail-link{margin-top:auto;padding-top:6px;color:#a51f2a;font-weight:700}.portfolio-count,.portfolio-card-body small{font-size:13px!important;color:#5f6369}.portfolio-breadcrumb{font-size:14px;margin-bottom:20px}.portfolio-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.portfolio-detail-heading h1{font-size:36px;line-height:1.2;margin:0 0 12px}.portfolio-detail-heading p{max-width:760px}.portfolio-detail-heading .basic-button{flex-shrink:0}.portfolio-screen-full{aspect-ratio:auto;border:1px solid #ddd;border-radius:6px;max-width:1000px;background:#fff}.portfolio-screen-full img{height:auto;max-height:600px}.portfolio-screen-full figcaption{padding:10px 14px;font-size:13px;color:#555}.portfolio-detail-copy{max-width:900px;padding:26px 0}.portfolio-owner{font-size:14px;color:#555}.portfolio-owner span{display:inline-block;margin-left:12px;color:#a51f2a}.portfolio-dates{display:flex;flex-wrap:wrap;gap:18px 32px;margin:24px 0}.portfolio-dates dt{font-size:12px;color:#666}.portfolio-dates dd{margin:4px 0 0;font-weight:700}.portfolio-date-note,.portfolio-source{font-size:13px;color:#555}.portfolio-subheading{font-size:25px!important;margin:18px 0!important}.portfolio-app-list{border-top:1px solid #d5d5d5}.portfolio-app-row{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid #d5d5d5}.portfolio-app-row:not(:has(figure)){grid-template-columns:1fr}.portfolio-app-row h3{font-size:21px;margin:0 0 10px}.portfolio-app-row p{font-size:15px;line-height:1.5}.portfolio-app-row .portfolio-screen{border:1px solid #ddd;border-radius:4px}.portfolio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-gallery figure{margin:0}.portfolio-gallery img{width:100%;height:auto}.portfolio-gallery figcaption{font-size:13px;padding:8px 0}.portfolio-home-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px;padding:0!important;list-style:none}.portfolio-home-list>li{border-top:1px solid #d4d4d4;padding-top:14px;min-width:0}.portfolio-home-list>li>a{font-weight:700;font-size:17px}.portfolio-home-list ul{padding:6px 0 0!important;list-style:none;display:flex;flex-wrap:wrap;gap:2px 14px}.portfolio-home-list ul a{font-size:13px;line-height:1.7;font-weight:400}.portfolio-home-list a{color:inherit;text-decoration:none;overflow-wrap:anywhere}.portfolio-home-list a:hover{text-decoration:underline;color:#a51f2a}.portfolio-admin{min-width:0}.portfolio-admin .toolbar h1{font-size:30px}.portfolio-admin .toolbar .form-actions{margin:0}.portfolio-filters{display:flex;align-items:end;gap:14px;margin:20px 0}.portfolio-filters label{display:grid;gap:6px;min-width:0}.portfolio-filters button{height:42px}.portfolio-table-wrap{overflow:auto;border:1px solid #383b44;border-radius:6px}.portfolio-table{width:100%;border-collapse:collapse;font-size:13px;min-width:800px}.portfolio-table th,.portfolio-table td{padding:13px 12px;border-bottom:1px solid #383b44;text-align:left;background:transparent!important;color:inherit!important}.portfolio-table th{font-size:12px;text-transform:uppercase}.portfolio-row-name{display:flex;align-items:center;gap:12px;min-width:200px}.portfolio-row-name img{width:64px;height:42px;object-fit:contain;background:#fff;border:1px solid #555;flex:none}.portfolio-row-name small{display:block;margin-top:4px;color:inherit;opacity:.7}.portfolio-row-actions{display:flex;gap:14px;white-space:nowrap}.portfolio-admin a{color:inherit}.portfolio-editor{padding:22px 0;border-top:1px solid #383b44}.portfolio-edit-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.portfolio-edit-heading h2{font-size:24px;margin:0}.portfolio-editor .form-grid{gap:20px}.portfolio-editor input:not([type=checkbox]),.portfolio-editor select,.portfolio-editor textarea{max-width:100%;box-sizing:border-box}.portfolio-image-editor{border-top:1px solid #383b44;padding-top:20px;display:grid;gap:14px}.portfolio-image-editor h3{font-size:18px;margin:0}.portfolio-image-editor img{width:280px;max-width:100%;height:175px;object-fit:contain;background:#fff}.portfolio-gallery-edit{display:flex;gap:20px;align-items:center}.portfolio-import{margin:24px 0}.portfolio-import form{margin-top:16px}.portal-light .portfolio-table-wrap,.portal-light .portfolio-table td,.portal-light .portfolio-table th,.portal-light .portfolio-editor,.portal-light .portfolio-image-editor{border-color:#ddd}
.portfolio-card>.portfolio-screen{aspect-ratio:22/10;background:#fff}.portfolio-public a:focus-visible{outline:3px solid #a51f2a;outline-offset:4px}.portfolio-detail-copy,.portfolio-card-body,.portfolio-app-row{overflow-wrap:anywhere;letter-spacing:0}
.portfolio-admin{--portfolio-field:#1b1e25;--portfolio-text:#f4f5f8;--portfolio-muted:#c5cbd5;--portfolio-line:#626978;--portfolio-hover:#303641;--portfolio-focus:#ff9ca5;color:var(--portfolio-text)}
.portal-light .portfolio-admin{--portfolio-field:#fff;--portfolio-text:#171717;--portfolio-muted:#4b5563;--portfolio-line:#8c939e;--portfolio-hover:#eef0f4;--portfolio-focus:#a51f2a}
.portfolio-admin label,.portfolio-admin .eyebrow{color:var(--portfolio-muted)}
.portfolio-admin input:not([type=checkbox]):not([type=hidden]),.portfolio-admin select,.portfolio-admin textarea{background:var(--portfolio-field);color:var(--portfolio-text);border-color:var(--portfolio-line);color-scheme:dark}
.portal-light .portfolio-admin input,.portal-light .portfolio-admin select,.portal-light .portfolio-admin textarea{color-scheme:light}
.portfolio-admin input::placeholder,.portfolio-admin textarea::placeholder{color:var(--portfolio-muted);opacity:1}
.portfolio-admin .button-primary,.portfolio-admin .button-danger,.portfolio-admin button{color:#fff;background:#a8202e;border:1px solid #ce5360}
.portfolio-admin .button-primary:hover,.portfolio-admin .button-danger:hover,.portfolio-admin button:hover{background:#8d1925;color:#fff}
.portfolio-admin .button-secondary,.portfolio-admin input::file-selector-button{color:var(--portfolio-text);background:var(--portfolio-field);border:1px solid var(--portfolio-line)}
.portfolio-admin .button-secondary:hover,.portfolio-admin input::file-selector-button:hover{background:var(--portfolio-hover);color:var(--portfolio-text);border-color:var(--portfolio-focus)}
.portfolio-admin input::file-selector-button{padding:8px 12px;border-radius:4px;margin-right:12px;cursor:pointer;font:inherit}
.portfolio-admin :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--portfolio-focus);outline-offset:3px}
.portfolio-admin button:disabled{opacity:.55;cursor:not-allowed}
.portfolio-admin .form-actions{flex-wrap:wrap}.portfolio-admin .toolbar{flex-wrap:wrap}
.portfolio-archive-actions{margin:24px 0;padding-top:24px;border-top:1px solid var(--portfolio-line)}
.portfolio-row-actions{align-items:center}.portfolio-row-actions form{margin:0}.portfolio-row-actions button{min-height:36px;padding:6px 10px;font-size:13px}
.portfolio-view-tabs{display:flex;gap:24px;margin-top:24px;border-bottom:1px solid var(--portfolio-line)}
.portfolio-view-tabs a{padding:10px 0;text-decoration:none;border-bottom:3px solid transparent}
.portfolio-view-tabs a[aria-current=page]{border-color:var(--portfolio-focus);font-weight:700}
.portfolio-admin .notice{background:#173b30;color:#e3f6ed;border-color:#527567}.portal-light .portfolio-admin .notice{background:#eaf5ef;color:#214f3a;border-color:#9fbca9}
.portfolio-admin .error{background:#4b2029;color:#ffe4e8;border-color:#be6879}.portal-light .portfolio-admin .error{background:#fff0f2;color:#861c30;border-color:#ce8c99}
@media(max-width:900px){.portfolio-grid,.portfolio-home-list{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-app-row{grid-template-columns:220px minmax(0,1fr)}.portfolio-detail-heading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.portfolio-section{padding:24px 16px 32px}.portfolio-grid,.portfolio-home-list,.portfolio-gallery,.portfolio-app-row{grid-template-columns:1fr}.portfolio-detail-heading h1{font-size:29px}.portfolio-section-title{font-size:26px!important}.portfolio-filters{flex-wrap:wrap}.portfolio-admin .toolbar{align-items:flex-start;gap:14px}.portfolio-edit-heading{gap:14px}.portfolio-gallery-edit{flex-direction:column;align-items:flex-start}.portfolio-card-body{padding:18px}.portfolio-home-list{gap:14px}}
