:root{--color-primary:#0f766e;--color-accent:#0d9488;--color-secondary:#475569;--color-background:#fff;--color-surface:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-border:#e2e8f0;--transition-fast:150ms ease-out;--transition-normal:200ms ease-out;--radius-card:8px;--max-line:70ch}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-background);min-height:100dvh;display:flex;flex-direction:column}body>article.article-page,body>main{flex:1 1}.header{border-bottom:1px solid var(--color-border);background:var(--color-background)}.header__inner{max-width:720px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.header__logo{font-size:1.25rem;font-weight:700;color:var(--color-text);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.header__logo:hover{color:var(--color-primary)}.header__nav{display:flex;align-items:center;gap:1rem}.header__link{font-size:.9375rem;color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.header__link:hover{color:var(--color-accent)}.header__search{display:flex;align-items:center;gap:.5rem;flex:1 1;max-width:280px;margin:0 .5rem}.header__search-input{flex:1 1;min-width:0;padding:.4rem .75rem;font-size:.9375rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast)}.header__search-input::placeholder{color:var(--color-text-muted)}.header__search-input:focus{outline:none;border-color:var(--color-primary)}.header__search-btn{padding:.4rem .75rem;font-size:.9375rem;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-card);cursor:pointer;transition:background var(--transition-fast)}.header__search-btn:hover{background:var(--color-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:auto}.footer__inner{max-width:720px;margin:0 auto;padding:1.5rem 1rem;font-size:.875rem;color:var(--color-text-muted)}.footer__links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.footer__links a{color:var(--color-primary);text-decoration:none;cursor:pointer}.footer__links a:hover{color:var(--color-accent)}.footer__copy{margin:0}.feed{max-width:720px;margin:0 auto;padding:1.5rem 1rem}@media (min-width:768px){.feed{padding:2rem 1.5rem}}.feed__title{font-size:1.75rem;font-weight:700;line-height:1.25;margin:0 0 1.5rem;color:var(--color-text)}.feed__empty{padding:1.5rem 0}.feed__empty-text{margin:0 0 .75rem;color:var(--color-text-muted)}.feed__empty-link{color:var(--color-primary);text-decoration:none}.feed__empty-link:hover{text-decoration:underline}.card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.25rem;margin-bottom:1rem;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:0 4px 12px rgba(15,118,110,.08);border-color:var(--color-primary)}.card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card__title{font-size:1.15rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;color:var(--color-primary)}.card:hover .card__title{color:var(--color-accent)}.card__lead{font-size:.9375rem;line-height:1.5;color:var(--color-text);margin:0 0 .75rem}.card__meta{font-size:.875rem;color:var(--color-text-muted);margin:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.card--with-image{overflow:hidden;padding-top:0}.card--with-image .card__image-wrap{display:block;width:calc(100% + 2.5rem);margin:0 -1.25rem 1rem;background:var(--color-border);border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden}.card__image{object-fit:cover}.card__image,.card__image-placeholder{display:block;width:100%;aspect-ratio:16/9;background:var(--color-border)}.card:not(.card--with-image) .card__image-wrap{display:none}.btn{display:inline-block;padding:.5rem 1rem;min-height:44px;min-width:44px;font-size:1rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-card);cursor:pointer;text-decoration:none;transition:background var(--transition-fast),opacity var(--transition-fast)}.btn:hover{background:var(--color-primary)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.article-page{max-width:var(--max-line);margin:0 auto;padding:1.5rem 1rem}@media (min-width:768px){.article-page{padding:2rem 1.5rem}}.article-page__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.article-page__back{display:inline-flex;align-items:center;gap:.25rem;font-size:.9375rem;color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.article-page__back:hover{color:var(--color-accent)}.article-page__meta{font-size:.875rem;color:var(--color-text-muted);margin:0}.article-page__title{font-size:1.75rem;font-weight:700;line-height:1.25;margin:0 0 1rem;color:var(--color-text)}@media (min-width:768px){.article-page__title{font-size:2rem}}.article-page__body{font-size:1rem;line-height:1.7;color:var(--color-text)}.article-page__body p{margin:0 0 1rem}.article-page__body p:last-child{margin-bottom:0}.article-page__body a{color:var(--color-primary);text-decoration:underline}.article-page__body a:hover{color:var(--color-accent)}.article-page__cover{display:block;background:var(--color-border);object-fit:cover}.article-page__cover,.article-page__cover-placeholder{width:100%;aspect-ratio:16/9;margin-bottom:1.5rem;border-radius:var(--radius-card)}.article-page__cover-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px dashed var(--color-border)}.article-page__cover-placeholder-text{font-size:.9375rem;color:var(--color-text-muted)}.article-cta{margin-top:2rem;padding:1.5rem;background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border)}.article-cta__title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.article-cta__text{font-size:.9375rem;color:var(--color-text-muted);margin:0 0 1rem}.article-cta .btn{min-width:auto}.pagination{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.5rem}.pagination,.pagination__btn{align-items:center;justify-content:center}.pagination__btn{display:inline-flex;min-width:44px;min-height:44px;padding:0 .75rem;font-size:.9375rem;color:var(--color-primary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.pagination__btn:hover{border-color:var(--color-primary);background:var(--color-surface)}.pagination__btn--current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination__btn--current:hover{background:var(--color-accent)}.pagination__btn--disabled,.pagination__btn:disabled{opacity:.5;cursor:default;pointer-events:none}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:0 .25rem;color:var(--color-text-muted);font-size:.9375rem}.pagination__info{width:100%;margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--color-text-muted)}