body{margin:0;font:16px/1.6 Arial,sans-serif;background:#faf9f6;color:#242424}
main,header{max-width:1100px;margin:auto;padding:24px}
a{color:inherit}
nav{display:flex;gap:16px;flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.art{background:white;border:1px solid #ddd;padding:16px;border-radius:12px}
.art img{width:100%;height:230px;object-fit:contain}
.art h2{font-size:20px}
.art a{text-decoration:none}
.art p{margin:8px 0}
a:focus-visible{outline:3px solid #766744}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
main,header{padding:16px}
.art{padding:10px}
.art img{height:170px}
}
html.pg-light-mode *,html.pg-light-mode *::before,html.pg-light-mode *::after{
animation:none!important;
transition:none!important;
scroll-behavior:auto!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
}
html.pg-light-mode{scroll-behavior:auto!important}
.pg-light-mode-controls{padding:16px;text-align:center;clear:both}
#pg-light-mode-button{font:inherit;font-size:13px;color:#252525;background:#fff;border:1px solid #bdbdbd;border-radius:8px;padding:9px 14px;cursor:pointer;min-height:40px}
#pg-light-mode-button:focus-visible{outline:3px solid #766744;outline-offset:3px}