:root{--bg:rgb(18, 21, 23);--bgSoft:rgb(27, 34, 44);--bgHighlight:hsl(359, 58%, 25%);--bgHighlightHover:hsl(359, 58%, 30%);--text:#c9c9c9;--textHighlight:#ffffff;--textHighlightHover:hsl(359, 58%, 50%);--link:#ffffff;--textSuperHover:hsl(359, 58%, 70%);--textSoft:#888888;--contrastGradient:linear-gradient(180deg, var(--bgSoft) 0, var(--bg) 100%);--font:'Roboto', sans-serif;--fontHighlight:'Playfair Display', serif;--fontSuper:'Cinzel Decorative', serif;--f1:1.8rem;--f2:1.5rem;--f3:1.2rem;--f4:1.1rem;--f5:1rem;--f6:0.875rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--f5)}html{scroll-behavior:smooth}.site-header{margin-top:55px;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;height:300px;display:flex;align-items:center;justify-content:center;h1 { text-align: center; }}hr{border-color:rgba(255,255,255,5%);border-width:1px}p a{color:var(--link);text-decoration:underline}.container{width:90%;max-width:1200px;margin:0 auto}.content{padding:20px 0;max-width:750px}.bg2{padding:20px 0;background-color:var(--bgSoft)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1}.site-footer{padding:30px 0;margin-top:30px;width:100%;display:flex;justify-content:space-between;background:var(--contrastGradient);>.container { display: flex; justify-content: space-between; align-items: center; }}.footer-links{list-style:none;display:flex;gap:10px;font-size:var(--f6);a { color: var(--text); font-weight: 200; }}.social{margin-top:10px;display:flex;justify-content:center;gap:15px}.social-icon{display:inline-block;transition:transform .3s ease-in-out;svg { width: 32px !important; height: 32px !important; stroke: var(--text) !important; fill: var(--text) !important; stroke-width: 1 !important; }}.social-icon:hover{transform:scale(1.1)}.btn{display:inline-block;padding:10px 20px;background-color:var(--bgHighlight);color:var(--textHighlight);text-decoration:none;border-radius:5px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.75);transition:background-color .3s,transform .3s,box-shadow .3s}.btn:hover{background-color:var(--bgHighlightHover);color:var(--textHighlight);transform:translateY(-2px);box-shadow:0 4px 9px rgba(0,0,0,.75)}.btn-simple{display:inline-block;color:var(--link);text-decoration:underline}.btn-simple:hover{color:var(--textHighlightHover)}.site-nav{position:fixed;top:0;left:0;z-index:1000;padding:6px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;background:var(--contrastGradient);flex-flow:row wrap;box-shadow:0 4px 9px rgba(0,0,0,.75);>.container { display: flex; justify-content: space-between; align-items: center; }}.site-nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none;img { height: 40px; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.75); border-radius: 50%; } strong { font-weight: 700; color: var(--textHighlight); }}a{color:var(--textHighlight);text-decoration:none;transition:color .3s}a:hover{color:var(--textHighlightHover)}.logo img{height:50px}.site-name{color:var(--textHighlight);transition:color .3s}.site-name:hover{color:var(--textHighlightHover)}.menu{list-style:none;display:flex;align-items:center;gap:20px}.menu li{display:inline-block}.menu a{font-weight:700}@media(min-width:768px){.menu-toggle{display:none}}@media(max-width:768px){.menu{display:none;flex-direction:column;position:absolute;top:60px;right:0;background:var(--bgSoft);width:200px;box-shadow:0 4px 9px rgba(0,0,0,.75);border-radius:5px;padding:10px;gap:10px}.menu li{text-align:center;width:100%;padding:10px 0}.menu.active{display:flex}.menu-toggle{display:block;background:0 0;border:none;font-size:28px;cursor:pointer;color:var(--textHighlight)}}h1{font-size:var(--f1);font-family:var(--fontHighlight);font-weight:700;color:var(--textHighlight);text-shadow:2px 2px 10px rgba(0,0,0,.8);z-index:2}h2{font-size:var(--f2);color:var(--textHighlight)}h3{font-size:var(--f3)}h4{font-size:var(--f4);color:var(--textHighlight)}h5{font-size:var(--f5);color:var(--textHighlight)}h6{font-size:var(--f6);color:var(--textSoft)}p{line-height:1.8}@media(max-width:768px){header{height:200px}h1{font-size:var(--f2)}}.pagination{text-align:center;margin:20px 0}.pagination a{display:inline-block;padding:8px 15px;margin:5px;background:#444;color:#fff;text-decoration:none;border-radius:5px}.pagination a:hover{background:#666}.pagination span{display:inline-block;padding:8px 15px;font-weight:700}.summary{margin:30px 0;background:var(--bgSoft);padding:20px;border-radius:8px}.breadcrumbs{ol { list-style: none; display: flex; flex-flow: row wrap; gap: 0.4rem; font-size: var(--f6); color: var(--textSoft); li { padding: 0.5rem; background-color: var(--bgSoft); a { color: var(--text); } } }}.single-post-meta{font-size:var(--f6);color:var(--textSoft);margin-top:1rem;display:flex;flex-flow:row wrap;gap:1rem;a { margin-right: 0.6rem; text-decoration: underline; font-weight: 200; }}.single-post-content{p { margin-bottom: 1rem; } h2, h3 { margin-top: 2rem; } hr { margin: 2rem 0; } ul, ol { margin-bottom: 1rem; margin-inline-start: 1.8rem; li { margin-bottom: 0.5rem; &:last-child { margin-bottom: 0; } } } img { max-width: 100%; }}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-flow:row;justify-content:start;align-self:start;justify-items:start;gap:20px}.post-card{background:var(--bgSoft);padding:15px;border-radius:8px;transition:transform .2s}.post-card:hover{transform:scale(1.02)}.post-thumbnail img{width:100%;height:auto;border-radius:6px}.post-content{display:flex;flex-flow:column nowrap;margin-top:1rem;h2, h3 { font-size: var(--f4); } time { font-size: var(--f6); color: var(--textSoft); } p { font-size: 0.9rem; line-height: 1.2; margin-top: 8px; } .btn-simple { align-self: flex-end; } img { aspect-ratio: 16/9; }}.post-meta{font-size:var(--f6);margin:15px 0;display:flex;flex-flow:column nowrap;gap:2px;span { color: var(--textSoft); } a { color: var(--text); font-weight: 200; } a:hover { color: var(--textHighlight); }}.pagination{margin-top:30px;display:flex;flex-flow:row wrap;justify-content:center;gap:5px;list-style:none;align-items:stretch;li.disabled { opacity: 0.5; pointer-events: none; } li.active a { background: var(--bgHighlight); }}.pagination a{display:inline-block;background:var(--bgSoft);border-radius:8px;height:100%;display:flex;align-items:center;justify-content:center;width:60px;text-align:center;font-size:var(--f6)}.pagination a:hover{background:var(--bgHighlight);cursor:pointer}