/* Secondary pages share the studio's existing palette and working window chrome. */
body.desktop-secondary,body.desktop-secondary main *{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal}
.desktop-page-shell{width:min(1300px,calc(100% - 40px));margin:30px auto 60px;min-height:60vh}
body.desktop-secondary .desktop-page-shell>.section{margin:0;max-width:none;width:100%;min-height:0}
body.desktop-secondary .desktop-page-shell>.section.is-expanded{width:auto;max-width:none}
body.desktop-secondary .desktop-page-shell .window-content{padding:clamp(22px,4vw,48px)}
body.desktop-secondary main h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 25px;color:#202326}
body.desktop-secondary main p,body.desktop-secondary main li{color:#343c42;font-size:16px;line-height:1.75}
body.desktop-secondary .about-page p{max-width:82ch;margin:0 0 24px}
body.desktop-secondary .about-page .about-lead{font-size:clamp(20px,2.4vw,28px);line-height:1.5;color:#202326}
body.desktop-secondary .about-links{gap:14px;margin:30px 0}
body.desktop-secondary .section-meta{color:#343c42;margin-bottom:30px}
body.desktop-secondary .section-heading{gap:24px;align-items:start;margin-bottom:28px}
body.desktop-secondary .section-heading p{max-width:52ch;margin:0}
body.desktop-secondary .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.desktop-secondary .project-card{background:#f8f8f5;color:#202326;border:1px solid #9ca2a4;border-radius:0;box-shadow:inset 1px 1px #fff,0 5px 12px #29303912;padding:24px;min-width:0}
body.desktop-secondary .project-card:hover{background:#fff;transform:translateY(-2px);border-color:#3975a7}
body.desktop-secondary .project-card h3{font-size:23px;line-height:1.3;margin:20px 0 14px;font-weight:700;color:#173d70}
body.desktop-secondary .project-card h3 a{color:inherit}
body.desktop-secondary .project-card p{font-size:15px;line-height:1.65}
body.desktop-secondary .card-top,body.desktop-secondary .card-bottom{color:#46515b;font-size:11px;line-height:1.5}
body.desktop-secondary .project-status{background:#e3e8ed;color:#173d70;border:1px solid #acb8c0;font-size:11px;line-height:1.5;padding:4px 7px;border-radius:0}
body.desktop-secondary .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
body.desktop-secondary .search{flex:1 1 200px;min-width:0;margin:0}
body.desktop-secondary .search input{width:100%;min-height:44px;border:2px solid;border-color:#777 #fff #fff #777;border-radius:0;background:#fff;color:#202326;padding:10px 12px;font-size:14px}
body.desktop-secondary[data-opening-preview="computer"] .window-content .button,
body.desktop-secondary[data-opening-preview="computer"] .filters button,
body.desktop-secondary[data-opening-preview="computer"] .card-bottom a,
body.desktop-secondary[data-opening-preview="computer"] .card-bottom button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 14px;background:#d4d4d4;color:#1d252d;border:2px solid;border-color:#fff #666 #666 #fff;border-radius:0;box-shadow:2px 2px #777;font:700 13px/1.4 Tahoma,Arial,sans-serif;white-space:normal;text-decoration:none;transform:none}
body.desktop-secondary[data-opening-preview="computer"] .filters button.selected{background:#c5d5e4;color:#173d70;border-color:#666 #fff #fff #666;box-shadow:none}
body.desktop-secondary[data-opening-preview="computer"] .window-content .button:hover,
body.desktop-secondary[data-opening-preview="computer"] .filters button:hover,
body.desktop-secondary[data-opening-preview="computer"] .card-bottom a:hover,
body.desktop-secondary[data-opening-preview="computer"] .card-bottom button:hover{background:#ebebeb;color:#173d70;box-shadow:2px 2px #777;transform:none}
body.desktop-secondary .card-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.desktop-secondary .card-bottom a,body.desktop-secondary .card-bottom button{margin-left:auto}
body.desktop-secondary .window-restore{max-width:1300px;margin:12px auto;padding:12px 20px;background:transparent}
body.desktop-secondary main a:not(.button):focus-visible{outline:3px solid #123c68;outline-offset:4px}
@media(max-width:1100px){body.desktop-secondary .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.desktop-page-shell{width:calc(100% - 24px);margin:20px auto 40px}body.desktop-secondary .desktop-page-shell .window-content{padding:22px 16px}body.desktop-secondary .project-grid{grid-template-columns:1fr}body.desktop-secondary .project-card{padding:22px}body.desktop-secondary .section-heading{display:block}body.desktop-secondary .filters button{flex:1 1 42%}body.desktop-secondary .search{flex-basis:100%}body.desktop-secondary .about-links{display:flex;flex-wrap:wrap}body.desktop-secondary main h1{font-size:32px}}

/* Each project is an independent desktop window, including after filtering. */
body.desktop-secondary .desktop-page-shell>.desktop-window:hover{transform:none}
body.desktop-secondary .project-grid{align-items:start}
body.desktop-secondary .project-card.desktop-window{padding:0;display:block}
body.desktop-secondary .project-card.desktop-window>.window-content{padding:22px}
body.desktop-secondary .project-card.desktop-window.is-expanded{z-index:110}
body.desktop-secondary .window-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.desktop-secondary .window-actions{align-self:flex-start}
body.desktop-secondary .project-card.desktop-window.is-expanded>.window-content{max-width:80ch;margin:auto}