:root {
  --t3-blue: #2AABEE;
  --t3-blue-dark: #1e96d4;
  --t3-ink: #1a2332;
  --t3-text: #334155;
  --t3-muted: #64748b;
  --t3-line: #e8eef4;
  --t3-soft: #f5f9fc;
  --t3-max: 1080px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  background: #fff;
  color: var(--t3-text);
  line-height: 1.7;
}
a { color: var(--t3-blue); text-decoration: none; }
a:hover { color: var(--t3-blue-dark); }
img { max-width: 100%; height: auto; display: block; }
.t3-skip { position: absolute; left: -9999px; }
.t3-skip:focus { left: 12px; top: 12px; z-index: 99; padding: 8px 12px; background: var(--t3-blue); color: #fff; }
.t3-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;
}
.t3-container { width: 100%; max-width: var(--t3-max); margin: 0 auto; padding: 0 24px; }
.t3-container--narrow { max-width: 760px; }
.t3-center { text-align: center; margin: 28px 0 0; }

/* Logo */
.t3-logo {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--t3-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21.5 3.4 2.9 10.7c-.8.3-.8 1.1-.1 1.4l4.7 1.5 1.8 5.6c.2.7 1 .9 1.5.4l2.6-2.5 4.8 3.5c.7.5 1.6.1 1.8-.7L23 4.6c.2-.9-.7-1.6-1.5-1.2zM9.4 13.2l8.6-6.7-6.7 7.9-.2 2.6-1.7-3.8z'/%3E%3C/svg%3E") center 52%/58% no-repeat;
  display: inline-block; flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(42, 171, 238, .28);
}
.t3-logo--lg { width: 92px; height: 92px; box-shadow: 0 12px 28px rgba(42, 171, 238, .25); }

/* Header */
.t3-header {
  position: sticky; top: 0; z-index: 40;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--t3-line);
  backdrop-filter: blur(10px);
}
.t3-header__inner { display: flex; align-items: center; gap: 16px; min-height: 64px; position: relative; }
.t3-brand {
  display: flex; align-items: center; gap: 10px;
  color: var(--t3-ink); font-weight: 800; font-size: 18px;
}
.t3-brand:hover { color: var(--t3-ink); }
.t3-nav { display: flex; gap: 2px; margin-left: auto; }
.t3-nav a {
  color: var(--t3-muted); font-size: 14px; padding: 8px 12px; border-radius: 8px; font-weight: 600;
}
.t3-nav a:hover { color: var(--t3-blue); background: #eef8fe; }
.t3-nav-toggle {
  display: none; margin-left: auto; flex-direction: column; gap: 5px;
  border: 0; background: none; padding: 8px; cursor: pointer;
}
.t3-nav-toggle span { width: 20px; height: 2px; background: var(--t3-blue); display: block; }

/* Buttons */
.t3-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 22px; border-radius: 10px; background: var(--t3-blue);
  color: #fff !important; font-weight: 700; font-size: 15px; border: 1px solid var(--t3-blue);
  box-shadow: 0 8px 18px rgba(42, 171, 238, .25);
}
.t3-btn:hover { background: var(--t3-blue-dark); }
.t3-btn--ghost {
  background: #fff; color: var(--t3-blue) !important;
  box-shadow: none;
}

/* Hero */
.t3-hero { padding: 72px 0 56px; text-align: center; }
.t3-hero__inner { display: flex; flex-direction: column; align-items: center; }
.t3-hero h1 {
  margin: 20px 0 12px;
  font-size: clamp(32px, 5vw, 48px);
  color: var(--t3-ink); line-height: 1.2;
}
.t3-hero__lead { margin: 0 0 28px; max-width: 640px; color: var(--t3-muted); font-size: 16px; }
.t3-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.t3-hero__hint { margin: 16px 0 0; font-size: 13px; color: var(--t3-muted); }
.t3-hero__os { display: flex; gap: 14px; margin-top: 22px; }

