:root { --paper:#f3f4f3; --white:#fff; --ink:#181a1c; --muted:#62676b; --line:#d8dbdd; --panel:#e9ebeb; --live:#b82332; --sans:"Golos Text","Segoe UI",Arial,sans-serif; --serif:"Prata",Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.65 var(--sans); -webkit-font-smoothing:antialiased; }
h1,h2,h3,p { margin:0; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; cursor:pointer; }
button,a { -webkit-tap-highlight-color:transparent; }
button:disabled { cursor:default; opacity:.3; }
a:focus-visible,button:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
[hidden] { display:none!important; }
::selection { color:white; background:#3b4045; }
.svg-library { position:absolute; width:0; height:0; overflow:hidden; }
.wrap { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.brand-icon { width:22px; height:22px; flex-shrink:0; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:12px 18px; color:white; background:var(--ink); transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(243,244,243,.98); border-bottom:1px solid var(--line); }
.header-inner { height:82px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; font-family:var(--serif); font-size:30px; font-weight:400; line-height:1.15; letter-spacing:.11em; font-kerning:normal; }
.brand img { display:block; }
.desktop-nav { display:flex; gap:38px; }
.desktop-nav a { padding:16px 0; font-size:13px; border-bottom:1px solid transparent; }
.desktop-nav a:hover { border-color:var(--ink); }
.header-telegram { display:flex; align-items:center; gap:10px; min-height:44px; font-size:12px; }
.header-telegram > .icon { width:16px; }
.menu-toggle { display:none; width:44px; height:44px; border:1px solid var(--line); background:transparent; padding:11px; }
.menu-toggle span { display:block; height:1px; background:var(--ink); width:20px; margin:6px 0; transition:transform .2s; }
.menu-toggle[aria-expanded=true] span:first-child { transform:translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
.mobile-nav { padding-bottom:20px; }
.mobile-nav a { display:block; min-height:52px; padding:12px 0; border-top:1px solid var(--line); }
.hero { padding-top:30px; padding-bottom:26px; }
.hero-banner { position:relative; height:540px; display:grid; grid-template-columns:1.1fr 1fr; overflow:hidden; color:var(--white); background:#242628; }
.hero-copy { position:relative; z-index:2; padding:43px 60px; align-self:center; }
.hero-kicker { font-size:12px; text-transform:uppercase; letter-spacing:4px; color:#c3c7c8; margin-bottom:25px; }
h1 { font-family:var(--serif); font-size:clamp(48px,4.8vw,68px); line-height:1.2; letter-spacing:-1.6px; font-weight:400; }
.hero-years { font-size:12px; letter-spacing:4px; color:#c3c7c8; margin-top:23px; }
.hero-watch { display:inline-flex; gap:13px; align-items:center; min-height:44px; margin-top:22px; font-size:12px; color:#eef0f1; }
.hero-watch .icon:first-child { width:14px; height:14px; fill:currentColor; stroke:none; }
.hero-watch .icon:last-child { margin-left:14px; width:18px; transition:transform .2s; }
.hero-watch:hover .icon:last-child { transform:translateX(4px); }
.hero-watch:focus-visible { outline-color:white; }
.hero-photo { position:relative; min-width:0; }
.hero-photo img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:50% 33%; }
.hero-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#242628,transparent 27%); pointer-events:none; }
.ticker-shell { display:flex; align-items:center; height:58px; border-block:1px solid var(--line); }
.ticker-label { display:flex; align-items:center; gap:9px; padding-right:22px; border-right:1px solid var(--line); font-size:11px; text-transform:uppercase; letter-spacing:1.2px; flex-shrink:0; }
.status-dot { width:5px; height:5px; border-radius:50%; background:var(--ink); flex-shrink:0; }
.ticker { overflow:hidden; min-width:0; flex:1; margin:0 20px; }
.ticker-track { display:flex; width:max-content; }
.ticker-group { display:flex; align-items:center; gap:38px; padding-right:38px; white-space:nowrap; }
.ticker-item { display:inline-flex; align-items:center; gap:12px; font-size:12px; min-height:44px; }
.ticker-item::after { content:"/"; color:#9ca0a4; margin-left:26px; }
.ticker-item:hover { text-decoration:underline; text-underline-offset:4px; }
.ticker-tag { text-transform:uppercase; letter-spacing:1px; font-size:10px; color:var(--muted); }
.ticker-tag.is-live { color:var(--live); font-weight:600; }
.icon-button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; padding:0; border:1px solid var(--line); background:transparent; transition:background .2s,border-color .2s; }
.icon-button:not(:disabled):hover { background:var(--white); border-color:var(--ink); }
.ticker-toggle { width:36px; height:44px; border:0; }
.ticker-toggle .icon { width:15px; height:15px; }
.section { padding-block:54px; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }
h2 { font-size:30px; font-weight:500; letter-spacing:-1px; line-height:1.3; }
.section-count { font-size:12px; color:var(--muted); letter-spacing:1px; }
.source-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.source-card { display:flex; align-items:center; gap:15px; padding:24px 19px; min-height:113px; border:1px solid var(--line); transition:background .2s,border-color .2s,transform .2s; }
.source-card:hover { background:white; border-color:#a3a9ad; transform:translateY(-2px); }
.source-logo { width:42px; height:42px; flex-shrink:0; object-fit:contain; }
.source-card > span { min-width:0; }
.source-card strong { display:block; font-weight:500; font-size:17px; letter-spacing:-.4px; }
.source-card small { display:block; font-size:11px; color:var(--muted); margin-top:3px; overflow-wrap:anywhere; }
.source-card > .icon { width:16px; height:16px; margin-left:auto; align-self:flex-start; margin-top:4px; }
.journal-logo { padding:4px; }
.video-section { background:var(--panel); border-block:1px solid var(--line); }
.heading-actions,.carousel-controls { display:flex; align-items:center; gap:9px; }
.heading-actions { gap:27px; }
.text-link { display:inline-flex; gap:10px; align-items:center; min-height:44px; font-size:12px; }
.text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.text-link .icon { width:17px; height:17px; }
.previous .icon { transform:rotate(180deg); }
.video-carousel { --gap:22px; display:grid; grid-auto-flow:column; grid-template-rows:repeat(2,auto); grid-auto-columns:calc((100% - var(--gap)*2)/3); gap:30px var(--gap); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; padding:4px 0 8px; scroll-behavior:smooth; }
.video-carousel::-webkit-scrollbar { display:none; }
.video-card { display:block; min-width:0; scroll-snap-align:start; scroll-margin:2px; }
.video-thumbnail { position:relative; aspect-ratio:16/9; overflow:hidden; background:#23272b; }
.video-thumbnail img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s; }
.video-card:hover .video-thumbnail img { transform:scale(1.035); }
.video-thumbnail::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 55%); pointer-events:none; }
.video-play { position:absolute; left:14px; bottom:14px; z-index:1; display:grid; place-items:center; width:33px; height:33px; border:1px solid #c6c8c9; border-radius:50%; color:white; background:#181a1c55; }
.video-play .icon { width:13px; height:13px; fill:currentColor; stroke:none; }
.video-badge { position:absolute; z-index:1; right:12px; bottom:16px; color:white; font-size:10px; letter-spacing:.7px; text-transform:uppercase; padding:2px 6px; background:#181a1cbb; }
.video-badge.is-live { background:var(--live); }
.video-meta { display:flex; gap:10px; align-items:center; color:var(--muted); font-size:11px; margin-top:12px; }
.video-title { font-size:14px; font-weight:500; letter-spacing:-.2px; line-height:1.65; margin-top:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:46px; }
.video-card:hover .video-title { text-decoration:underline; text-underline-offset:3px; }
.video-fallback { height:100%; display:grid; place-items:center; color:#e8ebed; text-transform:uppercase; letter-spacing:3px; font-size:19px; }
.carousel-bottom { display:flex; justify-content:space-between; align-items:center; gap:15px; color:var(--muted); font-size:12px; margin-top:23px; min-height:22px; }
.swipe-hint { display:flex; gap:10px; align-items:center; }
.swipe-hint .icon { width:17px; }
.feed-filters { display:flex; border:1px solid var(--line); padding:3px; gap:3px; }
.feed-filters button { font-size:12px; min-height:38px; background:transparent; border:0; padding:8px 17px; }
.feed-filters button[aria-pressed=true] { background:var(--ink); color:white; }
.feed-filters button:hover:not([aria-pressed=true]) { background:var(--panel); }
.posts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:22px; }
.post-card { display:flex; flex-direction:column; border:1px solid var(--line); background:var(--paper); min-width:0; }
.post-media { position:relative; width:100%; aspect-ratio:16/9; flex-shrink:0; overflow:hidden; background:var(--panel); border-bottom:1px solid var(--line); }
.post-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; background:var(--panel); }
.post-image.is-placeholder { background:#fff; }
.reader-image.is-placeholder { width:100%; height:280px; background:#fff; }
.post-body { display:flex; flex-direction:column; flex:1; min-width:0; padding:22px; }
.post-meta { display:flex; align-items:center; flex-wrap:nowrap; gap:8px; height:24px; flex-shrink:0; font-size:11px; color:var(--muted); margin-bottom:16px; }
.post-meta .brand-icon { width:18px; height:18px; }
.post-source { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.post-meta time { margin-left:auto; white-space:nowrap; }
.post-text { display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; height:156px; flex-shrink:0; font-size:14px; line-height:26px; white-space:pre-line; overflow-wrap:anywhere; }
.post-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--line); padding-top:12px; margin-top:22px; }
.post-bottom a,.post-read { min-height:44px; display:inline-flex; align-items:center; font-size:12px; gap:7px; }
.post-read { border:0; background:transparent; padding:0; font-weight:500; cursor:pointer; }
.post-read:hover,.post-bottom a:hover { text-decoration:underline; text-underline-offset:4px; }
.post-bottom .icon { width:15px; }
.reader-open { overflow:hidden; }
.post-reader { width:min(720px,calc(100vw - 40px)); max-height:calc(100dvh - 64px); overflow-y:auto; overscroll-behavior:contain; padding:0; border:1px solid var(--line); background:var(--paper); color:var(--ink); }
.post-reader::backdrop { background:rgba(16,19,21,.7); }
.reader-bar { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 24px; background:var(--paper); border-bottom:1px solid var(--line); }
.reader-bar span { color:var(--muted); font-size:12px; }
.reader-close { font-size:26px; line-height:1; }
.reader-body { padding:28px; }
.reader-body h2 { font-size:26px; line-height:1.5; margin-bottom:20px; }
.reader-image { display:block; max-width:100%; width:auto; max-height:420px; height:auto; margin:0 auto 24px; object-fit:contain; }
.reader-text { font-size:16px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }
.reader-original { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:24px; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
@media (max-width:600px) {
  .post-reader { width:calc(100vw - 24px); max-height:calc(100dvh - 32px); }
  .reader-bar { padding:10px 18px; }
  .reader-body { padding:22px; }
  .reader-body h2 { font-size:22px; }
  .reader-text { font-size:15px; }
}
.live-card { display:flex; justify-content:space-between; align-items:center; gap:24px; border:1px solid var(--ink); background:var(--ink); color:white; padding:21px 24px; margin-bottom:24px; }
.live-card small { display:block; font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; color:#e1e4e6; }
.live-card.is-live small { color:#ffbcc3; }
.live-card strong { font-size:16px; line-height:1.5; font-weight:500; }
.live-card > .icon { width:25px; height:25px; }
.live-card:focus-visible { outline-offset:5px; }
.feed-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:28px; }
.sync-status { font-size:11px; color:var(--muted); }
.load-more { display:flex; align-items:center; justify-content:center; gap:30px; min-height:44px; padding:9px 20px; background:transparent; border:1px solid var(--line); font-size:12px; }
.load-more:hover { background:white; border-color:var(--ink); }
.load-more span { font-size:20px; }
.empty-state { padding-block:25px; font-size:14px; color:var(--muted); }
.empty-state a { text-decoration:underline; text-underline-offset:4px; }
.site-footer { border-top:1px solid var(--line); padding-block:27px; }
/* Compact Linktree directory. Brand symbols: Simple Icons (CC0). */
.link-directory,.site-footer { --directory-text:#f3f4f3; --directory-muted:#b8bec1; --directory-line:#3b4044; background:var(--ink); color:var(--directory-text); }
.link-directory { padding-block:58px 32px; margin-top:12px; }
.directory-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:40px; }
.directory-source { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--directory-muted); font-size:12px; }
.directory-source .icon { width:16px; height:16px; }
.directory-source:hover { color:var(--directory-text); text-decoration:underline; text-underline-offset:4px; }
.directory-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; }
.directory-group { min-width:0; }
.link-directory h3 { font-size:12px; line-height:1.5; text-transform:uppercase; letter-spacing:1.8px; font-weight:500; color:var(--directory-muted); }
.directory-group h3 { padding-bottom:18px; border-bottom:1px solid var(--directory-line); }
.directory-list { display:grid; grid-auto-rows:minmax(100px,1fr); list-style:none; padding:0; margin:0; }
.directory-list > li { display:flex; min-width:0; }
.directory-link { display:grid; grid-template-columns:36px minmax(0,1fr) 16px; align-items:center; gap:14px; min-height:100px; width:100%; padding:16px 4px; border-bottom:1px solid var(--directory-line); transition:background .2s; }
.directory-link:hover { background:#24282b; }
.directory-link:active { background:#303539; }
.directory-mark { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; color:var(--ink); background:var(--paper); }
.directory-mark svg { display:block; width:24px; height:24px; }
.directory-mark img { display:block; width:24px; height:24px; object-fit:contain; }
.directory-copy { min-width:0; }
.directory-copy strong { display:block; font-size:15px; font-weight:500; line-height:1.45; overflow-wrap:anywhere; }
.directory-copy small { display:block; margin-top:4px; font-size:12px; line-height:1.5; color:var(--directory-muted); overflow-wrap:anywhere; }
.directory-link > .icon { width:16px; height:16px; color:var(--directory-muted); }
.directory-link:hover > .icon { color:var(--directory-text); }
.directory-support { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); align-items:center; gap:44px; margin-top:36px; padding-top:20px; border-top:1px solid var(--directory-line); }
.directory-support .directory-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.directory-support .directory-link { border-bottom:0; }
.link-directory a:focus-visible,.site-footer a:focus-visible { outline-color:var(--directory-text); outline-offset:3px; }
.site-footer { border-color:var(--directory-line); }
.site-footer .icon-button { border-color:var(--directory-line); }
.site-footer .icon-button:hover { color:var(--ink); }
@media (max-width:1100px) {
  .directory-columns,.directory-support { gap:28px; }
  .directory-link { gap:11px; }
  .directory-copy strong { font-size:14px; }
  .directory-support .directory-list { gap:24px; }
}
@media (min-width:801px) and (max-width:1000px) {
  .directory-list { grid-auto-rows:minmax(116px,1fr); }
  .directory-link { min-height:116px; }
}
@media (max-width:800px) {
  .link-directory { padding-block:42px 26px; }
  .directory-heading { margin-bottom:32px; }
  .directory-columns { grid-template-columns:minmax(0,1fr); gap:34px; }
  .directory-support { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:34px; padding-top:28px; }
  .directory-copy strong { font-size:15px; }
}
@media (max-width:600px) {
  .directory-heading { margin-bottom:28px; }
  .directory-support .directory-list { grid-template-columns:minmax(0,1fr); gap:0; }
  .directory-support .directory-link { border-bottom:1px solid var(--directory-line); }
  .directory-link { padding-inline:2px; gap:14px; }
  .directory-copy strong { font-size:14px; }
}
.footer-inner { display:flex; gap:20px; align-items:center; }
.footer-inner .brand { font-size:22px; }
.back-top { width:38px; height:44px; margin-left:auto; }
.back-top .icon { transform:rotate(-90deg); width:17px; }
@media (prefers-reduced-motion:no-preference) {
  @keyframes ticker { to { transform:translateX(calc(-1 * var(--ticker-distance,2000px))); } }
  .ticker-track { animation:ticker var(--ticker-duration,70s) linear infinite; }
  .ticker-shell:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker-shell.paused .ticker-track { animation-play-state:paused; }
}
@media (max-width:1100px) {
  .wrap { width:calc(100% - 64px); }
  .hero-copy { padding-inline:42px; }
  .source-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .source-card { min-height:100px; padding:22px; }
  .source-card small { font-size:12px; }
  .posts-grid { gap:16px; }
  .post-body { padding:18px; }
}
@media (max-width:800px) {
  .wrap { width:calc(100% - 44px); }
  .header-inner { height:72px; gap:20px; }
  .desktop-nav { gap:22px; }
  .header-telegram > span { display:none; }
  .hero-banner { height:460px; grid-template-columns:1fr 1fr; }
  .hero-copy { padding:28px; }
  h1 { font-size:45px; }
  .hero-kicker { margin-bottom:20px; }
  .hero-photo img { object-position:50% 30%; }
  .section { padding-block:43px; }
  .video-carousel { grid-auto-columns:calc((100% - var(--gap))/2); --gap:18px; }
  .posts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ticker-label { padding-right:15px; }
  .ticker { margin-inline:15px; }
}
@media (max-width:600px) {
  .wrap { width:calc(100% - 36px); }
  .header-inner { height:68px; }
  .brand { font-size:25px; }
  .brand img { width:29px; height:29px; }
  .desktop-nav,.header-telegram { display:none; }
  .menu-toggle { display:block; }
  html { scroll-padding-top:85px; }
  .hero { padding-block:18px; }
  .hero-banner { height:440px; display:block; }
  .hero-photo { position:absolute; inset:0; }
  .hero-photo img { width:78%; left:22%; object-position:52% 27%; }
  .hero-photo::after { background:linear-gradient(90deg,#242628 0%,#242628aa 27%,#24262822 62%,transparent 100%),linear-gradient(0deg,#242628 0%,transparent 55%); }
  .hero-copy { height:100%; padding:26px 24px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; }
  .hero-kicker { position:absolute; top:25px; font-size:10px; letter-spacing:3px; }
  h1 { font-size:45px; line-height:1.15; text-shadow:0 1px 12px #0003; }
  .hero-years { margin-top:15px; font-size:11px; letter-spacing:2px; }
  .hero-watch { margin-top:12px; min-height:38px; gap:9px; font-size:11px; }
  .hero-watch .icon:last-child { margin-left:8px; }
  .ticker-shell { height:54px; }
  .ticker-label { font-size:10px; padding-right:10px; letter-spacing:.5px; gap:6px; }
  .ticker { margin-inline:10px; }
  .ticker-item { font-size:12px; }
  .ticker-tag { font-size:10px; }
  .ticker-toggle { width:28px; }
  .section { padding-block:35px; }
  .section-heading { margin-bottom:20px; gap:14px; }
  h2 { font-size:27px; }
  .section-count { font-size:10px; }
  .source-grid { gap:10px; }
  .source-card { display:grid; grid-template-columns:1fr auto; gap:14px 5px; padding:17px; min-height:139px; }
  .source-logo { width:34px; height:34px; grid-row:1; grid-column:1; }
  .source-card > .icon { grid-column:2; grid-row:1; margin:0; width:14px; height:14px; }
  .source-card > span { grid-column:1 / -1; }
  .source-card strong { font-size:16px; }
  .source-card small { font-size:11px; margin-top:2px; }
  .heading-actions { gap:15px; }
  .heading-actions > .text-link { display:none; }
  .carousel-controls { gap:7px; }
  .carousel-controls .icon-button { width:40px; height:44px; }
  .video-carousel { --gap:15px; grid-auto-columns:87%; gap:24px var(--gap); }
  .video-title { font-size:13px; min-height:43px; }
  .video-meta { font-size:11px; }
  .video-play { width:31px; height:31px; left:12px; bottom:12px; }
  .video-badge { font-size:9px; }
  .carousel-bottom { margin-top:19px; font-size:11px; }
  .feed-section > .section-heading { flex-wrap:wrap; gap:17px; }
  .feed-filters button { min-height:38px; font-size:11px; padding-inline:12px; }
  .posts-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .post-body { padding:21px; }
  .post-text { font-size:14px; }
  .post-meta { font-size:12px; margin-bottom:16px; }
  .live-card { padding:18px; gap:16px; }
  .live-card strong { font-size:14px; }
  .live-card small { font-size:10px; }
  .feed-bottom { flex-direction:column-reverse; align-items:stretch; gap:22px; }
  .sync-status { font-size:11px; }
  .site-footer { padding-block:20px; }
  .footer-inner .brand { font-size:20px; }
}
@media (max-width:360px) {
  .wrap { width:calc(100% - 28px); }
  .hero-copy { padding-inline:20px; }
  h1 { font-size:41px; }
  .source-card { padding:14px; }
  .source-card small { font-size:10px; }
  .feed-filters button { padding-inline:10px; }
}
@media (prefers-reduced-motion:reduce) {
  html,.video-carousel { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .ticker { overflow-x:auto; scrollbar-width:thin; }
  .ticker-group[aria-hidden=true] { display:none; }
  .ticker-toggle { display:none; }
}