header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1em;padding:0 20px;border-bottom:1px solid var(--border)}header h1{margin-bottom:0}header h1 a:link,header h1 a:visited,header h1 a:active{color:var(--text)}header h1 a:focus,header h1 a:hover{background:none;color:var(--text)}header nav ul{display:flex;flex-wrap:wrap;gap:1em;list-style:none;padding-left:0;margin-bottom:0}header nav ul li{margin-bottom:0}footer{text-align:center;padding:10px 0;margin-top:40px;border-top:1px solid var(--border)}main{padding:30px 0}section{padding:30px 0;border-top:1px solid var(--border)}section section{padding:0;border-top:none}:is(main,section):has(>article){display:grid;grid-template-columns:repeat(auto-fit, minmax(min(320px,100%), 1fr));gap:20px}:is(main,section):has(>article)>:not(article){grid-column:1/-1}article{display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface);border:1px solid var(--card-border);box-shadow:0 2px 5px var(--shadow);transition:transform .3s ease,box-shadow .3s ease}article:hover{transform:translateY(-5px);box-shadow:0 8px 15px var(--shadow-hover)}article img{width:100%;height:180px;object-fit:cover}article h3{padding:15px 20px 5px;margin-bottom:0}article p{flex-grow:1;padding:0 20px 15px;font-size:.9em}article>a:last-child{display:block;margin-top:auto;padding:12px;text-align:center;font-weight:bold;text-decoration:none;overflow-wrap:anywhere}article>a:last-child:link,article>a:last-child:visited,article>a:last-child:active{color:var(--on-accent);background-color:var(--accent)}article>a:last-child:focus,article>a:last-child:hover{color:var(--on-accent);background-color:var(--accent-hover)}a{text-decoration:underline}a:link{color:var(--link)}a:visited{color:var(--link-visited)}a:focus,a:hover{text-decoration:none;color:var(--bg);background:var(--link)}a:active{color:var(--link);background:var(--bg)}h1,h2,h3,h4{margin-bottom:.4em}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.1em}ul,ol{padding-left:2em;margin-bottom:1em}li{margin-bottom:.4em}img{display:block;max-width:100%;height:auto}label{display:flex;flex-direction:column;margin-bottom:.4em}input,textarea,button{font:inherit}textarea{width:100%;resize:vertical}button{padding:2px 8px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light dark;--bg: #fff;--surface: #fff;--text: #222;--muted: #666;--border: #aaa;--card-border: #ddd;--link: #00e;--link-visited: #70f;--accent: #2c3e50;--accent-hover: #3498db;--on-accent: #fff;--shadow: rgba(0,0,0,.1);--shadow-hover: rgba(0,0,0,.15);--code-bg: #f4f5f7}@media (prefers-color-scheme: dark){html{--bg: #16181c;--surface: #1f2228;--text: #e4e6ea;--muted: #9aa0a8;--border: #4a4f57;--card-border: #33373e;--link: #8ab4ff;--link-visited: #c3a6ff;--accent: #3a4a5c;--accent-hover: #3498db;--on-accent: #fff;--shadow: rgba(0,0,0,.4);--shadow-hover: rgba(0,0,0,.6);--code-bg: #262a31}}body{display:grid;grid-template-columns:1fr min(960px,100% - 40px) 1fr;align-content:start;font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:var(--text);background-color:var(--bg)}body>*{grid-column:2}body>header,body>footer{grid-column:1/-1}