:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--box-shadow: rgba(0, 0, 0, .1) 0px 1px 2px 0px;--box-shadow-hover: rgba(0, 0, 0, .4) 0px 1px 2px 0px;--bg-dark: #343434;--foreground-gray: #ebebeb;--text-color: #1a1a1a;--space-sm: 4px;--space-md: 8px;--space-lg: 16px;--space-xl: 32px;--grid-max-w: 980px;--grid-min-w: 320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;justify-content:center;background-color:#ebebeb;min-height:100vh;padding-bottom:var(--space-xl)}ol,ul{padding-left:var(--space-lg)}hr{border-color:var(--foreground-gray)}#root{width:100%;display:flex;flex-direction:column}img{max-width:100%}.container{max-width:980px;min-width:320px;width:100%;margin:0 auto;padding:0 var(--space-lg)}.column{display:flex;flex-direction:column;gap:var(--space-xl)}h1{font-size:2.2em;line-height:1.2;color:var(--text-color)}a{text-decoration:none}.card{display:flex;flex-direction:column;gap:var(--space-lg);background-color:#fff;padding:var(--space-lg);border-radius:var(--space-sm);box-shadow:var(--box-shadow);transition:all .2s ease-in;width:100%;box-sizing:border-box}.card-w-h:hover{box-shadow:var(--box-shadow-hover)}.article h1{font-weight:800}.article:hover h1{text-decoration:underline}a:hover p{text-decoration:none}a,a:hover{color:var(--text-color)}.article-container{display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.back{display:flex;gap:var(--space-sm)}.back:hover{text-decoration:underline}.read-more{text-align:right;text-decoration:underline}.byline-link{display:flex;align-items:center;gap:var(--space-lg);font-weight:500;border-radius:var(--space-sm);transition:all .2s}.byline-link:hover{background-color:#f5f5f5}.byline-link img{max-width:64px;border-radius:4px}.home-link{color:#fff}.grid{display:flex;gap:16px;justify-content:start;align-items:start}.main{flex-basis:65%}.side{gap:16px;display:flex;justify-content:start;align-items:start;flex-basis:35%;flex-direction:column}.article-top{display:flex;justify-content:space-between;align-items:center}.loading{width:100%;background-color:#e9e9e9;height:24px;margin:8px 0}.grid-container{display:grid;grid-template-columns:65% 35%;gap:var(--space-lg)}.left-column,.right-column{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-lg)}@media only screen and (max-width: 580px){.grid-container{grid-template-columns:100%}.left-column{order:2}.right-column{order:3}.right-column.home{order:1}.author-name{font-size:1.4em}}.article-loading{display:flex;flex-direction:column;min-height:275px;animation:pulse 4.5s linear;animation-iteration-count:infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.article{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.header{position:sticky;top:0;margin-bottom:var(--space-lg);z-index:99}.header-top{background-color:var(--bg-dark);color:#fefcfb;padding:var(--space-md) 0;font-weight:700}.header p{font-size:.8em}.header h1{font-size:1.2em;line-height:.2;color:#fefcfb;margin-left:var(--space-md)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{width:36px}.home-link{display:flex;align-items:center;gap:var(--space-sm)}.menu{position:relative;background-color:#fff;box-shadow:var(--box-shadow);z-index:99}.menu-wrapper{display:flex;font-weight:600;text-transform:uppercase}.menu-wrapper a{padding:var(--space-lg);border-bottom:3px solid transparent}.menu-wrapper a.active{background-color:var(--foreground-gray);border-bottom:3px solid #e9c46a}.slop{animation:rainbow 12.5s linear;animation-iteration-count:infinite;font-size:12px}@media only screen and (max-width: 580px){.header h1{font-size:.95em}.home-link{gap:2px}.logo{width:28px}.menu-wrapper a{padding:var(--space-md);font-size:12px}}@keyframes rainbow{to,0%{color:red}8%{color:#ff7f00}16%{color:#ff0}25%{color:#7fff00}33%{color:#0f0}41%{color:#00ff7f}50%{color:#0ff}58%{color:#007fff}66%{color:#00f}75%{color:#7f00ff}83%{color:#f0f}91%{color:#ff007f}}.share-btn{display:flex;justify-content:center;align-items:center;gap:var(--space-md);font-size:16px;background-color:transparent;outline:none;border:none;color:var(--text-color)}.share-btn:hover{text-decoration:underline;cursor:pointer}.author{display:flex;justify-content:center;align-items:center;gap:16px;background-color:#fff;border-radius:4px;overflow:hidden}.author img{display:flex}.author-content{padding-right:16px}@media only screen and (max-width: 580px){.author{flex-direction:column}.author-content{padding:0 16px 16px}}.ad{position:relative;z-index:0;width:100%;line-height:0;padding:var(--space-md);background-color:#fff;border-radius:var(--space-sm);box-shadow:var(--box-shadow);overflow:hidden}.ad img{max-width:100%;width:100%}.ad span{position:absolute;bottom:0;right:0;background-color:#fff;padding:4px;line-height:1}.ltte-container{display:flex;flex-direction:column;padding-bottom:var(--space-lg);width:100%}.ltte-container h3{position:sticky;display:flex;gap:var(--space-md);align-items:center;top:0;margin:0;border-bottom:4px solid #40798c;padding:0 0 var(--space-md);background-color:#fff;-webkit-user-select:none;user-select:none}.ltte-container a{border-bottom:1px solid #ebebeb;padding-bottom:var(--space-lg)}.ltte-container a:hover{text-decoration:underline}.ltte-container a:last-child{border:none;padding-bottom:0}.ltte{display:flex;align-items:center;gap:var(--space-lg)}.most-read-container{display:flex;flex-direction:column;width:100%;gap:var(--space-lg)}.most-read-container h3{position:sticky;display:flex;gap:var(--space-md);align-items:center;top:0;margin:0;border-bottom:4px solid #40798c;padding:0 0 var(--space-md);background-color:#fff;-webkit-user-select:none;user-select:none}.most-read-container a:hover{text-decoration:underline}.most-read{display:flex;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--foreground-gray);padding-bottom:var(--space-md)}.most-read:last-child{border:none}.most-read:last-child a{padding-bottom:0}