@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700;800&display=swap');
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--bg-primary:#fbf1c7;--bg-secondary:#f2e5bc;--bg-card:#fdf8e2;--bg-card-hover:#ffffff;--text-primary:#282828;--text-secondary:#665c54;--text-muted:#928374;--accent-red:#cc241d;--accent-green:#79740e;--accent-yellow:#d79921;--accent-blue:#076678;--accent-purple:#8f3f71;--accent-aqua:#427b58;--accent-orange:#af3a03;--tag-bg-1:#e9f0e8;--tag-text-1:#427b58;--tag-bg-2:#f9ebea;--tag-text-2:#cc241d;--tag-bg-3:#fcf4e4;--tag-text-3:#b57614;--tag-bg-4:#f4eaee;--tag-text-4:#8f3f71;--border-color:#ebdbb2;--border-strong:#d5c4a1;--shadow-soft:0 8px 24px rgba(60,56,54,0.05),0 2px 6px rgba(60,56,54,0.03);--shadow-hover:0 16px 36px rgba(60,56,54,0.1),0 4px 12px rgba(60,56,54,0.05);--font-heading:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'Fira Code',monospace;--radius-card:16px;--radius-btn:10px;--radius-pill:9999px;--transition:all 0.25s cubic-bezier(0.16,1,0.3,1);}*,*::before,*::after{box-sizing:border-box;}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:1.05rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}a{color:var(--accent-orange);text-decoration:none;transition:var(--transition);}a:hover{color:var(--accent-red);text-decoration:underline;}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25;margin-top:0;}img{max-width:100%;height:auto;}.site-wrapper{min-height:100vh;display:flex;flex-direction:column;}.container{max-width:1080px;margin:0 auto;padding:0 24px;width:100%;}.site-header{position:sticky;top:0;z-index:100;background:rgba(251,241,199,0.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:16px 0;transition:var(--transition);}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;}.site-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}.site-logo:hover{text-decoration:none;}.site-logo:hover .site-logo-title{color:var(--accent-orange);}.site-logo-details{display:flex;flex-direction:column;justify-content:center;}.site-logo-title{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:var(--text-primary);letter-spacing:-0.5px;line-height:1.1;transition:color 0.2s ease;}.site-logo-slogan{font-family:var(--font-body);font-size:0.76rem;font-weight:500;color:var(--text-muted);letter-spacing:0.1px;margin-top:2px;}.site-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--accent-orange),var(--accent-yellow));color:#ffffff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 4px 12px rgba(175,58,3,0.25);flex-shrink:0;}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;}.main-nav a{padding:8px 16px;border-radius:var(--radius-btn);color:var(--text-secondary);font-family:var(--font-heading);font-weight:600;font-size:0.95rem;}.main-nav a:hover,.main-nav a.is-active{background-color:var(--bg-secondary);color:var(--accent-orange);text-decoration:none;}@media (max-width:768px){.site-header{padding:12px 0;}.site-header-inner{flex-direction:column;align-items:flex-start;gap:12px;}.site-logo-slogan{font-size:0.72rem;}.main-nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}.main-nav::-webkit-scrollbar{display:none;}.main-nav ul{flex-wrap:nowrap;white-space:nowrap;gap:6px;}.main-nav a{padding:6px 12px;font-size:0.88rem;flex-shrink:0;}}.header-actions{display:flex;align-items:center;gap:12px;}.btn-header-login{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 18px;border-radius:var(--radius-btn);font-family:var(--font-heading);font-weight:600;font-size:0.9rem;}.btn-header-login:hover{background-color:var(--accent-orange);color:#ffffff;border-color:var(--accent-orange);text-decoration:none;}.hero-banner{padding:48px 0 24px;}.hero-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border:1px solid var(--border-color);border-radius:20px;padding:36px 40px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;}.hero-card::after{content:'';position:absolute;top:-50%;right:-10%;width:250px;height:250px;background:radial-gradient(circle,rgba(215,153,33,0.15) 0%,rgba(251,241,199,0) 70%);pointer-events:none;}.hero-title{font-size:2.2rem;margin:0;letter-spacing:-0.5px;color:var(--text-primary);}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0;max-width:680px;}.main-content{flex:1;padding:32px 0 64px;}.section-heading{font-size:1.4rem;margin-bottom:24px;display:flex;align-items:center;gap:10px;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:12px;}.articles-feed{display:flex;flex-direction:column;gap:28px;}.article-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:28px;box-shadow:var(--shadow-soft);transition:var(--transition);display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;}@media (max-width:768px){.article-card{grid-template-columns:1fr;padding:20px;gap:20px;}}.article-card:hover{background-color:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:var(--shadow-hover);transform:translateY(-3px);}.article-card-media{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background-color:var(--bg-secondary);}.article-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.article-card:hover .article-card-media img{transform:scale(1.04);}.article-card-content{display:flex;flex-direction:column;gap:12px;}.article-card-meta{display:flex;align-items:center;gap:12px;font-size:0.88rem;color:var(--text-muted);}.article-author{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-secondary);}.article-author-avatar{width:22px;height:22px;border-radius:50%;background-color:var(--accent-orange);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;}.article-card-title{font-size:1.5rem;margin:0;line-height:1.3;}.article-card-title a{color:var(--text-primary);}.article-card-title a:hover{color:var(--accent-orange);text-decoration:none;}.article-card-summary{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;}.tags-list,.tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;}.tags-list .field__label,.tags-container .field__label,.field--tags__label{display:none !important;}.tags-list ul,.tags-list div,.field--tags ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;}.source-credits-box{background-color:rgba(235,219,178,0.35);border:1px solid var(--border-color);border-left:4px solid var(--accent-orange);border-radius:8px;padding:10px 14px;margin:16px 0 20px 0;font-size:0.84rem;color:var(--text-secondary);}.source-credits-box h3{font-size:0.9rem !important;margin:0 0 6px 0 !important;color:var(--text-primary) !important;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:0.04em;}.source-credits-box ul{margin:0 !important;padding-left:18px !important;}.source-credits-box li{margin-bottom:3px !important;font-size:0.84rem !important;}hr{border:0;height:1px;background-color:var(--border-color);margin:28px 0;}.table-wrapper{width:100%;overflow-x:auto;margin:24px 0;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-secondary);}table.cozy-table{width:100%;border-collapse:collapse;font-size:0.88rem;text-align:left;}table.cozy-table th{background-color:rgba(235,219,178,0.75);color:var(--text-primary);font-family:var(--font-heading);font-weight:700;padding:12px 14px;border-bottom:2px solid var(--border-strong);}table.cozy-table td{padding:10px 14px;border-bottom:1px solid var(--border-color);color:var(--text-primary);line-height:1.45;}table.cozy-table tr:last-child td{border-bottom:none;}table.cozy-table tr:nth-child(even){background-color:rgba(251,241,199,0.45);}.tag-badge,.tag-badge a,.tags-list a,.field--tags a,.field--tags__item a{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-pill);font-size:0.76rem;font-family:var(--font-body);font-weight:500;background-color:rgba(235,219,178,0.55);color:var(--text-secondary) !important;border:1px solid var(--border-color);transition:var(--transition);text-decoration:none !important;opacity:0.82;}.tag-badge:hover,.tag-badge a:hover,.tags-list a:hover,.field--tags a:hover,.field--tags__item a:hover{background-color:var(--bg-secondary);color:var(--accent-orange) !important;border-color:var(--border-strong);opacity:1;}.full-article-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:44px;box-shadow:var(--shadow-soft);}@media (max-width:768px){.full-article-container{padding:24px;}}.full-article-header{margin-bottom:32px;border-bottom:1px solid var(--border-color);padding-bottom:24px;}.full-article-title{font-size:2.5rem;margin-bottom:16px;letter-spacing:-0.5px;}@media (max-width:768px){.full-article-title{font-size:1.8rem;}}.full-article-hero-image{margin:28px 0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft);}.image-credit-caption{font-size:0.85rem;color:var(--text-muted);font-style:italic;padding:8px 14px;background-color:var(--bg-secondary);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:1px solid var(--border-color);border-top:none;}.full-article-hero-image img{width:100%;max-height:480px;object-fit:cover;}.article-body-content{font-size:1.1rem;line-height:1.8;color:var(--text-primary);}.article-body-content p{margin-bottom:1.5rem;}.article-body-content h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid var(--border-subtle);padding-bottom:8px;color:var(--accent-orange);}.article-body-content h3{font-size:1.4rem;margin-top:1.75rem;margin-bottom:0.75rem;color:var(--accent-blue);}.article-body-content blockquote{margin:1.8rem 0;padding:18px 24px;background-color:var(--bg-secondary);border-left:5px solid var(--accent-orange);border-radius:0 12px 12px 0;font-style:italic;color:var(--text-secondary);}.article-body-content pre{background-color:#282828;color:#ebdbb2;padding:20px 24px;border-radius:12px;overflow-x:auto;font-family:var(--font-mono);font-size:0.95rem;line-height:1.6;box-shadow:var(--shadow-soft);margin:1.8rem 0;}.article-body-content code{background-color:var(--bg-secondary);color:var(--accent-red);padding:3px 8px;border-radius:6px;font-family:var(--font-mono);font-size:0.9em;}.article-body-content pre code{background-color:transparent;color:inherit;padding:0;}.article-body-content img{border-radius:12px;margin:1.5rem 0;box-shadow:var(--shadow-soft);}.article-body-content table{width:100%;border-collapse:collapse;margin:1.8rem 0;background-color:var(--bg-secondary);border-radius:10px;overflow:hidden;}.article-body-content th,.article-body-content td{padding:12px 16px;border-bottom:1px solid var(--border-color);text-align:left;}.article-body-content th{background-color:var(--border-color);font-family:var(--font-heading);font-weight:700;color:var(--text-primary);}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:40px 0;margin-top:auto;color:var(--text-secondary);font-size:0.95rem;}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}.footer-brand{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;}body.toolbar-tray-open.toolbar-horizontal{margin-top:79px !important;}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;}.main-nav ul{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}.main-nav a{white-space:nowrap;padding:5px 11px;border-radius:var(--radius-pill);font-size:0.82rem;font-weight:600;color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition);}.main-nav a:hover,.main-nav a.is-active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);text-decoration:none;}.pillar-block{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:24px;margin-bottom:32px;box-shadow:var(--shadow-soft);}.pillar-block-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--border-strong);}.pillar-block-travel .pillar-block-header{border-bottom-color:var(--accent-blue);}.pillar-block-hardware .pillar-block-header{border-bottom-color:var(--accent-orange);}.pillar-block-linux .pillar-block-header{border-bottom-color:var(--accent-purple);}.pillar-block-labs .pillar-block-header{border-bottom-color:var(--accent-aqua);}.pillar-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;}.pillar-desc{font-size:0.92rem;color:var(--text-secondary);margin:4px 0 0 0;}.btn-pillar-view-all{white-space:nowrap;font-weight:700;font-size:0.85rem;padding:6px 14px;border-radius:var(--radius-btn);background-color:var(--bg-primary);border:1px solid var(--border-strong);color:var(--text-primary);text-decoration:none;transition:var(--transition);}.btn-pillar-view-all:hover{background-color:var(--text-primary);color:var(--bg-primary);text-decoration:none;}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;}.pillar-grid .article-card{display:flex;flex-direction:column;grid-template-columns:none;padding:16px;gap:12px;height:100%;}.pillar-grid .article-card-media{width:100%;height:180px;aspect-ratio:auto;}.pillar-grid .article-card-media img{width:100%;height:100%;object-fit:cover;border-radius:10px;}.pillar-grid .article-card-content{width:100%;display:flex;flex-direction:column;flex:1;}.pillar-grid .article-card-title{font-size:1.15rem;margin:6px 0;line-height:1.35;}.pillar-grid .article-card-summary{font-size:0.88rem;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;}.pillar-grid .tags-list{margin-top:auto;}.weather-widget{margin:28px 0;}.weather-live-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-soft);}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px;}.weather-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin:0;}.weather-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;background:rgba(7,102,120,0.12);color:var(--accent-blue);border:1px solid var(--accent-blue);letter-spacing:0.5px;}.weather-current{font-size:1rem;color:var(--text-secondary);margin-bottom:16px;}.weather-table{width:100%;border-collapse:collapse;margin-top:8px;background:var(--bg-primary);border-radius:10px;overflow:hidden;}.weather-table th,.weather-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-color);font-size:0.95rem;}.weather-table th{background:var(--bg-secondary);font-weight:700;color:var(--text-primary);}.weather-footer{font-size:12px;color:var(--text-muted);margin-top:12px;text-align:right;}.weather-widget-loading{padding:16px;background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:12px;color:var(--text-secondary);font-weight:500;}.recently-updated-box{margin:32px 0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--shadow-soft);}.recently-updated-header{font-size:1.2rem;margin-top:0;margin-bottom:14px;color:var(--accent-orange);border-bottom:1px solid var(--border-subtle);padding-bottom:10px;display:flex;align-items:center;gap:8px;}.recently-updated-list{list-style:none;padding:0;margin:0;}.recently-updated-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px dashed var(--border-subtle);}.recently-updated-item:last-child{border-bottom:none;padding-bottom:0;}.recently-updated-link{font-size:0.98rem;font-weight:500;color:var(--text-primary);text-decoration:none;transition:color 0.2s ease;}.recently-updated-link:hover{color:var(--accent-blue);text-decoration:underline;}.recently-updated-date{font-size:0.82rem;color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono);background:var(--bg-secondary);padding:3px 9px;border-radius:6px;border:1px solid var(--border-subtle);}@media (max-width:600px){.recently-updated-item{flex-direction:column;align-items:flex-start;gap:4px;}}