/* OS icons */
.t3-os {
  width: 28px; height: 28px; display: inline-block;
  background: var(--t3-blue) center/18px no-repeat; border-radius: 8px;
}
.t3-os--apple { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16.4 12.6c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.2-2.8.9-3.5.9s-1.8-.8-3-.8c-1.5 0-3 .9-3.8 2.3-1.6 2.8-.4 7 1.2 9.3.8 1.1 1.7 2.4 2.9 2.3 1.2 0 1.6-.7 3-.7s1.8.7 3 .7 2-.1 2.9-2.3c1-.1.8-1.9.6-2.4-.2-.6-2-1.9-2-3.9zM14.6 6.4c.6-.8 1.1-1.9.9-3-1 .1-2.2.7-2.9 1.5-.6.7-1.2 1.8-1 2.9 1.1.1 2.2-.6 3-1.4z'/%3E%3C/svg%3E"); }
.t3-os--linux { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 3c-1.4 1.5-2.3 3.6-2.3 5.6 0 .5.1 1 .2 1.5-.9.4-1.9 1.3-1.9 2.7 0 .8.4 1.6 1 2.1-.3 1.1-.2 2.3.3 3.4.7 1.5 2.1 2.4 3.7 2.4s3-1 3.7-2.4c.5-1.1.6-2.3.3-3.4.6-.5 1-1.3 1-2.1 0-1.4-1-2.3-1.9-2.7.1-.5.2-1 .2-1.5C14.3 6.6 13.4 4.5 12 3z'/%3E%3C/svg%3E"); }
.t3-os--android { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.6 9.5 19 7.1a.5.5 0 1 0-.9-.5l-1.4 2.3A8 8 0 0 0 7.3 8.9L5.9 6.6a.5.5 0 1 0-.9.5l1.4 2.4A7.5 7.5 0 0 0 4.5 14v.5h15V14a7.5 7.5 0 0 0-1.9-4.5zM9 12.2a.8.8 0 1 1 0-1.6.8.8 0 0 1 0 1.6zm6 0a.8.8 0 1 1 0-1.6.8.8 0 0 1 0 1.6zM6 16h1.5v4.2A1.3 1.3 0 0 0 8.8 21.5h.2A1.3 1.3 0 0 0 10.3 20.2V16h3.4v4.2a1.3 1.3 0 0 0 1.3 1.3h.2a1.3 1.3 0 0 0 1.3-1.3V16H18v.8A2.2 2.2 0 0 1 15.8 19h-7.6A2.2 2.2 0 0 1 6 16.8V16z'/%3E%3C/svg%3E"); }
.t3-os--win { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 5.5 11 4.3v7.2H3V5.5zm0 8.3h8V20.7L3 19.5v-5.7zM12.2 4.1 21 2.8v8.7h-8.8V4.1zm0 9.8H21v8.7l-8.8-1.3v-7.4z'/%3E%3C/svg%3E"); }
.t3-os--ios { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16.4 12.6c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.2-2.8.9-3.5.9s-1.8-.8-3-.8c-1.5 0-3 .9-3.8 2.3-1.6 2.8-.4 7 1.2 9.3.8 1.1 1.7 2.4 2.9 2.3 1.2 0 1.6-.7 3-.7s1.8.7 3 .7 2-.1 2.9-2.3c1-.1.8-1.9.6-2.4-.2-.6-2-1.9-2-3.9zM14.6 6.4c.6-.8 1.1-1.9.9-3-1 .1-2.2.7-2.9 1.5-.6.7-1.2 1.8-1 2.9 1.1.1 2.2-.6 3-1.4z'/%3E%3C/svg%3E"); }
.t3-os--web { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18A9 9 0 0 0 12 3zm6.7 8h-3.1c-.1-1.7-.5-3.3-1.1-4.6A7.1 7.1 0 0 1 18.7 11zM12 19c-.8-1.1-1.4-2.9-1.6-5h3.2c-.2 2.1-.8 3.9-1.6 5zm-1.6-7c.2-2.1.8-3.9 1.6-5 .8 1.1 1.4 2.9 1.6 5h-3.2zM9.5 6.4C8.9 7.7 8.5 9.3 8.4 11H5.3a7.1 7.1 0 0 1 4.2-4.6zM5.3 13h3.1c.1 1.7.5 3.3 1.1 4.6A7.1 7.1 0 0 1 5.3 13zm9.2 4.6c.6-1.3 1-2.9 1.1-4.6h3.1a7.1 7.1 0 0 1-4.2 4.6z'/%3E%3C/svg%3E"); }

/* Sections */
.t3-section { padding: 56px 0; }
.t3-section--soft { background: var(--t3-soft); }
.t3-head { text-align: center; margin-bottom: 32px; }
.t3-head h2, h2.t3-head {
  margin: 0; font-size: clamp(22px, 3vw, 28px); color: var(--t3-ink);
  display: inline-flex; align-items: center; gap: 8px;
}
.t3-head--row { display: flex; justify-content: space-between; align-items: baseline; text-align: left; }
.t3-head--row h2 { display: inline-flex; }
.t3-more { font-size: 14px; color: var(--t3-blue); font-weight: 600; }
.t3-head__ico {
  width: 22px; height: 22px; border-radius: 6px;
  background: var(--t3-blue) center/14px no-repeat; display: inline-block;
}
.t3-head__ico--star { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 3.5 14.4 9l6 .5-4.6 3.9 1.4 5.8L12 16.4 6.8 19.2 8.2 13.4 3.6 9.5 9.6 9z'/%3E%3C/svg%3E"); }
.t3-head__ico--link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M10.6 13.4a4 4 0 0 1 0-5.7l2.1-2.1a4 4 0 1 1 5.7 5.7l-1.2 1.2-1.4-1.4 1.2-1.2a2 2 0 1 0-2.8-2.8l-2.1 2.1a2 2 0 0 0 0 2.8zm2.8-2.8a4 4 0 0 1 0 5.7l-2.1 2.1a4 4 0 1 1-5.7-5.7l1.2-1.2 1.4 1.4-1.2 1.2a2 2 0 1 0 2.8 2.8l2.1-2.1a2 2 0 0 0 0-2.8z'/%3E%3C/svg%3E"); }
.t3-head__ico--faq { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 3a9 9 0 1 0 .1 18A9 9 0 0 0 12 3zm0 14.2a1.1 1.1 0 1 1 0-2.2 1.1 1.1 0 0 1 0 2.2zm1.5-4.4c-.6.3-1 .8-1 1.5h-1.1c0-1.2.6-2.1 1.5-2.6.6-.3.9-.7.9-1.2 0-.7-.6-1.2-1.4-1.2s-1.4.5-1.5 1.3H9.7c.1-1.6 1.4-2.7 3.1-2.7 1.8 0 3.1 1.1 3.1 2.6 0 1.1-.6 1.8-1.4 2.3z'/%3E%3C/svg%3E"); }

/* Feature icons */
.t3-ico {
  width: 36px; height: 36px; border-radius: 10px; margin-bottom: 12px;
  background: #e8f6fd center/20px no-repeat; display: inline-block;
}
.t3-ico--speed { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M13 3 4 14h7l-1 7 10-12h-7z'/%3E%3C/svg%3E"); }
.t3-ico--lock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M12 3a5 5 0 0 0-5 5v2H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-1V8a5 5 0 0 0-5-5zm3 7H9V8a3 3 0 1 1 6 0v2z'/%3E%3C/svg%3E"); }
.t3-ico--group { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M8 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zm8 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM2.5 19c0-3 2.6-5 5.5-5s5.5 2 5.5 5v1H2.5v-1zm11.2 1v-1c0-1.7-.7-3.2-1.9-4.3 2.4.3 5.7 1.6 5.7 4.3v1h-3.8z'/%3E%3C/svg%3E"); }
.t3-ico--cloud { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M17 9.1A6 6 0 0 0 6.1 11 4.5 4.5 0 0 0 6.5 20h10.7A4.8 4.8 0 0 0 17 9.1zM12 8l3 3h-2v4h-2v-4H9z'/%3E%3C/svg%3E"); }
.t3-ico--call { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M6.6 3.8c.4-.4 1.1-.4 1.5 0l2.1 2.1c.4.4.4 1.1 0 1.5L8.8 8.8a12 12 0 0 0 6.4 6.4l1.4-1.4c.4-.4 1.1-.4 1.5 0l2.1 2.1c.4.4.4 1.1 0 1.5l-1.2 1.2c-.5.5-1.2.7-1.9.5A17 17 0 0 1 4.9 7c-.2-.7 0-1.4.5-1.9z'/%3E%3C/svg%3E"); }
.t3-ico--emoji { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M12 3a9 9 0 1 0 .1 18A9 9 0 0 0 12 3zm-3 7.2a1.1 1.1 0 1 1 0-2.2 1.1 1.1 0 0 1 0 2.2zm6 0a1.1 1.1 0 1 1 0-2.2 1.1 1.1 0 0 1 0 2.2zM12 17.2c-2.2 0-4-1.3-4.6-3.1h9.2c-.6 1.8-2.4 3.1-4.6 3.1z'/%3E%3C/svg%3E"); }
.t3-ico--file { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5zm1 15H9v-2h6v2zm0-4H9v-2h6v2zm-1-5V4.5L17.5 9H14z'/%3E%3C/svg%3E"); }
.t3-ico--lang { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232AABEE'%3E%3Cpath d='M12.9 13.4 11 8.4h-1.7L6.4 17h1.8l.7-2.1h3.8l.7 2.1h1.8l-1.3-3.6zm-3.2-1.2.9-2.7.9 2.7H9.7zM16.2 7h1.6v10h-1.6z'/%3E%3C/svg%3E"); }

.t3-feat { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.t3-feat article {
  padding: 22px 18px; background: #fff;
  border: 1px solid var(--t3-line); border-radius: 16px;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .04);
}
.t3-feat h3 { margin: 0 0 8px; font-size: 16px; color: var(--t3-ink); }
.t3-feat p { margin: 0; color: var(--t3-muted); font-size: 13px; }

.t3-plats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.t3-plats a {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 22px 10px; background: #fff; border: 1px solid var(--t3-line);
  border-radius: 16px; color: inherit; text-align: center;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .04);
}
.t3-plats a:hover { border-color: var(--t3-blue); color: inherit; }
.t3-plats .t3-os { width: 44px; height: 44px; border-radius: 12px; background-size: 24px; }
.t3-plats strong { font-size: 14px; color: var(--t3-ink); }
.t3-plats span { font-size: 12px; color: var(--t3-muted); }

.t3-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.t3-two article {
  padding: 24px; background: #fff; border: 1px solid var(--t3-line); border-radius: 16px;
}
.t3-two h2, .t3-two h3 {
  margin: 0 0 16px; font-size: 18px; color: var(--t3-ink);
  display: flex; align-items: center; gap: 8px;
}
.t3-two h3 .t3-ico { margin: 0; width: 28px; height: 28px; }
.t3-two ol, .t3-two ul { margin: 0; padding: 0; list-style: none; counter-reset: t3step; }
.t3-two li {
  position: relative; padding: 10px 0 10px 40px;
  border-bottom: 1px dashed var(--t3-line); font-size: 14px;
}
.t3-two li:last-child { border-bottom: 0; }
.t3-two ol li::before {
  counter-increment: t3step; content: counter(t3step);
  position: absolute; left: 0; top: 10px;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--t3-blue); color: #fff;
  font-size: 12px; font-weight: 700; line-height: 26px; text-align: center;
}
.t3-two ul li { padding-left: 18px; }
.t3-two ul li::before {
  content: ""; position: absolute; left: 0; top: 18px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--t3-blue);
}
.t3-two--tips { margin-top: 36px; }

/* Channel list */
.t3-chan { display: flex; flex-direction: column; gap: 10px; }
.t3-chan article a {
  display: grid; grid-template-columns: 14px 1fr auto; gap: 12px; align-items: center;
  padding: 14px 16px; background: #fff; border: 1px solid var(--t3-line);
  border-radius: 12px; color: inherit;
}
.t3-chan article a:hover { border-color: #cfe9f8; background: #f8fcff; color: inherit; }
.t3-chan__dot {
  width: 10px; height: 10px; border-radius: 50%; background: var(--t3-blue);
  box-shadow: 0 0 0 4px #e8f6fd;
}
.t3-chan h2, .t3-chan h3 { margin: 0; font-size: 16px; color: var(--t3-ink); }
.t3-chan p {
  margin: 4px 0 0; font-size: 13px; color: var(--t3-muted);
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.t3-chan time { font-size: 13px; color: var(--t3-muted); white-space: nowrap; }
.t3-chan--news article a { grid-template-columns: 14px 1fr auto; }

/* FAQ */
.t3-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.t3-faq article {
  padding: 20px; background: #fff; border: 1px solid var(--t3-line); border-radius: 14px;
}
.t3-faq h3 { margin: 0 0 8px; font-size: 16px; color: var(--t3-ink); }
.t3-faq p { margin: 0; font-size: 14px; color: var(--t3-muted); }

.t3-links { display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: center; }
.t3-links a { color: var(--t3-muted); }

/* Inner pages */
.t3-pagehead { padding: 40px 0 8px; text-align: center; }
.t3-pagehead h1 { margin: 0; font-size: clamp(24px, 4vw, 34px); color: var(--t3-ink); }
.t3-pagehead p { margin: 8px 0 0; color: var(--t3-muted); }
.t3-crumb { font-size: 13px; color: var(--t3-muted); margin-bottom: 20px; }
.t3-crumb a { color: var(--t3-muted); }
.t3-crumb span { margin: 0 8px; }

/* Article — distinct from tg1/tg2: centered title + quote lead */
.t3-post { padding: 36px 0 24px; }
.t3-post__head { text-align: center; margin-bottom: 28px; }
.t3-post__head .t3-logo { margin-bottom: 14px; }
.t3-post h1 {
  margin: 0; font-size: clamp(24px, 4vw, 34px); line-height: 1.35; color: var(--t3-ink);
}
.t3-post h1::after {
  content: ""; display: block; width: 48px; height: 3px;
  margin: 16px auto 0; background: var(--t3-blue); border-radius: 3px;
}
.t3-post__meta {
  display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;
  margin: 16px 0 0; color: var(--t3-muted); font-size: 13px;
}
.t3-post__meta time, .t3-post__meta span {
  padding: 4px 10px; background: var(--t3-soft); border-radius: 999px;
}
.t3-post__lead {
  margin: 22px auto 0; max-width: 640px;
  padding: 18px 22px 18px 48px; position: relative;
  background: linear-gradient(180deg, #f3faff, #eaf6fd);
  border-radius: 16px; color: #35556c; font-size: 15px; text-align: left;
}
.t3-post__lead::before {
  content: "“"; position: absolute; left: 16px; top: 6px;
  font-size: 42px; line-height: 1; color: var(--t3-blue); font-family: Georgia, serif;
}
.t3-post__body {
  font-size: 16px; line-height: 1.95; color: #243044;
  background: #fff; border: 1px solid var(--t3-line); border-radius: 18px; padding: 28px 30px;
}
.t3-post__body h2, .t3-post__body h3 {
  margin: 1.6em 0 .7em; color: var(--t3-blue);
  padding-bottom: 8px; border-bottom: 1px dashed #d7eefb;
}
.t3-post__body p { margin: 0 0 1em; }
.t3-post__body img { border-radius: 12px; margin: 14px auto; }
.t3-post__body a { border-bottom: 1px solid #cfe9f8; }
.t3-post__source {
  margin-top: 20px; font-size: 13px; color: var(--t3-muted);
  word-break: break-all; text-align: center;
}
.t3-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.t3-pn a {
  display: block; padding: 14px 16px;
  border: 1px solid var(--t3-line); border-radius: 12px; color: inherit; background: var(--t3-soft);
}
.t3-pn a:hover { border-color: var(--t3-blue); color: inherit; }
.t3-pn em { display: block; font-style: normal; font-size: 12px; color: var(--t3-blue); }

.t3-pages { margin-top: 24px; text-align: center; }
.t3-pages a, .t3-pages span {
  display: inline-block; padding: 6px 12px; margin: 0 3px;
  background: #fff; border: 1px solid var(--t3-line); border-radius: 8px;
  font-size: 14px; color: var(--t3-text);
}
.t3-pages a:hover, .t3-pages span { border-color: var(--t3-blue); color: var(--t3-blue); }
.t3-empty { text-align: center; padding: 64px 16px; color: var(--t3-muted); }
.t3-empty h1 { margin: 0 0 10px; color: var(--t3-ink); }

.t3-footer {
  background: #f4f6f8; color: var(--t3-muted); font-size: 13px; padding: 28px 0;
  border-top: 1px solid var(--t3-line);
}
.t3-footer__inner {
  display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
}
.t3-footer p { margin: 0; }
.t3-footer a { color: var(--t3-muted); }
.t3-footer nav { display: flex; gap: 16px; }
.t3-footer a:hover { color: var(--t3-blue); }
.t3-footer__meta { width: 100%; text-align: center; opacity: .85; }

@media (max-width: 1020px) {
  .t3-feat { grid-template-columns: 1fr 1fr; }
  .t3-plats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
  .t3-nav-toggle { display: flex; }
  .t3-nav {
    display: none; position: absolute; left: 0; right: 0; top: 64px;
    flex-direction: column; background: #fff; padding: 8px 16px 16px;
    border-bottom: 1px solid var(--t3-line);
  }
  .t3-nav.is-open { display: flex; }
  .t3-feat, .t3-plats, .t3-two, .t3-faq, .t3-pn { grid-template-columns: 1fr; }
  .t3-hero { padding: 48px 0 36px; }
  .t3-chan article a { grid-template-columns: 14px 1fr; }
  .t3-chan time { grid-column: 2; }
  .t3-footer__inner { justify-content: center; text-align: center; }
  .t3-post__body { padding: 20px 16px; }
}