.intel-meta {
      color: #5f7b9b;
      font-size: 0.8rem;
      line-height: 1.6;
      margin-bottom: 0.62rem;
    }

    .intel-control-card {
      margin-bottom: 0.68rem;
    }

    .intel-toolbar {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 0.7rem;
      flex-wrap: wrap;
    }

    .intel-form {
      flex: 1;
      min-width: min(560px, 100%);
      display: grid;
      gap: 0.34rem;
    }

    .intel-form label {
      color: #355475;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.03em;
    }

    .intel-input-row {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 0.42rem;
    }

    .intel-input-row input {
      width: 100%;
      border: 1px solid rgba(212, 227, 245, 0.96);
      background: rgba(255, 255, 255, 0.92);
      border-radius: 11px;
      padding: 0.62rem 0.7rem;
      color: #244666;
      font-size: 0.88rem;
      font-family: var(--body-font);
    }

    .intel-input-row input:focus {
      outline: 2px solid rgba(71, 145, 241, 0.25);
      outline-offset: 1px;
    }

    .intel-input-row button,
    .intel-sync-btn {
      border: 1px solid rgba(182, 213, 247, 0.95);
      background: linear-gradient(136deg, rgba(101, 162, 239, 0.22), rgba(43, 201, 172, 0.2));
      color: #1d4367;
      border-radius: 11px;
      padding: 0.58rem 0.72rem;
      font-size: 0.8rem;
      font-weight: 800;
      letter-spacing: 0.03em;
      cursor: pointer;
      white-space: nowrap;
    }

    .intel-input-row button:hover,
    .intel-sync-btn:hover {
      border-color: rgba(82, 152, 230, 0.7);
      background: linear-gradient(136deg, rgba(88, 154, 239, 0.3), rgba(38, 194, 165, 0.28));
    }

    .intel-input-row button:disabled,
    .intel-sync-btn:disabled {
      cursor: not-allowed;
      opacity: 0.5;
      filter: saturate(0.6);
    }

    .agent-body {
      overflow-x: hidden;
    }

    .agent-body::before {
      content: "";
      position: fixed;
      inset: -24%;
      z-index: -1;
      pointer-events: none;
      background:
        conic-gradient(from 210deg at 50% 48%, rgba(75, 122, 255, 0.16), rgba(42, 207, 181, 0.12), rgba(255, 178, 91, 0.12), rgba(154, 91, 255, 0.14), rgba(75, 122, 255, 0.16));
      filter: blur(52px) saturate(1.28);
      opacity: 0.72;
      animation: agentAmbientSweep 18s ease-in-out infinite alternate;
    }

    .agent-page-main {
      display: grid;
      gap: clamp(0.8rem, 2vw, 1.2rem);
      min-height: 100vh;
      padding-top: clamp(0.85rem, 2vw, 1.35rem);
      position: relative;
    }

    .agent-page-hero {
      display: grid;
      gap: 0.52rem;
      justify-items: center;
      text-align: center;
      padding: clamp(0.35rem, 1.8vw, 1rem) clamp(0.4rem, 2vw, 1rem) 0;
      max-height: 360px;
      overflow: hidden;
      transition: max-height 420ms ease, opacity 260ms ease, transform 420ms ease, padding 420ms ease;
    }

    .agent-chat-active .agent-page-hero {
      max-height: 0;
      opacity: 0;
      padding-block: 0;
      transform: translateY(-18px);
    }

    .agent-page-hero .section-title {
      max-width: 960px;
      font-size: clamp(2rem, 5vw, 4.4rem);
      line-height: 0.98;
    }

    .agent-page-hero .section-sub {
      max-width: 720px;
      margin: 0;
    }

    .agent-memory-chip {
      border-color: rgba(177, 211, 246, 0.78);
      background: rgba(255, 255, 255, 0.62);
      box-shadow: 0 16px 42px rgba(63, 112, 169, 0.08);
      backdrop-filter: blur(18px);
    }

    .agent-page-panel {
      display: grid;
      place-items: center;
      min-height: clamp(420px, 54vh, 700px);
      padding: clamp(0.4rem, 2vw, 1.4rem);
      transition: min-height 520ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .agent-chat-active .agent-page-panel {
      min-height: auto;
      align-items: start;
    }

    .renaiss-agent-card {
      width: min(920px, 100%);
      min-height: 318px;
      display: grid;
      gap: 0.9rem;
      position: relative;
      overflow: visible;
      border: 1px solid rgba(178, 213, 247, 0.58);
      border-radius: 32px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(246, 252, 255, 0.62)),
        linear-gradient(120deg, rgba(229, 244, 255, 0.72), rgba(255, 246, 235, 0.5), rgba(235, 255, 249, 0.58));
      box-shadow:
        0 28px 82px rgba(30, 66, 112, 0.14),
        0 0 0 1px rgba(255, 255, 255, 0.72) inset;
      padding: clamp(1rem, 2.6vw, 1.55rem);
      backdrop-filter: blur(24px);
      transition:
        width 520ms cubic-bezier(0.22, 1, 0.36, 1),
        min-height 520ms cubic-bezier(0.22, 1, 0.36, 1),
        border-radius 520ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 520ms ease;
    }

    .renaiss-agent-card.is-empty {
      width: min(940px, 100%);
      min-height: clamp(340px, 45vh, 460px);
      align-content: center;
      border-color: transparent;
      background: transparent;
      box-shadow: none;
      padding: clamp(1.1rem, 4vw, 2.1rem) 0;
      backdrop-filter: none;
    }

    .renaiss-agent-card.is-chatting {
      width: min(1160px, 100%);
      min-height: min(72vh, 760px);
      border-radius: 24px;
      overflow: hidden;
      box-shadow:
        0 34px 96px rgba(29, 70, 120, 0.17),
        0 0 0 1px rgba(255, 255, 255, 0.74) inset;
    }

    .agent-border-glow {
      position: absolute;
      inset: -2px;
      z-index: 0;
      border-radius: inherit;
      background: conic-gradient(from var(--agent-glow-angle, 0deg), rgba(86, 145, 255, 0.1), rgba(48, 220, 178, 0.45), rgba(255, 180, 92, 0.32), rgba(128, 84, 255, 0.38), rgba(86, 145, 255, 0.1));
      opacity: 0.72;
      filter: blur(12px);
      animation: agentBorderSpin 6.5s linear infinite;
    }

    .renaiss-agent-card.is-empty .agent-border-glow {
      opacity: 0;
    }

    .renaiss-agent-card::after {
      content: "";
      position: absolute;
      inset: 1px;
      z-index: 0;
      border-radius: inherit;
      background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(247, 252, 255, 0.78)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 58px);
      pointer-events: none;
      transition: opacity 320ms ease;
    }

    .renaiss-agent-card.is-empty::after {
      opacity: 0;
    }

    .renaiss-agent-card > :not(.agent-border-glow) {
      position: relative;
      z-index: 1;
    }

    .renaiss-agent-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-head {
      justify-content: center;
      margin-bottom: clamp(1.2rem, 3.6vw, 2.6rem);
      text-align: center;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-head > div {
      display: grid;
      justify-items: center;
    }

    .agent-kicker {
      color: #3a78ac;
      display: block;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      margin-bottom: 0.18rem;
      text-transform: uppercase;
    }

    .renaiss-agent-card.is-empty .agent-kicker {
      color: rgba(67, 88, 111, 0.64);
      margin-bottom: 0.36rem;
    }

    .renaiss-agent-head h2 {
      margin: 0;
      color: #193453;
      font-family: var(--display-font);
      font-size: clamp(1.25rem, 2.5vw, 2rem);
      line-height: 1.06;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-head h2 {
      color: rgba(25, 52, 83, 0.9);
      font-size: clamp(1.55rem, 3vw, 2.45rem);
    }

    .agent-reset-btn {
      border: 1px solid rgba(187, 219, 248, 0.82);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.72);
      color: #2d5c88;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font: 0.74rem/1 var(--body-font);
      font-weight: 900;
      padding: 0.52rem 0.72rem;
      cursor: pointer;
      transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
    }

    .agent-reset-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(79, 150, 229, 0.72);
      background: rgba(241, 248, 255, 0.94);
    }

    .renaiss-agent-card.is-empty .agent-reset-btn {
      display: none;
    }

    .renaiss-agent-form {
      display: grid;
      gap: 0.48rem;
      width: 100%;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-form {
      justify-self: center;
      width: min(920px, 100%);
    }

    .renaiss-agent-form label {
      color: #355475;
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.03em;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-form label {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }

    .renaiss-agent-input-row {
      --agent-composer-background: rgba(255, 255, 255, 0.96);
      display: grid;
      grid-template-columns: minmax(0, 1fr) 52px;
      gap: 0.58rem;
      align-items: center;
      position: relative;
      isolation: isolate;
      overflow: visible;
      border: 0;
      border-radius: 34px;
      background: var(--agent-composer-background);
      box-shadow:
        0 18px 46px rgba(31, 54, 85, 0.1),
        0 2px 12px rgba(31, 54, 85, 0.06),
        0 0 0 1px rgba(255, 255, 255, 0.92) inset;
      min-height: 68px;
      padding: 0.46rem 0.54rem 0.46rem 0.88rem;
      transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
    }

    .renaiss-agent-input-row::before {
      content: "";
      position: absolute;
      inset: -1.3px;
      z-index: 0;
      border-radius: inherit;
      padding: 1.3px;
      background: conic-gradient(
        from var(--agent-composer-angle, 0deg),
        #c084fc,
        #f472b6,
        #38bdf8,
        #41ddb3,
        #c084fc
      );
      opacity: 0.9;
      pointer-events: none;
      -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      animation: agentComposerSpin 5.2s linear infinite;
    }

    .renaiss-agent-input-row::after {
      content: "";
      position: absolute;
      inset: -26px;
      z-index: -1;
      border-radius: 999px;
      background:
        radial-gradient(circle at 18% 50%, rgba(192, 132, 252, 0.28), transparent 34%),
        radial-gradient(circle at 52% 48%, rgba(244, 114, 182, 0.18), transparent 36%),
        radial-gradient(circle at 82% 50%, rgba(56, 189, 248, 0.3), transparent 34%);
      filter: blur(22px);
      opacity: 0.78;
      pointer-events: none;
      animation: agentComposerAura 4.8s ease-in-out infinite alternate;
    }

    .renaiss-agent-input-row > * {
      position: relative;
      z-index: 1;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-input-row {
      min-height: 76px;
    }

    .renaiss-agent-input-row:focus-within {
      box-shadow:
        0 26px 76px rgba(42, 113, 190, 0.18),
        0 0 0 4px rgba(85, 164, 242, 0.1),
        0 0 68px rgba(192, 132, 252, 0.13);
      transform: translateY(-1px);
    }

    .agent-composer-action {
      display: none;
      width: 42px;
      height: 42px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: #1a2634;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      transition: background 180ms ease, color 180ms ease, transform 180ms ease;
    }

    .agent-composer-action:hover {
      background: rgba(31, 42, 56, 0.07);
      color: #0e1722;
      transform: translateY(-1px);
    }

    .agent-composer-action span {
      display: block;
      font-size: 1.42rem;
      font-weight: 400;
      line-height: 1;
    }

    .renaiss-agent-input-row textarea {
      width: 100%;
      min-height: 46px;
      max-height: 150px;
      resize: none;
      border: 0;
      border-radius: 20px;
      background: transparent;
      color: #17283d;
      font: 1.02rem/1.48 var(--body-font);
      font-weight: 800;
      overflow-y: auto;
      padding: 0.66rem 0.16rem;
    }

    .renaiss-agent-card.is-chatting .renaiss-agent-input-row textarea {
      min-height: 44px;
      font-size: 0.96rem;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-input-row textarea {
      font-size: clamp(1rem, 2vw, 1.12rem);
      min-height: 50px;
    }

    .renaiss-agent-input-row textarea:focus {
      outline: none;
    }

    .renaiss-agent-input-row textarea::placeholder {
      color: rgba(51, 58, 66, 0.44);
    }

    .renaiss-agent-input-row .intel-sync-btn {
      position: relative;
      isolation: isolate;
      overflow: visible;
      width: 50px;
      height: 50px;
      min-width: 50px;
      min-height: 50px;
      align-self: center;
      border: 1px solid rgba(237, 245, 255, 0.72);
      border-radius: 999px;
      background:
        radial-gradient(120% 92% at 16% 14%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0) 56%),
        linear-gradient(136deg, #141e2d 0%, #3b4a5f 24%, #9ba9bb 49%, #4a5b71 67%, #111a2a 100%);
      color: #ffffff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      box-shadow:
        0 14px 28px rgba(20, 32, 50, 0.34),
        0 0 11px rgba(95, 183, 255, 0.28),
        0 0 18px rgba(206, 107, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.56),
        inset 0 -1px 0 rgba(19, 29, 44, 0.72);
      transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
    }

    .renaiss-agent-input-row .intel-sync-btn::before {
      content: "";
      position: absolute;
      inset: -1px;
      z-index: 1;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(
        92deg,
        #58b9ff 0%,
        #6f72ff 18%,
        #d267ff 34%,
        #ff7999 50%,
        #ffbe6a 67%,
        #57dfcf 82%,
        #58b9ff 100%
      );
      background-size: 260% 100%;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: 0.82;
      pointer-events: none;
      animation: chromeFlowX 3.1s ease-in-out infinite;
      filter: saturate(1.18) drop-shadow(0 0 7px rgba(104, 174, 255, 0.42)) drop-shadow(0 0 10px rgba(218, 112, 255, 0.28));
    }

    .renaiss-agent-input-row .intel-sync-btn::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      border-radius: inherit;
      pointer-events: none;
      background:
        radial-gradient(64% 110% at 18% 0%, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0) 64%),
        linear-gradient(114deg, rgba(255, 255, 255, 0.46) 8%, rgba(255, 255, 255, 0.08) 34%, rgba(255, 255, 255, 0.52) 50%, rgba(255, 255, 255, 0.08) 68%, rgba(255, 255, 255, 0.34) 92%);
      background-size: 250% 100%;
      animation: liquidSweep 2.2s cubic-bezier(0.4, 0.05, 0.2, 1) infinite;
      mix-blend-mode: screen;
      opacity: 0.58;
    }

    .renaiss-agent-input-row .intel-sync-btn:hover {
      box-shadow:
        0 17px 34px rgba(20, 34, 54, 0.42),
        0 0 16px rgba(103, 190, 255, 0.38),
        0 0 24px rgba(211, 111, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.64),
        inset 0 -1px 0 rgba(15, 24, 38, 0.86);
      transform: translateY(-2px);
    }

    .renaiss-agent-input-row .intel-sync-btn:hover::before {
      opacity: 1;
      animation: chromeFlowXFast 1.25s ease-in-out infinite;
    }

    .renaiss-agent-input-row .intel-sync-btn:disabled {
      cursor: not-allowed;
      opacity: 0.54;
      transform: none;
    }

    .renaiss-agent-input-row .intel-sync-btn span {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }

    .renaiss-agent-input-row .intel-sync-btn iconify-icon {
      position: relative;
      z-index: 3;
      font-size: 1.16rem;
    }

    .renaiss-agent-suggestions {
      width: min(850px, 100%);
      display: grid;
      justify-self: center;
      gap: 0.36rem;
      margin-top: 0.5rem;
    }

    .renaiss-agent-card.is-chatting .renaiss-agent-suggestions {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-top: 0;
      gap: 0.48rem;
    }

    .renaiss-agent-suggestions button {
      width: 100%;
      border: 1px solid transparent;
      border-radius: 14px;
      background: transparent;
      color: #333a42;
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      gap: 0.58rem;
      align-items: center;
      font: inherit;
      padding: 0.56rem 0.68rem;
      cursor: pointer;
      text-align: left;
      transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
    }

    .renaiss-agent-suggestions button:hover {
      transform: translateY(-1px);
      border-color: rgba(205, 219, 236, 0.82);
      color: #17283d;
      background: rgba(255, 255, 255, 0.68);
      box-shadow: 0 10px 26px rgba(40, 66, 98, 0.08);
    }

    .renaiss-agent-card.is-chatting .renaiss-agent-suggestions button {
      width: auto;
      display: inline-flex;
      border: 1px solid rgba(188, 218, 248, 0.88);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.66);
      color: #315677;
      font-size: 0.76rem;
      font-weight: 900;
      padding: 0.46rem 0.66rem;
    }

    .agent-suggestion-icon {
      width: 26px;
      height: 26px;
      display: inline-grid;
      place-items: center;
      border-radius: 999px;
      background: rgba(240, 247, 255, 0.82);
      color: #3778c4;
    }

    .renaiss-agent-suggestions button:nth-child(2) .agent-suggestion-icon {
      background: rgba(236, 249, 244, 0.9);
      color: #23836d;
    }

    .renaiss-agent-suggestions button:nth-child(3) .agent-suggestion-icon {
      background: rgba(255, 245, 230, 0.92);
      color: #b26a21;
    }

    .renaiss-agent-suggestions button:nth-child(4) .agent-suggestion-icon {
      background: rgba(244, 239, 255, 0.92);
      color: #7250ca;
    }

    .agent-suggestion-icon iconify-icon {
      font-size: 1rem;
    }

    .agent-suggestion-copy {
      min-width: 0;
      display: flex;
      align-items: baseline;
      gap: 0.32rem;
      white-space: nowrap;
    }

    .agent-suggestion-copy strong {
      color: #363f49;
      font-size: 0.86rem;
      font-weight: 900;
      letter-spacing: 0;
    }

    .agent-suggestion-copy em {
      min-width: 0;
      overflow: hidden;
      color: rgba(64, 70, 78, 0.52);
      font-size: 0.84rem;
      font-style: normal;
      font-weight: 800;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .renaiss-agent-card.is-chatting .agent-suggestion-icon,
    .renaiss-agent-card.is-chatting .agent-suggestion-copy em {
      display: none;
    }

    .renaiss-agent-card.is-chatting .agent-suggestion-copy {
      display: block;
    }

    .renaiss-agent-card.is-chatting .agent-suggestion-copy strong {
      color: inherit;
      font-size: inherit;
    }

    .renaiss-agent-status {
      min-height: 1.3em;
      margin: 0;
      color: #66819d;
      font-size: 0.78rem;
      font-weight: 900;
      text-align: center;
      transition: color 180ms ease;
    }

    .renaiss-agent-card.is-chatting .renaiss-agent-status {
      text-align: left;
    }

    .renaiss-agent-status.is-working {
      color: #2a6dac;
      animation: agentStatusPulse 1.2s ease-in-out infinite;
    }

    .renaiss-agent-status.is-ok {
      color: #257968;
    }

    .renaiss-agent-status.is-error {
      color: #b94646;
    }

    .renaiss-agent-messages {
      max-height: min(58vh, 610px);
      overflow: auto;
      display: grid;
      gap: 0.86rem;
      padding: 0.22rem 0.34rem;
      scroll-behavior: smooth;
      transition: max-height 420ms ease, opacity 320ms ease, padding 320ms ease;
    }

    .renaiss-agent-card.is-empty .renaiss-agent-messages {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      padding-block: 0;
      pointer-events: none;
    }

    .renaiss-agent-message {
      width: min(900px, 96%);
      border: 1px solid rgba(178, 214, 248, 0.86);
      border-left: 4px solid rgba(64, 153, 224, 0.62);
      border-radius: 20px;
      background:
        radial-gradient(circle at 0% 0%, rgba(96, 177, 255, 0.14), transparent 40%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.95), rgba(244, 251, 255, 0.82));
      box-shadow: 0 16px 42px rgba(52, 87, 128, 0.1);
      padding: 0.9rem 1rem;
      transform-origin: left bottom;
      transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 280ms ease;
    }

    .renaiss-agent-message.is-entering {
      opacity: 0;
      transform: translateY(12px) scale(0.98);
    }

    .renaiss-agent-message.is-user {
      width: fit-content;
      max-width: min(760px, 88%);
      justify-self: end;
      transform-origin: right bottom;
      border-color: rgba(117, 196, 224, 0.82);
      border-left-width: 1px;
      background: linear-gradient(150deg, rgba(231, 247, 255, 0.96), rgba(232, 255, 249, 0.86));
    }

    .renaiss-agent-role {
      width: fit-content;
      border: 1px solid rgba(184, 218, 248, 0.76);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.58);
      color: #42617f;
      font-size: 0.68rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      margin-bottom: 0.52rem;
      padding: 0.22rem 0.48rem;
      text-transform: uppercase;
    }

    .renaiss-agent-bubble {
      display: grid;
      gap: 0.66rem;
    }

    .renaiss-agent-bubble h3 {
      margin: 0.08rem 0 0;
      color: #153758;
      font-family: var(--display-font);
      font-size: clamp(1.04rem, 2vw, 1.28rem);
      line-height: 1.2;
      letter-spacing: -0.01em;
    }

    .renaiss-agent-message p {
      margin: 0;
      color: #294d70;
      font-size: 0.96rem;
      line-height: 1.78;
    }

    .renaiss-agent-message strong {
      color: #173a5a;
      font-weight: 900;
    }

    .renaiss-agent-message ul,
    .renaiss-agent-message ol {
      margin: 0;
      padding-left: 1.08rem;
      color: #294d70;
      font-size: 0.94rem;
      line-height: 1.7;
    }

    .renaiss-agent-message li + li {
      margin-top: 0.28rem;
    }

    .agent-answer-note {
      border: 1px solid rgba(127, 205, 229, 0.62);
      border-radius: 16px;
      background:
        radial-gradient(circle at 0% 0%, rgba(58, 202, 184, 0.14), transparent 42%),
        rgba(244, 253, 255, 0.86);
      color: #285674;
      font-size: 0.94rem;
      font-weight: 800;
      line-height: 1.7;
      padding: 0.72rem 0.82rem;
    }

    .agent-answer-table-wrap {
      overflow-x: auto;
      border: 1px solid rgba(184, 218, 248, 0.82);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }

    .agent-answer-table {
      width: 100%;
      border-collapse: collapse;
      min-width: 540px;
      color: #294d70;
      font-size: 0.88rem;
      line-height: 1.55;
    }

    .agent-answer-table th,
    .agent-answer-table td {
      border-bottom: 1px solid rgba(205, 228, 249, 0.82);
      padding: 0.62rem 0.72rem;
      text-align: left;
      vertical-align: top;
    }

    .agent-answer-table th {
      color: #153758;
      font-size: 0.78rem;
      font-weight: 950;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      background: rgba(237, 248, 255, 0.72);
    }

    .agent-answer-table tr:last-child td {
      border-bottom: 0;
    }

    .agent-source-cite {
      color: #1d7e9f;
      font-weight: 900;
      white-space: nowrap;
    }

    .agent-typing-row {
      align-items: center;
      display: inline-flex;
      gap: 0.36rem;
      min-height: 1.8rem;
    }

    .agent-typing-row span {
      width: 0.48rem;
      height: 0.48rem;
      border-radius: 999px;
      background: linear-gradient(135deg, #5596f0, #34d1ae);
      box-shadow: 0 0 18px rgba(67, 169, 219, 0.34);
      animation: agentTypingDot 1.05s ease-in-out infinite;
    }

    .agent-typing-row span:nth-child(2) {
      animation-delay: 140ms;
    }

    .agent-typing-row span:nth-child(3) {
      animation-delay: 280ms;
    }

    .renaiss-agent-source-title {
      align-items: center;
      display: flex;
      justify-content: space-between;
      gap: 0.6rem;
      color: #466684;
      font-size: 0.74rem;
      font-weight: 900;
      letter-spacing: 0.05em;
      margin-bottom: 0.5rem;
      text-transform: uppercase;
    }

    .renaiss-agent-source-title small {
      color: #7a91aa;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0;
      text-transform: none;
    }

    .renaiss-agent-source-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 0.52rem;
    }

    .renaiss-agent-source {
      width: 100%;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0.58rem;
      align-items: start;
      border: 1px solid rgba(202, 228, 250, 0.86);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.64);
      color: inherit;
      cursor: pointer;
      padding: 0.62rem 0.68rem;
      text-align: left;
      transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
    }

    .renaiss-agent-source:hover {
      transform: translateY(-2px);
      border-color: rgba(82, 152, 230, 0.72);
      background: rgba(247, 252, 255, 0.92);
      box-shadow: 0 12px 28px rgba(41, 90, 145, 0.1);
    }

    .renaiss-agent-source-index {
      color: #2d74a8;
      font-size: 0.76rem;
      font-weight: 900;
      line-height: 1.5;
    }

    .renaiss-agent-source-copy {
      min-width: 0;
      display: grid;
      gap: 0.18rem;
    }

    .renaiss-agent-source-copy strong {
      color: #264e75;
      font-size: 0.82rem;
      font-weight: 900;
      line-height: 1.38;
    }

    .renaiss-agent-source-copy em,
    .renaiss-agent-source-copy span {
      color: #6a829c;
      font-size: 0.72rem;
      font-style: normal;
      line-height: 1.45;
    }

    .agent-source-modal[hidden] {
      display: none;
    }

    .agent-source-modal {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: grid;
      place-items: center;
      padding: 1.2rem;
    }

    .agent-source-modal-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(18, 36, 58, 0.38);
      backdrop-filter: blur(12px);
    }

    .agent-source-dialog {
      width: min(860px, 100%);
      max-height: min(86vh, 760px);
      overflow: auto;
      position: relative;
      z-index: 1;
      border: 1px solid rgba(181, 214, 247, 0.82);
      border-radius: 24px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(246, 252, 255, 0.92)),
        linear-gradient(120deg, rgba(228, 244, 255, 0.78), rgba(255, 248, 235, 0.52));
      box-shadow: 0 34px 92px rgba(14, 34, 56, 0.28);
      color: #203f5e;
      padding: clamp(1rem, 3vw, 1.5rem);
      animation: agentModalIn 220ms ease-out;
    }

    .agent-source-close {
      position: absolute;
      top: 0.8rem;
      right: 0.8rem;
      width: 2.3rem;
      height: 2.3rem;
      border: 1px solid rgba(187, 219, 248, 0.82);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.76);
      color: #2d5c88;
      cursor: pointer;
    }

    .agent-source-dialog-kicker {
      color: #3a78ac;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .agent-source-dialog h2 {
      max-width: calc(100% - 2.8rem);
      margin: 0.28rem 0 0.48rem;
      color: #183654;
      font-size: clamp(1.25rem, 3vw, 1.9rem);
      line-height: 1.15;
    }

    .agent-source-dialog-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin-bottom: 0.8rem;
    }

    .agent-source-dialog-meta span,
    .agent-source-tags span {
      border: 1px solid rgba(191, 219, 247, 0.82);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.66);
      color: #315677;
      font-size: 0.72rem;
      font-weight: 900;
      padding: 0.32rem 0.5rem;
    }

    .agent-source-dialog-body {
      display: grid;
      gap: 0.72rem;
    }

    .agent-source-dialog-body section {
      border: 1px solid rgba(206, 229, 250, 0.78);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.58);
      padding: 0.72rem 0.82rem;
    }

    .agent-source-dialog-body h3 {
      margin: 0 0 0.36rem;
      color: #315a82;
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.04em;
    }

    .agent-source-dialog-body p {
      margin: 0;
      color: #294d70;
      font-size: 0.9rem;
      line-height: 1.72;
    }

    .agent-original-card {
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(241, 250, 255, 0.78)),
        radial-gradient(circle at 100% 0%, rgba(95, 189, 255, 0.2), transparent 36%);
    }

    .agent-original-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.42), transparent);
      transform: translateX(-70%);
      animation: agentSourceSheen 2.8s ease-in-out infinite;
    }

    .agent-original-card.is-loading {
      min-height: 8rem;
    }

    .agent-original-card.is-sbt-source {
      border-color: rgba(127, 205, 229, 0.72);
      background:
        radial-gradient(circle at 0% 0%, rgba(61, 210, 173, 0.16), transparent 42%),
        radial-gradient(circle at 100% 0%, rgba(88, 158, 255, 0.18), transparent 42%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 250, 255, 0.78));
    }

    .agent-original-card-top {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.9rem;
      align-items: start;
      margin-bottom: 0.76rem;
    }

    .agent-original-card-kicker,
    .agent-memory-section span,
    .agent-original-card-section span {
      color: #3978a7;
      font-size: 0.68rem;
      font-weight: 950;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }

    .agent-original-card h3 {
      margin: 0.18rem 0 0.3rem;
      color: #153758;
      font-size: clamp(1rem, 2vw, 1.3rem);
      line-height: 1.25;
      letter-spacing: 0;
    }

    .agent-original-card-top img {
      width: clamp(5.5rem, 16vw, 8.6rem);
      aspect-ratio: 1 / 1;
      object-fit: cover;
      border: 1px solid rgba(184, 220, 248, 0.85);
      border-radius: 16px;
      box-shadow: 0 18px 42px rgba(49, 112, 166, 0.18);
    }

    .agent-original-card-section,
    .agent-memory-section {
      position: relative;
      display: grid;
      gap: 0.22rem;
      margin-top: 0.58rem;
    }

    .agent-original-card-bullets {
      position: relative;
      display: grid;
      gap: 0.34rem;
      margin: 0.68rem 0 0;
      padding-left: 1rem;
      color: #294d70;
      font-size: 0.9rem;
      line-height: 1.55;
    }

    .agent-original-card-actions {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      gap: 0.48rem;
      margin-top: 0.82rem;
    }

    .agent-original-card-actions a {
      border: 1px solid rgba(117, 196, 224, 0.82);
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(232, 247, 255, 0.96), rgba(232, 255, 249, 0.86));
      color: #235a82;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font-size: 0.78rem;
      font-weight: 950;
      padding: 0.5rem 0.68rem;
      text-decoration: none;
    }

    .agent-source-evidence {
      background: rgba(255, 255, 255, 0.45);
    }

    .agent-source-warning {
      border: 1px solid rgba(245, 182, 102, 0.45);
      border-radius: 12px;
      background: rgba(255, 246, 229, 0.72);
      color: #7a4a18 !important;
      padding: 0.54rem 0.62rem;
      margin-bottom: 0.6rem !important;
    }

    .agent-source-facts {
      display: grid;
      gap: 0.42rem;
    }

    .agent-source-fact {
      display: grid;
      grid-template-columns: 110px minmax(0, 1fr);
      gap: 0.52rem;
      align-items: start;
      border: 1px solid rgba(206, 229, 250, 0.78);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.56);
      padding: 0.58rem 0.68rem;
    }

    .agent-source-fact span {
      color: #6c84a0;
      font-size: 0.72rem;
      font-weight: 900;
      text-transform: uppercase;
    }

    .agent-source-fact strong {
      color: #274b70;
      font-size: 0.86rem;
      line-height: 1.48;
    }

    .agent-source-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.38rem;
    }

    .agent-source-tags.is-reasons span {
      background: rgba(236, 250, 255, 0.74);
      color: #276681;
    }

    .agent-source-open-link {
      width: fit-content;
      border: 1px solid rgba(117, 196, 224, 0.82);
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(231, 247, 255, 0.94), rgba(232, 255, 249, 0.82));
      color: #235a82;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font-size: 0.82rem;
      font-weight: 900;
      padding: 0.54rem 0.72rem;
      text-decoration: none;
    }

    @property --agent-glow-angle {
      syntax: "<angle>";
      inherits: false;
      initial-value: 0deg;
    }

    @property --agent-composer-angle {
      syntax: "<angle>";
      inherits: false;
      initial-value: 0deg;
    }

    @keyframes agentAmbientSweep {
      0% { transform: rotate(0deg) scale(1); }
      100% { transform: rotate(16deg) scale(1.04); }
    }

    @keyframes agentBorderSpin {
      to { --agent-glow-angle: 360deg; }
    }

    @keyframes agentComposerSpin {
      to { --agent-composer-angle: 360deg; }
    }

    @keyframes agentComposerAura {
      0% { opacity: 0.5; transform: scaleX(0.98) scaleY(0.92); }
      100% { opacity: 0.86; transform: scaleX(1.02) scaleY(1); }
    }

    @keyframes agentStatusPulse {
      0%, 100% { opacity: 0.58; }
      50% { opacity: 1; }
    }

    @keyframes agentTypingDot {
      0%, 100% { transform: translateY(0); opacity: 0.46; }
      50% { transform: translateY(-5px); opacity: 1; }
    }

    @keyframes agentModalIn {
      from { opacity: 0; transform: translateY(10px) scale(0.98); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }

    @keyframes agentSourceSheen {
      0%, 42% { transform: translateX(-82%); opacity: 0; }
      58% { opacity: 1; }
      100% { transform: translateX(92%); opacity: 0; }
    }

    .intel-auth-bar {
      margin-top: 0.5rem;
      border: 1px solid rgba(187, 217, 246, 0.85);
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(248, 252, 255, 0.95), rgba(234, 245, 255, 0.9));
      padding: 0.5rem 0.58rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.46rem;
    }

    .intel-auth-status {
      color: #325a84;
      font-size: 0.78rem;
      font-weight: 800;
      line-height: 1.45;
    }

    .intel-auth-status.is-error {
      color: #b34332;
    }

    .intel-auth-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      flex-wrap: wrap;
    }

    .intel-auth-btn {
      border: 1px solid rgba(178, 210, 242, 0.95);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.94);
      color: #214d79;
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.02em;
      padding: 0.34rem 0.64rem;
      cursor: pointer;
    }

    .intel-auth-btn:hover {
      border-color: rgba(102, 166, 231, 0.9);
    }

    .intel-auth-btn.is-logout {
      border-color: rgba(234, 198, 198, 0.9);
      color: #9d3b3b;
      background: rgba(255, 244, 244, 0.94);
    }

    .intel-action-msg {
      margin-top: 0.5rem;
      color: #5f7b9b;
      font-size: 0.76rem;
      line-height: 1.55;
    }

    .intel-action-msg.is-error {
      color: #b34332;
    }

    .intel-action-msg.is-ok {
      color: #167e5b;
    }

    .intel-digest-wrap {
      margin-top: 0.68rem;
    }

    .intel-conclusion {
      margin-top: 0.44rem;
      color: #4f6785;
      line-height: 1.68;
      font-size: 0.9rem;
    }

    .intel-note {
      margin-top: 0.52rem;
      color: #5f7b9b;
      font-size: 0.79rem;
      line-height: 1.56;
    }

    .sbt-caption-top {
      margin-top: 0.08rem;
      margin-bottom: 0.82rem;
    }

    .sbt-caption-main {
      margin-top: 0.84rem;
      margin-bottom: 1.02rem;
      line-height: 1.66;
    }

    .sbt-beginner-title {
      display: inline-flex;
      align-items: center;
      gap: 0.34rem;
      background: linear-gradient(97deg, #3058f5 0%, #7d57d8 45%, #dd7ab5 72%, #f4be64 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }

    .sbt-beginner-title[data-sbt-beginner-toggle] {
      cursor: pointer;
      user-select: none;
    }

    .sbt-beginner-title[data-sbt-beginner-toggle]:focus-visible {
      outline: 2px solid rgba(78, 132, 244, 0.7);
      outline-offset: 4px;
      border-radius: 10px;
    }

    .sbt-beginner-title iconify-icon {
      color: #5f6ce8;
      -webkit-text-fill-color: #5f6ce8;
      background: none;
    }

    .sbt-main-head {
      margin-top: 0.16rem;
      margin-bottom: 1.22rem;
      align-items: flex-start;
    }

    .sbt-main-head .section-title {
      font-size: clamp(2rem, 4.2vw, 3.1rem);
      line-height: 1.12;
      letter-spacing: -0.018em;
    }

    .sbt-beginner-head .section-title {
      font-size: clamp(2rem, 4.2vw, 3.1rem);
      line-height: 1.12;
      letter-spacing: -0.018em;
    }

    .sbt-main-sub {
      margin-top: 0.68rem;
      font-size: clamp(1.02rem, 1.9vw, 1.32rem);
      line-height: 1.7;
      max-width: 92ch;
    }

    .sbt-groups-top {
      margin-top: 0.18rem;
    }

    .sbt-groups.is-collapsed {
      display: none;
    }

    .beginner-hero-head {
      margin-top: 0.2rem;
      margin-bottom: 1.02rem;
      align-items: flex-start;
    }

    .beginner-hero-head .section-title {
      font-size: clamp(2rem, 4.2vw, 3.08rem);
      line-height: 1.1;
      letter-spacing: -0.02em;
    }

    .beginner-hero-sub {
      margin-top: 0.7rem;
      font-size: clamp(1.01rem, 1.9vw, 1.26rem);
      line-height: 1.72;
      max-width: 92ch;
    }

    .beginner-stat-row {
      margin-top: 0.74rem;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.6rem;
    }

    .beginner-stat {
      border: 1px solid rgba(255, 255, 255, 0.92);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.76);
      padding: 0.56rem 0.62rem;
      box-shadow: 0 10px 22px rgba(72, 101, 139, 0.08);
    }

    .beginner-stat-label {
      display: inline-flex;
      align-items: center;
      gap: 0.34rem;
      color: #6a83a2;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .beginner-stat-value {
      margin-top: 0.2rem;
      color: #233f62;
      font-size: 1.02rem;
      font-weight: 900;
      line-height: 1.32;
    }

    .beginner-quick-links {
      margin-top: 0.66rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.48rem;
    }

    .beginner-help-hero {
      position: relative;
      min-height: clamp(310px, 38vw, 430px);
      overflow: hidden;
      border: 1px solid rgba(226, 239, 252, 0.94);
      border-radius: 28px;
      background: linear-gradient(138deg, rgba(246, 251, 255, 0.9), rgba(255, 250, 240, 0.78));
      box-shadow:
        0 22px 54px rgba(48, 82, 123, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.84);
      padding: clamp(1.35rem, 4vw, 3.15rem);
      display: grid;
      align-content: end;
      gap: clamp(0.82rem, 1.8vw, 1.18rem);
      isolation: isolate;
    }

    .beginner-help-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(247, 252, 255, 0.94) 0%, rgba(247, 252, 255, 0.78) 38%, rgba(247, 252, 255, 0.32) 68%, rgba(247, 252, 255, 0.08) 100%),
        linear-gradient(0deg, rgba(24, 42, 66, 0.22), rgba(24, 42, 66, 0) 46%);
    }

    .beginner-help-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 42%),
        linear-gradient(118deg, rgba(58, 179, 255, 0.2), rgba(255, 201, 109, 0.14) 46%, rgba(34, 196, 156, 0.1));
      mix-blend-mode: soft-light;
    }

    .beginner-help-hero .beginner-cover-hero {
      position: absolute;
      inset: 0;
      z-index: -2;
      max-height: none;
      margin: 0;
      border: 0;
      border-radius: inherit;
      box-shadow: none;
      opacity: 0.72;
    }

    .beginner-help-hero .beginner-cover-hero img {
      width: 100%;
      height: 100%;
      min-height: 100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.01);
    }

    .beginner-hero-head {
      width: min(760px, 100%);
      margin: 0;
      align-items: flex-start;
      flex-direction: column;
      gap: 0.74rem;
    }

    .beginner-hero-head .chip {
      order: -1;
      background: rgba(255, 255, 255, 0.68);
      border-color: rgba(255, 255, 255, 0.86);
      box-shadow: 0 10px 22px rgba(42, 78, 118, 0.08);
    }

    .beginner-hero-head .section-title {
      font-size: clamp(2rem, 5vw, 4.15rem);
      line-height: 0.95;
      color: #13283f;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    .beginner-hero-sub {
      max-width: 58ch;
      margin-top: 0.5rem;
      color: #31516f;
      font-size: clamp(0.94rem, 1.45vw, 1.08rem);
      font-weight: 680;
      line-height: 1.72;
    }

    .beginner-wiki-entry {
      width: min(920px, 100%);
      margin: 1.42rem auto 1.05rem;
      display: grid;
      gap: 0.72rem;
    }

    .beginner-wiki-search {
      width: min(760px, 100%);
      min-height: 56px;
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.62rem;
      align-items: center;
      border: 1px solid rgba(255, 255, 255, 0.92);
      border-radius: 999px;
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(242, 249, 255, 0.72));
      backdrop-filter: blur(16px) saturate(128%);
      -webkit-backdrop-filter: blur(16px) saturate(128%);
      box-shadow:
        0 18px 36px rgba(36, 70, 109, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
      padding: 0.4rem 0.78rem;
    }

    .beginner-wiki-search iconify-icon {
      display: grid;
      place-items: center;
      width: 2.1rem;
      height: 2.1rem;
      border-radius: 999px;
      color: #256aa6;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(229, 242, 255, 0.9));
      box-shadow: inset 0 0 0 1px rgba(191, 216, 243, 0.82);
    }

    .beginner-wiki-search input {
      min-width: 0;
      border: 0;
      outline: 0;
      background: transparent;
      color: #1c3f62;
      font: 850 0.95rem/1.25 var(--body-font);
    }

    .beginner-wiki-search input::placeholder {
      color: #7890ab;
      font-weight: 760;
    }

    .beginner-wiki-topic-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.72rem;
    }

    .beginner-wiki-topic {
      min-width: 0;
      min-height: 88px;
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 0.7rem;
      text-align: left;
      text-decoration: none;
      border: 1px solid rgba(224, 238, 252, 0.94);
      border-radius: 16px;
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(247, 252, 255, 0.7));
      box-shadow:
        0 12px 26px rgba(70, 103, 141, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
      padding: 0.72rem 0.76rem;
      cursor: pointer;
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }

    .beginner-wiki-topic:hover,
    .beginner-wiki-topic:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(134, 190, 238, 0.88);
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 249, 255, 0.88));
      box-shadow: 0 14px 28px rgba(58, 96, 137, 0.13);
      outline: none;
    }

    .beginner-wiki-topic.is-active {
      border-color: rgba(237, 245, 255, 0.82);
      background:
        radial-gradient(120% 92% at 16% 14%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 56%),
        linear-gradient(136deg, #141e2d 0%, #3b4a5f 24%, #9ba9bb 49%, #4a5b71 67%, #111a2a 100%);
      box-shadow:
        0 14px 28px rgba(20, 32, 50, 0.24),
        0 0 12px rgba(95, 183, 255, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.46);
    }

    .beginner-wiki-topic.is-active .beginner-wiki-topic-copy strong,
    .beginner-wiki-topic.is-active .beginner-wiki-topic-copy em {
      color: #f5f8ff;
      text-shadow: rgba(20, 34, 54, 0.52) 0 1px 1px;
    }

    .beginner-wiki-topic.is-active .beginner-wiki-topic-icon {
      color: #1f5e96;
      background:
        radial-gradient(110% 88% at 18% 14%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0) 62%),
        linear-gradient(145deg, #f8fbff, #dce8f4 54%, #f2f7ff);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 8px 16px rgba(7, 18, 34, 0.18);
    }

    .beginner-wiki-topic-icon {
      display: grid;
      place-items: center;
      width: 2.9rem;
      height: 2.9rem;
      border-radius: 14px;
      border: 1px solid rgba(199, 223, 247, 0.92);
      color: #2873b4;
      background:
        radial-gradient(110% 88% at 18% 14%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 62%),
        linear-gradient(145deg, #f8fbff, #dce8f4 54%, #f2f7ff);
      box-shadow: 0 8px 16px rgba(58, 92, 130, 0.1);
    }

    .beginner-wiki-topic-copy {
      min-width: 0;
      display: grid;
      gap: 0.2rem;
    }

    .beginner-wiki-topic-copy strong {
      color: #24466b;
      font-size: 0.96rem;
      line-height: 1.25;
      font-weight: 950;
    }

    .beginner-wiki-topic-copy em {
      color: #5f7c9d;
      font-size: 0.76rem;
      line-height: 1.42;
      font-style: normal;
      font-weight: 680;
    }

    .beginner-wiki-search-empty {
      display: none;
      border: 1px dashed rgba(160, 192, 224, 0.88);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.62);
      color: #5d7895;
      padding: 0.62rem 0.7rem;
      text-align: center;
      font-size: 0.84rem;
      font-weight: 800;
    }

    .beginner-wiki-search-empty.is-visible {
      display: block;
    }

    .beginner-static-section.is-hidden-by-search {
      display: none;
    }

    @media (max-width: 900px) {
      .beginner-help-hero {
        min-height: 330px;
        border-radius: 22px;
      }

      .beginner-wiki-topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 560px) {
      .beginner-help-hero {
        min-height: 360px;
        padding: 1.05rem;
        border-radius: 18px;
      }

      .beginner-help-hero::before {
        background: linear-gradient(180deg, rgba(247, 252, 255, 0.9) 0%, rgba(247, 252, 255, 0.78) 54%, rgba(247, 252, 255, 0.54) 100%);
      }

      .beginner-hero-head .section-title {
        font-size: clamp(1.9rem, 13vw, 3.15rem);
      }

      .beginner-hero-sub {
        font-size: 0.9rem;
      }

      .beginner-wiki-entry {
        margin-top: 0.82rem;
      }

      .beginner-wiki-search {
        border-radius: 15px;
        min-height: 54px;
      }

      .beginner-wiki-topic-grid {
        grid-template-columns: 1fr;
        gap: 0.58rem;
      }

      .beginner-wiki-topic {
        min-height: 78px;
        border-radius: 14px;
      }

      .beginner-wiki-topic-icon {
        width: 2.48rem;
        height: 2.48rem;
      }
    }

    #beginner-anchor-start .beginner-help-hero {
      min-height: auto;
      grid-template-columns: minmax(0, 1fr) minmax(220px, 330px);
      align-items: center;
      align-content: center;
      gap: clamp(0.78rem, 2vw, 1.16rem);
      border-radius: 22px;
      background:
        radial-gradient(circle at 0% 0%, rgba(91, 181, 255, 0.12), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(246, 251, 255, 0.62));
      padding: clamp(0.9rem, 2.2vw, 1.28rem);
    }

    #beginner-anchor-start .beginner-help-hero::before {
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0)),
        linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(53, 154, 255, 0.06));
    }

    #beginner-anchor-start .beginner-help-hero::after {
      display: none;
    }

    #beginner-anchor-start .beginner-help-hero .beginner-cover-hero {
      position: relative;
      inset: auto;
      z-index: 0;
      grid-column: 2;
      grid-row: 1 / span 2;
      height: 184px;
      border: 1px solid rgba(219, 235, 251, 0.92);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.72);
      box-shadow:
        0 14px 30px rgba(57, 89, 126, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
      opacity: 1;
    }

    #beginner-anchor-start .beginner-help-hero .beginner-cover-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
        linear-gradient(90deg, rgba(247, 252, 255, 0.14), rgba(20, 37, 58, 0.12));
    }

    #beginner-anchor-start .beginner-help-hero .beginner-cover-hero img {
      width: 100%;
      height: 100%;
      min-height: 100%;
      transform: none;
    }

    #beginner-anchor-start .beginner-hero-head {
      grid-column: 1;
      width: min(720px, 100%);
      gap: 0.48rem;
    }

    #beginner-anchor-start .beginner-hero-head .chip {
      order: -1;
      width: fit-content;
      color: #315a80;
      background: rgba(255, 255, 255, 0.78);
    }

    #beginner-anchor-start .beginner-hero-head .section-title {
      font-size: clamp(1.72rem, 3.3vw, 2.72rem);
      line-height: 1.04;
      background: none;
      color: #182e47;
      -webkit-text-fill-color: #182e47;
      text-shadow: none;
    }

    #beginner-anchor-start .beginner-hero-head .section-title iconify-icon {
      color: #2f89ff;
      -webkit-text-fill-color: #2f89ff;
    }

    #beginner-anchor-start .beginner-hero-sub {
      max-width: 68ch;
      margin-top: 0.28rem;
      color: #4a6887;
      font-size: 0.96rem;
      font-weight: 720;
      line-height: 1.66;
    }

    #beginner-anchor-start .beginner-wiki-search {
      grid-column: 1;
      width: min(680px, 100%);
      min-height: 52px;
      border-color: rgba(208, 229, 250, 0.94);
      background: rgba(255, 255, 255, 0.76);
      box-shadow:
        0 10px 22px rgba(55, 88, 126, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    }

    #beginner-anchor-start .beginner-wiki-entry {
      width: min(1040px, 100%);
      margin: 0.88rem auto 1rem;
    }

    #beginner-anchor-start .beginner-wiki-topic-grid {
      gap: 0.64rem;
    }

    #beginner-anchor-start .beginner-wiki-topic {
      min-height: 84px;
      border-radius: 14px;
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(248, 252, 255, 0.66));
      box-shadow:
        0 9px 20px rgba(69, 101, 140, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
    }

    #beginner-anchor-start .beginner-wiki-topic.is-active {
      border-color: rgba(74, 154, 255, 0.5);
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(235, 247, 255, 0.78));
      box-shadow:
        0 13px 26px rgba(60, 102, 150, 0.12),
        inset 0 0 0 1px rgba(132, 197, 255, 0.28);
    }

    #beginner-anchor-start .beginner-wiki-topic.is-active .beginner-wiki-topic-copy strong {
      color: #1e4d7c;
      text-shadow: none;
    }

    #beginner-anchor-start .beginner-wiki-topic.is-active .beginner-wiki-topic-copy em {
      color: #5d7794;
      text-shadow: none;
    }

    #beginner-anchor-start .beginner-wiki-topic.is-active .beginner-wiki-topic-icon {
      color: #1f6fb8;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 8px 16px rgba(59, 114, 171, 0.12);
    }

    #beginner-scroll-timeline {
      display: none;
    }

    .wiki-nav-menu {
      position: relative;
      display: inline-flex;
    }

    .beginner-page .nav {
      overflow: visible;
    }

    .nav-links .wiki-nav-trigger {
      appearance: none;
      display: inline-flex;
      align-items: center;
      gap: 0.34rem;
      border: 1px solid rgba(255, 255, 255, 0.76);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.65);
      color: #315171;
      padding: 0.4rem 0.68rem;
      font: 800 0.78rem/1 var(--body-font);
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: nowrap;
      cursor: pointer;
      transition:
        color 180ms ease,
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .nav-links .wiki-nav-trigger:hover,
    .nav-links .wiki-nav-trigger:focus-visible,
    .nav-links .wiki-nav-trigger.is-open {
      color: #1d4770;
      background: rgba(255, 255, 255, 0.94);
      border-color: rgba(158, 204, 247, 0.78);
      box-shadow: 0 8px 18px rgba(52, 91, 132, 0.1);
      outline: none;
    }

    .nav-links .wiki-nav-trigger iconify-icon {
      font-size: 0.95rem;
      transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .nav-links .wiki-nav-trigger.is-open iconify-icon {
      transform: rotate(180deg);
    }

    .wiki-mega-menu {
      position: fixed;
      top: 4.85rem;
      left: 50%;
      z-index: 80;
      width: min(1000px, calc(100vw - 1.4rem));
      max-height: calc(100svh - 5.6rem);
      overflow: auto;
      border: 1px solid rgba(218, 234, 251, 0.94);
      border-radius: 18px;
      background:
        radial-gradient(circle at 0% 0%, rgba(93, 177, 255, 0.14), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.985), rgba(247, 252, 255, 0.965));
      box-shadow:
        0 26px 60px rgba(31, 59, 95, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(20px) saturate(135%);
      -webkit-backdrop-filter: blur(20px) saturate(135%);
      padding: 0.84rem;
      opacity: 0;
      transform: translateX(-50%) translateY(-8px) scale(0.985);
      pointer-events: none;
      transition:
        opacity 180ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .wiki-mega-menu.is-open {
      opacity: 1;
      transform: translateX(-50%) translateY(0) scale(1);
      pointer-events: auto;
    }

    .wiki-mega-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.8rem;
      border-bottom: 1px solid rgba(219, 235, 251, 0.88);
      padding: 0.2rem 0.24rem 0.78rem;
      margin-bottom: 0.76rem;
    }

    .wiki-mega-kicker,
    .wiki-mega-column-kicker {
      display: block;
      color: #6c85a1;
      font-size: 0.64rem;
      font-weight: 900;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .wiki-mega-head strong {
      display: block;
      margin-top: 0.1rem;
      color: #1c3551;
      font-family: "Space Grotesk", "Noto Sans TC", sans-serif;
      font-size: 1.22rem;
      line-height: 1.1;
    }

    .nav-links .wiki-mega-open {
      display: inline-flex;
      align-items: center;
      gap: 0.38rem;
      border: 1px solid rgba(195, 221, 249, 0.9);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.78);
      color: #28577f;
      padding: 0.46rem 0.66rem;
      text-decoration: none;
      font-size: 0.74rem;
      font-weight: 900;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: nowrap;
      transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .nav-links .wiki-mega-open:hover,
    .nav-links .wiki-mega-open:focus-visible,
    .nav-links .wiki-mega-open.is-active {
      background: rgba(239, 248, 255, 0.94);
      border-color: rgba(93, 172, 249, 0.68);
      box-shadow: 0 9px 18px rgba(58, 103, 150, 0.1);
      transform: translateY(-1px);
      outline: none;
    }

    .nav-links .wiki-mega-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.58rem;
    }

    .nav-links .wiki-mega-column {
      min-width: 0;
      border-left: 1px solid rgba(221, 235, 250, 0.88);
      padding: 0.12rem 0.52rem 0.18rem 0.74rem;
    }

    .nav-links .wiki-mega-column:first-child {
      border-left: 0;
      padding-left: 0.24rem;
    }

    .nav-links .wiki-mega-column h3 {
      margin: 0.2rem 0 0.54rem;
      color: #1d3754;
      font-size: 0.92rem;
      line-height: 1.2;
      font-weight: 950;
    }

    .nav-links .wiki-mega-link {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: start;
      gap: 0.48rem;
      min-height: 4rem;
      border: 1px solid transparent;
      border-radius: 13px;
      color: #274b70;
      text-decoration: none;
      padding: 0.5rem 0.48rem;
      background: transparent;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: 0;
      text-transform: none;
      white-space: normal;
      transition:
        transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
    }

    .nav-links .wiki-mega-link iconify-icon {
      display: grid;
      place-items: center;
      width: 1.82rem;
      height: 1.82rem;
      border: 1px solid rgba(197, 222, 247, 0.9);
      border-radius: 11px;
      color: #2170b6;
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(231, 243, 255, 0.84));
      transition:
        color 180ms ease,
        transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 180ms ease;
    }

    .nav-links .wiki-mega-link strong,
    .nav-links .wiki-mega-link em {
      display: block;
      min-width: 0;
      max-width: 100%;
      overflow-wrap: anywhere;
      word-break: normal;
      text-transform: none;
    }

    .nav-links .wiki-mega-link strong {
      color: #1f3d5f;
      font-size: 0.86rem;
      font-weight: 950;
      line-height: 1.24;
      transition: color 180ms ease;
    }

    .nav-links .wiki-mega-link em {
      margin-top: 0.12rem;
      color: #657f9d;
      font-size: 0.72rem;
      font-style: normal;
      font-weight: 720;
      line-height: 1.42;
      transition: color 180ms ease;
    }

    .nav-links .wiki-mega-link:hover,
    .nav-links .wiki-mega-link:focus-visible,
    .nav-links .wiki-mega-link.is-active {
      transform: translateY(-2px);
      border-color: rgba(136, 194, 247, 0.7);
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 12px 24px rgba(52, 89, 128, 0.09);
      outline: none;
    }

    .nav-links .wiki-mega-link:hover iconify-icon,
    .nav-links .wiki-mega-link.is-active iconify-icon {
      color: #155f9f;
      transform: scale(1.04);
      box-shadow: 0 8px 15px rgba(64, 120, 180, 0.12);
    }

    .wiki-creator-btn {
      appearance: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 2.08rem;
      border: 1px solid rgba(196, 221, 247, 0.9);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.72);
      color: #284c70;
      box-shadow:
        0 8px 18px rgba(58, 94, 132, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
      cursor: pointer;
      font: 900 0.72rem/1 var(--body-font);
      letter-spacing: 0.06em;
      padding: 0.5rem 0.72rem;
      text-transform: uppercase;
      white-space: nowrap;
      transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        color 180ms ease,
        opacity 180ms ease,
        transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .wiki-creator-btn[hidden] {
      display: none !important;
    }

    .wiki-creator-btn:hover,
    .wiki-creator-btn:focus-visible {
      background: rgba(255, 255, 255, 0.94);
      border-color: rgba(106, 176, 244, 0.78);
      box-shadow: 0 10px 20px rgba(58, 103, 150, 0.11);
      color: #1e5c92;
      outline: none;
      transform: translateY(-1px);
    }

    .wiki-creator-btn:disabled {
      cursor: progress;
      opacity: 0.58;
      transform: none;
    }

    .wiki-creator-btn.is-primary {
      border-color: rgba(238, 205, 139, 0.72);
      background:
        linear-gradient(135deg, rgba(255, 241, 208, 0.95), rgba(219, 240, 255, 0.9));
      color: #244f76;
    }

    .wiki-inline-toolbar[hidden] {
      display: none !important;
    }

    .wiki-inline-toolbar {
      position: sticky;
      top: 5.18rem;
      z-index: 70;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.72rem;
      margin: 0.78rem 0 0.64rem;
      border: 1px solid rgba(194, 220, 248, 0.9);
      border-radius: 18px;
      background:
        radial-gradient(110% 90% at 5% 10%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 60%),
        linear-gradient(138deg, rgba(255, 255, 255, 0.88), rgba(239, 248, 255, 0.78));
      box-shadow:
        0 18px 42px rgba(42, 78, 118, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
      padding: 0.72rem 0.82rem;
      backdrop-filter: blur(22px) saturate(128%);
      -webkit-backdrop-filter: blur(22px) saturate(128%);
      transform-origin: top center;
      animation: wikiInlineToolbarIn 260ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
    }

    .wiki-inline-toolbar strong {
      display: block;
      color: #1d4268;
      font-size: 0.92rem;
      font-weight: 950;
      line-height: 1.2;
    }

    .wiki-inline-toolbar span {
      display: block;
      margin-top: 0.14rem;
      color: #5f7c9b;
      font-size: 0.76rem;
      font-weight: 720;
      line-height: 1.42;
    }

    .wiki-inline-toolbar-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.46rem;
      flex-wrap: wrap;
    }

    .wiki-inline-toolbar .beginner-wiki-message {
      flex: 1 1 100%;
      margin: 0;
    }

    @keyframes wikiInlineToolbarIn {
      from {
        opacity: 0;
        transform: translateY(-8px) scale(0.99);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    .beginner-wiki-modal {
      position: fixed;
      inset: 0;
      z-index: 120;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 50% 0%, rgba(85, 166, 245, 0.16), transparent 42%),
        rgba(16, 31, 48, 0.32);
      opacity: 0;
      padding: clamp(0.8rem, 2vw, 1.4rem);
      pointer-events: none;
      transition: opacity 180ms ease;
    }

    .beginner-wiki-modal.is-open {
      opacity: 1;
      pointer-events: auto;
    }

    .beginner-wiki-modal-panel {
      position: relative;
      width: min(520px, 100%);
      max-height: min(88svh, 760px);
      overflow: auto;
      border: 1px solid rgba(221, 236, 250, 0.96);
      border-radius: 20px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.985), rgba(246, 251, 255, 0.965));
      box-shadow:
        0 28px 72px rgba(20, 43, 72, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
      padding: clamp(1rem, 2.4vw, 1.42rem);
      transform: translateY(10px) scale(0.985);
      transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-wiki-modal.is-open .beginner-wiki-modal-panel {
      transform: translateY(0) scale(1);
    }

    .beginner-wiki-modal.is-editor .beginner-wiki-modal-panel {
      width: min(1040px, 100%);
    }

    .beginner-wiki-modal-close {
      position: absolute;
      top: 0.82rem;
      right: 0.82rem;
      border: 1px solid rgba(204, 225, 247, 0.9);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.8);
      color: #52708f;
      cursor: pointer;
      font: 900 0.68rem/1 var(--body-font);
      letter-spacing: 0.06em;
      padding: 0.42rem 0.56rem;
      text-transform: uppercase;
    }

    .beginner-wiki-modal-title {
      margin-right: 5rem;
      color: #183753;
      font-family: "Space Grotesk", "Noto Sans TC", sans-serif;
      font-size: clamp(1.18rem, 2vw, 1.55rem);
      font-weight: 900;
      line-height: 1.15;
    }

    .beginner-wiki-modal-sub {
      max-width: 74ch;
      margin: 0.38rem 5rem 0.92rem 0;
      color: #597692;
      font-size: 0.86rem;
      font-weight: 720;
      line-height: 1.58;
    }

    .beginner-wiki-form {
      display: grid;
      gap: 0.74rem;
    }

    .beginner-wiki-form label,
    .beginner-wiki-editor-form label,
    .beginner-wiki-editor-grid label,
    .beginner-wiki-editor-toolbar label {
      display: grid;
      gap: 0.28rem;
      color: #355a7c;
      font-size: 0.72rem;
      font-weight: 950;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .beginner-wiki-form input,
    .beginner-wiki-editor-form input,
    .beginner-wiki-editor-form textarea,
    .beginner-wiki-editor-grid input,
    .beginner-wiki-editor-grid textarea,
    .beginner-wiki-editor-toolbar select {
      width: 100%;
      border: 1px solid rgba(205, 226, 248, 0.94);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.86);
      color: #1f3f62;
      font: 760 0.9rem/1.45 var(--body-font);
      outline: none;
      padding: 0.64rem 0.72rem;
      transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
    }

    .beginner-wiki-form input:focus,
    .beginner-wiki-editor-form input:focus,
    .beginner-wiki-editor-form textarea:focus,
    .beginner-wiki-editor-grid input:focus,
    .beginner-wiki-editor-grid textarea:focus,
    .beginner-wiki-editor-toolbar select:focus {
      background: rgba(255, 255, 255, 0.98);
      border-color: rgba(95, 168, 241, 0.78);
      box-shadow: 0 0 0 3px rgba(74, 154, 255, 0.14);
    }

    .beginner-wiki-editor-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.74rem;
    }

    .beginner-wiki-editor-grid textarea {
      min-height: 5.8rem;
      resize: vertical;
      font-size: 0.86rem;
      line-height: 1.55;
      letter-spacing: 0;
    }

    .beginner-wiki-editor-toolbar {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 0.74rem;
      margin-bottom: 0.86rem;
    }

    .beginner-wiki-editor-toolbar-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.52rem;
      flex-wrap: wrap;
    }

    .beginner-wiki-editor-toolbar label {
      min-width: min(240px, 100%);
    }

    .beginner-wiki-editor-form {
      display: grid;
      gap: 0.82rem;
    }

    .beginner-wiki-editor-section {
      display: grid;
      gap: 0.64rem;
      border: 1px solid rgba(219, 235, 251, 0.88);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.48);
      padding: 0.78rem;
    }

    .beginner-wiki-editor-section-head,
    .beginner-wiki-edit-card-head,
    .beginner-wiki-field-group-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.7rem;
      flex-wrap: wrap;
    }

    .beginner-wiki-editor-section-head h3 {
      margin: 0;
      color: #1f3f62;
      font-size: 0.94rem;
      font-weight: 950;
      letter-spacing: 0;
    }

    .beginner-wiki-editor-section-head span,
    .beginner-wiki-field-group-head span,
    .beginner-wiki-edit-card-head span {
      color: #66829f;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .beginner-wiki-section-list,
    .beginner-wiki-repeat-list {
      display: grid;
      gap: 0.64rem;
    }

    .beginner-wiki-edit-card {
      display: grid;
      gap: 0.64rem;
      border: 1px solid rgba(205, 226, 248, 0.82);
      border-radius: 14px;
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(247, 252, 255, 0.64));
      padding: 0.72rem;
    }

    .beginner-wiki-edit-card-head strong {
      display: block;
      margin-top: 0.12rem;
      color: #1f3f62;
      font-size: 0.96rem;
      font-weight: 950;
      line-height: 1.28;
    }

    .beginner-wiki-repeat-row {
      display: grid;
      grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr) auto;
      gap: 0.5rem;
      align-items: start;
    }

    .beginner-wiki-repeat-row.is-text {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .beginner-wiki-field-group {
      display: grid;
      gap: 0.46rem;
    }

    .wiki-creator-icon-btn {
      align-self: stretch;
      border: 1px solid rgba(220, 229, 240, 0.9);
      border-radius: 11px;
      background: rgba(255, 255, 255, 0.68);
      color: #607c98;
      cursor: pointer;
      font: 900 0.68rem/1 var(--body-font);
      padding: 0.4rem 0.54rem;
      white-space: nowrap;
    }

    .wiki-creator-icon-btn:hover,
    .wiki-creator-icon-btn:focus-visible {
      border-color: rgba(238, 164, 146, 0.72);
      background: rgba(255, 246, 243, 0.92);
      color: #9a3f2d;
      outline: none;
    }

    .beginner-wiki-form-actions.is-wide {
      grid-column: 1 / -1;
    }

    .beginner-wiki-form-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.52rem;
      margin-top: 0.1rem;
    }

    .beginner-wiki-message {
      border: 1px solid rgba(193, 216, 240, 0.82);
      border-radius: 12px;
      background: rgba(241, 248, 255, 0.74);
      color: #426482;
      font-size: 0.8rem;
      font-weight: 800;
      line-height: 1.5;
      margin: 0.74rem 0 0;
      padding: 0.58rem 0.66rem;
    }

    .beginner-wiki-message.is-ok {
      border-color: rgba(128, 211, 181, 0.62);
      background: rgba(235, 255, 248, 0.76);
      color: #207454;
    }

    .beginner-wiki-message.is-error {
      border-color: rgba(238, 164, 146, 0.62);
      background: rgba(255, 242, 238, 0.8);
      color: #9a3f2d;
    }

    .beginner-docs-layout {
      display: grid;
      grid-template-columns: minmax(212px, 248px) minmax(0, 1fr);
      gap: clamp(0.84rem, 2vw, 1.34rem);
      align-items: start;
      margin-top: clamp(0.74rem, 1.8vw, 1.12rem);
      transition: grid-template-columns 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-docs-layout.is-sidebar-collapsed {
      grid-template-columns: minmax(58px, 66px) minmax(0, 1fr);
    }

    .beginner-docs-main {
      min-width: 0;
      transform-origin: top center;
      transition:
        opacity 220ms ease,
        transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
        filter 220ms ease;
    }

    .beginner-docs-sidebar {
      position: sticky;
      top: 5.7rem;
      z-index: 18;
      max-height: calc(100svh - 6.4rem);
      overflow: auto;
      border: 1px solid rgba(220, 237, 253, 0.92);
      border-radius: 18px;
      background:
        radial-gradient(circle at 0% 0%, rgba(91, 181, 255, 0.13), transparent 42%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.84), rgba(247, 252, 255, 0.68));
      box-shadow:
        0 16px 34px rgba(52, 85, 124, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.84);
      padding: 0.62rem;
      scrollbar-width: none;
      backdrop-filter: blur(18px) saturate(130%);
      -webkit-backdrop-filter: blur(18px) saturate(130%);
      transition:
        width 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
        padding 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
        border-color 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease;
    }

    .beginner-docs-sidebar::-webkit-scrollbar {
      display: none;
    }

    .beginner-sidebar-toggle {
      width: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.4rem;
      border: 1px solid rgba(211, 231, 252, 0.86);
      border-radius: 13px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(239, 249, 255, 0.72));
      color: #315a80;
      padding: 0.46rem 0.54rem;
      margin-bottom: 0.48rem;
      font: 880 0.72rem/1 var(--body-font);
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
      transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-sidebar-toggle:hover,
    .beginner-sidebar-toggle:focus-visible {
      background: rgba(255, 255, 255, 0.94);
      border-color: rgba(116, 185, 247, 0.72);
      box-shadow: 0 9px 18px rgba(55, 95, 137, 0.09);
      transform: translateY(-1px);
      outline: none;
    }

    .beginner-sidebar-toggle iconify-icon {
      font-size: 1rem;
      color: #2472bb;
      transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-sidebar-home,
    .beginner-sidebar-topic,
    .beginner-sidebar-group-toggle {
      position: relative;
      min-width: 0;
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 0.54rem;
      text-decoration: none;
      border: 1px solid transparent;
      border-radius: 14px;
      color: #2b4d70;
      padding: 0.55rem 0.58rem;
      transition:
        color 180ms ease,
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-sidebar-group-toggle {
      width: 100%;
      grid-template-columns: auto 1fr auto auto;
      text-align: left;
      font: inherit;
      cursor: pointer;
    }

    .beginner-sidebar-home {
      margin-bottom: 0.56rem;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(235, 247, 255, 0.68));
      border-color: rgba(211, 231, 252, 0.86);
      box-shadow: 0 9px 18px rgba(61, 98, 139, 0.08);
    }

    .beginner-sidebar-home-mark,
    .beginner-sidebar-group-toggle > iconify-icon:first-child,
    .beginner-sidebar-topic iconify-icon {
      display: grid;
      place-items: center;
      width: 2rem;
      height: 2rem;
      border-radius: 12px;
      color: #2472bb;
      background:
        radial-gradient(100% 92% at 18% 16%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 64%),
        linear-gradient(145deg, #f8fbff, #dbe9f6);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 7px 14px rgba(66, 111, 158, 0.1);
      transition:
        color 180ms ease,
        background 220ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 220ms ease;
    }

    .beginner-sidebar-home strong,
    .beginner-sidebar-group-copy strong,
    .beginner-sidebar-topic-copy strong {
      display: block;
      color: #1e3c5f;
      font-size: 0.86rem;
      font-weight: 950;
      line-height: 1.2;
      transition: color 180ms ease;
    }

    .beginner-sidebar-home em,
    .beginner-sidebar-group-copy em,
    .beginner-sidebar-topic-copy em {
      display: block;
      margin-top: 0.1rem;
      color: #6b83a0;
      font-size: 0.68rem;
      font-style: normal;
      font-weight: 760;
      line-height: 1.34;
      transition: color 180ms ease;
    }

    .beginner-sidebar-label {
      margin: 0.16rem 0 0.36rem;
      padding: 0 0.46rem;
      color: #6d86a3;
      font-size: 0.64rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .beginner-docs-nav {
      display: grid;
      gap: 0.22rem;
    }

    .beginner-sidebar-group {
      display: grid;
      gap: 0;
      min-width: 0;
    }

    .beginner-sidebar-group-copy {
      min-width: 0;
    }

    .beginner-sidebar-group-copy em {
      margin: 0 0 0.12rem;
      color: #7289a4;
      font-size: 0.63rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .beginner-sidebar-group-copy strong {
      font-size: 0.9rem;
      line-height: 1.14;
    }

    .beginner-sidebar-group-count {
      display: inline-grid;
      place-items: center;
      min-width: 1.52rem;
      height: 1.28rem;
      border: 1px solid rgba(198, 223, 248, 0.9);
      border-radius: 999px;
      color: #4c769d;
      background: rgba(255, 255, 255, 0.68);
      font-size: 0.58rem;
      font-weight: 950;
      letter-spacing: 0.08em;
      transition:
        color 180ms ease,
        border-color 180ms ease,
        background 180ms ease;
    }

    .beginner-sidebar-group-chevron {
      color: #5e84a8;
      font-size: 0.9rem;
      transition:
        color 180ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-sidebar-group.is-open .beginner-sidebar-group-chevron {
      transform: rotate(180deg);
    }

    .beginner-sidebar-group-panel {
      display: grid;
      grid-template-rows: 0fr;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-4px);
      transition:
        grid-template-rows 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
        opacity 180ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-sidebar-group.is-open .beginner-sidebar-group-panel {
      grid-template-rows: 1fr;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }

    .beginner-sidebar-topic {
      grid-template-columns: auto auto 1fr;
      padding-left: 0.38rem;
    }

    .beginner-sidebar-topic-rail {
      width: 3px;
      height: 1.9rem;
      border-radius: 999px;
      background: rgba(123, 179, 234, 0);
      transform: scaleY(0.36);
      transition:
        background 200ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 220ms ease;
    }

    .beginner-sidebar-home:hover,
    .beginner-sidebar-home:focus-visible,
    .beginner-sidebar-group-toggle:hover,
    .beginner-sidebar-group-toggle:focus-visible,
    .beginner-sidebar-topic:hover,
    .beginner-sidebar-topic:focus-visible {
      transform: translateX(3px);
      border-color: rgba(150, 201, 246, 0.72);
      background: rgba(255, 255, 255, 0.88);
      box-shadow: 0 11px 22px rgba(54, 92, 133, 0.1);
      outline: none;
    }

    .beginner-sidebar-home:hover .beginner-sidebar-home-mark,
    .beginner-sidebar-group-toggle:hover > iconify-icon:first-child,
    .beginner-sidebar-topic:hover iconify-icon {
      transform: scale(1.04);
      color: #1d68ad;
    }

    .beginner-sidebar-home.is-active,
    .beginner-sidebar-group.is-active .beginner-sidebar-group-toggle,
    .beginner-sidebar-topic.is-active {
      border-color: rgba(86, 166, 255, 0.62);
      background:
        radial-gradient(circle at 0% 0%, rgba(86, 166, 255, 0.16), transparent 42%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(231, 245, 255, 0.8));
      box-shadow:
        0 14px 26px rgba(55, 100, 150, 0.14),
        inset 0 0 0 1px rgba(151, 206, 255, 0.24);
    }

    .beginner-sidebar-topic.is-active .beginner-sidebar-topic-rail {
      background: linear-gradient(180deg, #2f89ff, #31c3d8);
      transform: scaleY(1);
      box-shadow: 0 0 12px rgba(47, 137, 255, 0.28);
    }

    .beginner-sidebar-home.is-active .beginner-sidebar-home-mark,
    .beginner-sidebar-group.is-active .beginner-sidebar-group-toggle > iconify-icon:first-child,
    .beginner-sidebar-topic.is-active iconify-icon {
      color: #155f9f;
      background:
        radial-gradient(100% 90% at 18% 14%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 64%),
        linear-gradient(145deg, #eff8ff, #cfe7ff);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 8px 18px rgba(55, 119, 189, 0.16);
    }

    .beginner-sidebar-home.is-active strong,
    .beginner-sidebar-group.is-active .beginner-sidebar-group-copy strong,
    .beginner-sidebar-topic.is-active strong {
      color: #17456f;
    }

    .beginner-sidebar-group.is-active .beginner-sidebar-group-count {
      color: #155f9f;
      border-color: rgba(86, 166, 255, 0.5);
      background: rgba(235, 247, 255, 0.88);
    }

    .beginner-docs-sidebar {
      border-color: rgba(220, 237, 253, 0.42);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(247, 252, 255, 0.46));
      box-shadow:
        inset 1px 0 0 rgba(207, 226, 246, 0.74),
        0 12px 28px rgba(52, 85, 124, 0.06);
    }

    .beginner-sidebar-toggle {
      border: 0;
      border-bottom: 1px solid rgba(207, 226, 246, 0.68);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      padding: 0.36rem 0.28rem 0.54rem;
    }

    .beginner-sidebar-toggle:hover,
    .beginner-sidebar-toggle:focus-visible {
      background: rgba(255, 255, 255, 0.42);
      box-shadow: none;
    }

    .beginner-sidebar-home {
      border: 0;
      border-bottom: 1px solid rgba(207, 226, 246, 0.62);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      padding: 0.52rem 0.24rem 0.72rem;
    }

    .beginner-sidebar-outline {
      display: grid;
      gap: 0.1rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .beginner-sidebar-group {
      position: relative;
      padding-left: 0.24rem;
    }

    .beginner-sidebar-group::before {
      content: "";
      position: absolute;
      top: 2.62rem;
      bottom: 0.22rem;
      left: 1.08rem;
      width: 1px;
      background: linear-gradient(180deg, rgba(81, 155, 230, 0.28), rgba(81, 155, 230, 0));
      opacity: 0;
      transform: scaleY(0.86);
      transform-origin: top;
      transition:
        opacity 180ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-sidebar-group.is-open::before {
      opacity: 1;
      transform: scaleY(1);
    }

    .beginner-sidebar-home,
    .beginner-sidebar-topic,
    .beginner-sidebar-group-toggle {
      border: 0;
      background: transparent;
      box-shadow: none;
      border-radius: 10px;
    }

    .beginner-sidebar-group-toggle {
      grid-template-columns: 1.54rem minmax(0, 1fr) auto auto;
      gap: 0.48rem;
      padding: 0.5rem 0.2rem 0.46rem 0.12rem;
    }

    .beginner-sidebar-home-mark,
    .beginner-sidebar-group-toggle > iconify-icon:first-child,
    .beginner-sidebar-topic iconify-icon {
      width: 1.42rem;
      height: 1.42rem;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .beginner-sidebar-group-count {
      min-width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #7c95ad;
      font-size: 0.58rem;
    }

    .beginner-sidebar-group-panel {
      display: block;
      max-height: 0;
      overflow: hidden;
      list-style: none;
      margin: 0;
      padding: 0 0 0 1.1rem;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-4px);
      transition:
        max-height 280ms cubic-bezier(0.2, 0.8, 0.2, 1),
        opacity 180ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .beginner-sidebar-group.is-open .beginner-sidebar-group-panel {
      max-height: 22rem;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }

    .beginner-sidebar-topic-item {
      list-style: none;
    }

    .beginner-sidebar-topic {
      grid-template-columns: 0.58rem 1.36rem minmax(0, 1fr);
      gap: 0.42rem;
      padding: 0.4rem 0.18rem;
    }

    .beginner-sidebar-topic-rail {
      width: 5px;
      height: 5px;
      align-self: center;
      border-radius: 999px;
      background: rgba(81, 155, 230, 0.34);
      transform: scale(0.84);
    }

    .beginner-sidebar-home:hover,
    .beginner-sidebar-home:focus-visible,
    .beginner-sidebar-group-toggle:hover,
    .beginner-sidebar-group-toggle:focus-visible,
    .beginner-sidebar-topic:hover,
    .beginner-sidebar-topic:focus-visible {
      transform: translateX(2px);
      background: transparent;
      box-shadow: none;
    }

    .beginner-sidebar-home.is-active,
    .beginner-sidebar-group.is-active .beginner-sidebar-group-toggle,
    .beginner-sidebar-topic.is-active {
      background: transparent;
      box-shadow: none;
    }

    .beginner-sidebar-topic.is-active .beginner-sidebar-topic-rail {
      background: #2f89ff;
      transform: scale(1);
      box-shadow: 0 0 0 5px rgba(47, 137, 255, 0.12);
    }

    .beginner-sidebar-home.is-active .beginner-sidebar-home-mark,
    .beginner-sidebar-group.is-active .beginner-sidebar-group-toggle > iconify-icon:first-child,
    .beginner-sidebar-topic.is-active iconify-icon {
      color: #155f9f;
      background: transparent;
      box-shadow: none;
    }

    .beginner-sidebar-group.is-active .beginner-sidebar-group-count {
      border: 0;
      background: transparent;
      color: #155f9f;
    }

    .beginner-sidebar-topic-state {
      display: block;
      margin-top: 0.14rem;
      color: #2681d4;
      font-size: 0.58rem;
      font-weight: 950;
      letter-spacing: 0.08em;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-docs-sidebar {
      padding: 0.42rem;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-toggle {
      justify-content: center;
      padding-inline: 0.34rem;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-toggle span,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-home > span:last-child,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-label,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group-copy,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group-count,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group-chevron,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-topic-rail,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-topic-copy,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-topic-state {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-home,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group-toggle,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-topic {
      grid-template-columns: 1fr;
      justify-items: center;
      padding: 0.42rem;
      gap: 0;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-docs-nav {
      gap: 0.22rem;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-outline {
      gap: 0.22rem;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group {
      padding-left: 0;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group::before {
      display: none;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group-panel {
      display: none;
    }

    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-home:hover,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-group-toggle:hover,
    .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-topic:hover {
      transform: translateX(0) translateY(-1px);
    }

    .beginner-wiki-entry.is-topic-page {
      margin: 0.36rem 0 0.82rem;
    }

    .beginner-wiki-entry.is-topic-page .beginner-wiki-topic-grid {
      display: none;
    }

    .beginner-help-hero,
    .beginner-wiki-search,
    .beginner-wiki-topic,
    .beginner-static-guide,
    .beginner-static-section,
    .beginner-tool-card,
    .beginner-command-card,
    .beginner-faq-item {
      transition:
        opacity 220ms ease,
        transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1),
        border-color 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease;
    }

    @media (prefers-reduced-motion: no-preference) {
      @keyframes beginnerSidebarIn {
        from {
          opacity: 0;
          transform: translateX(-10px);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }

      .beginner-docs-sidebar.inview {
        animation: beginnerSidebarIn 420ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
      }
    }

    @media (max-width: 1120px) {
      .wiki-mega-menu {
        width: min(760px, calc(100vw - 1.2rem));
      }

      .nav-links .wiki-mega-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .nav-links .wiki-mega-column {
        border-left: 0;
        border-top: 1px solid rgba(221, 235, 250, 0.88);
        padding: 0.62rem 0.28rem 0.12rem;
      }

      .nav-links .wiki-mega-column:nth-child(-n + 2) {
        border-top: 0;
        padding-top: 0.12rem;
      }
    }

    @media (max-width: 900px) {
      .wiki-mega-menu {
        top: 5.9rem;
        width: calc(100vw - 1rem);
        padding: 0.68rem;
      }

      .beginner-wiki-editor-grid {
        grid-template-columns: 1fr;
      }

      .beginner-wiki-editor-toolbar {
        align-items: stretch;
        flex-direction: column;
      }

      .beginner-wiki-editor-toolbar-actions,
      .beginner-wiki-editor-toolbar-actions .wiki-creator-btn {
        width: 100%;
      }

      .wiki-inline-toolbar {
        top: 5.92rem;
        align-items: stretch;
        flex-direction: column;
      }

      .wiki-inline-toolbar-actions,
      .wiki-inline-toolbar-actions .wiki-creator-btn {
        width: 100%;
      }

      .wiki-inline-section-controls {
        align-items: stretch;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .wiki-inline-section-controls > span {
        grid-column: 1 / -1;
      }

      .wiki-inline-section-controls label,
      .wiki-inline-section-controls .wiki-creator-btn {
        width: 100%;
      }

      .beginner-wiki-repeat-row {
        grid-template-columns: 1fr;
      }

      .nav-links .wiki-mega-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .nav-links .wiki-mega-column:nth-child(odd) {
        border-left: 0;
        padding-left: 0.24rem;
      }

      #beginner-anchor-start .beginner-help-hero {
        grid-template-columns: 1fr;
      }

      #beginner-anchor-start .beginner-help-hero .beginner-cover-hero {
        grid-column: 1;
        grid-row: 3;
        height: 150px;
      }

      .beginner-docs-layout {
        grid-template-columns: 1fr;
      }

      .beginner-docs-layout.is-sidebar-collapsed {
        grid-template-columns: 1fr;
      }

      .beginner-docs-sidebar {
        position: sticky;
        top: 6.7rem;
        max-height: none;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.5rem;
        overflow: hidden;
        padding: 0.48rem;
        border-radius: 16px;
      }

      .beginner-sidebar-toggle {
        width: auto;
        margin: 0;
        white-space: nowrap;
      }

      .beginner-sidebar-home {
        min-width: 13rem;
        margin: 0;
      }

      .beginner-sidebar-label {
        display: none;
      }

      .beginner-docs-nav {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0.04rem 0.04rem 0.1rem;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
      }

      .beginner-sidebar-outline {
        display: flex;
        align-items: flex-start;
        gap: 0.38rem;
        min-width: max-content;
      }

      .beginner-docs-nav::-webkit-scrollbar {
        display: none;
      }

      .beginner-sidebar-group {
        min-width: 16rem;
        padding-left: 0;
      }

      .beginner-sidebar-group::before {
        left: 0.84rem;
      }

      .beginner-sidebar-group-panel {
        padding-left: 0.62rem;
      }

      .beginner-sidebar-topic {
        min-width: 12.5rem;
      }

      .beginner-sidebar-group .beginner-sidebar-topic {
        min-width: 0;
      }

      .beginner-docs-layout.is-sidebar-collapsed .beginner-docs-sidebar {
        grid-template-columns: auto;
      }

      .beginner-docs-layout.is-sidebar-collapsed .beginner-docs-nav,
      .beginner-docs-layout.is-sidebar-collapsed .beginner-sidebar-home {
        display: none;
      }
    }

    @media (max-width: 560px) {
      .wiki-mega-menu {
        top: 6.4rem;
        border-radius: 16px;
      }

      .wiki-creator-btn {
        min-height: 1.9rem;
        font-size: 0.64rem;
        letter-spacing: 0.04em;
        padding: 0.42rem 0.56rem;
      }

      .wiki-inline-toolbar {
        top: 6.36rem;
        border-radius: 16px;
        margin-top: 0.58rem;
        padding: 0.62rem;
      }

      .wiki-inline-section-controls {
        grid-template-columns: 1fr;
      }

      .beginner-media-split.is-layout-image-right,
      .beginner-rating-section.is-layout-image-left,
      .beginner-rating-section.is-layout-image-right {
        grid-template-columns: 1fr;
      }

      .beginner-media-split.is-layout-image-right .beginner-static-media,
      .beginner-rating-section.is-layout-image-right .beginner-static-media,
      .beginner-rating-section.is-layout-image-left .beginner-static-media,
      .beginner-rating-section.is-layout-image-left .beginner-section-kicker,
      .beginner-rating-section.is-layout-image-left h2,
      .beginner-rating-section.is-layout-image-left p,
      .beginner-rating-section.is-layout-image-left .beginner-rating-grid,
      .beginner-rating-section.is-layout-image-right .beginner-section-kicker,
      .beginner-rating-section.is-layout-image-right h2,
      .beginner-rating-section.is-layout-image-right p,
      .beginner-rating-section.is-layout-image-right .beginner-rating-grid {
        grid-column: auto;
        grid-row: auto;
        order: initial;
      }

      .beginner-wiki-modal {
        align-items: end;
        padding: 0.58rem;
      }

      .beginner-wiki-modal-panel {
        border-radius: 17px;
        max-height: 91svh;
        padding: 0.96rem;
      }

      .beginner-wiki-modal-title {
        margin-right: 4.2rem;
        font-size: 1.12rem;
      }

      .beginner-wiki-modal-sub {
        margin-right: 0;
      }

      .beginner-wiki-form-actions {
        justify-content: stretch;
      }

      .beginner-wiki-form-actions .wiki-creator-btn {
        flex: 1 1 0;
      }

      .wiki-mega-head {
        align-items: flex-start;
        flex-direction: column;
      }

      .nav-links .wiki-mega-grid {
        grid-template-columns: 1fr;
        gap: 0.26rem;
      }

      .nav-links .wiki-mega-column {
        border-left: 0;
        border-top: 1px solid rgba(221, 235, 250, 0.88);
        padding: 0.62rem 0.08rem 0.1rem;
      }

      .nav-links .wiki-mega-column:first-child {
        border-top: 0;
        padding-top: 0.08rem;
      }

      .beginner-docs-layout {
        margin-top: 0.66rem;
        gap: 0.7rem;
      }

      .beginner-docs-sidebar {
        top: 6.1rem;
        grid-template-columns: 1fr;
        gap: 0.42rem;
        margin-inline: -0.1rem;
      }

      .beginner-sidebar-home {
        display: none;
      }

      .beginner-sidebar-topic {
        min-width: 10.6rem;
        border-radius: 13px;
        padding: 0.48rem 0.54rem 0.48rem 0.34rem;
      }

      .beginner-sidebar-group {
        min-width: 13.2rem;
      }

      .beginner-sidebar-group-toggle {
        grid-template-columns: auto 1fr auto;
      }

      .beginner-sidebar-group-count {
        display: none;
      }

      .beginner-sidebar-topic-copy em {
        display: none;
      }

      #beginner-anchor-start .beginner-help-hero {
        padding: 0.84rem;
        border-radius: 17px;
      }

      #beginner-anchor-start .beginner-hero-head .section-title {
        font-size: clamp(1.58rem, 9.5vw, 2.28rem);
      }

      #beginner-anchor-start .beginner-hero-sub {
        font-size: 0.88rem;
      }

      #beginner-anchor-start .beginner-help-hero .beginner-cover-hero {
        height: 116px;
      }
    }

    .beginner-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.68rem;
    }

    .beginner-card-title {
      margin: 0;
      display: inline-flex;
      align-items: center;
      gap: 0.34rem;
      color: #26486d;
      font-size: 1rem;
      font-weight: 900;
      line-height: 1.32;
    }

    .beginner-mini-note {
      margin-top: 0.44rem;
      color: #6883a2;
      font-size: 0.8rem;
      line-height: 1.56;
    }

    .beginner-callout {
      border: 1px solid rgba(171, 205, 241, 0.86);
      border-radius: 12px;
      background: linear-gradient(140deg, rgba(247, 252, 255, 0.92), rgba(233, 243, 255, 0.86));
      padding: 0.6rem 0.7rem;
      color: #375b81;
      font-size: 0.84rem;
      line-height: 1.62;
      margin-top: 0.56rem;
    }

    .beginner-table-wrap {
      margin-top: 0.58rem;
      overflow-x: auto;
      border-radius: 14px;
      border: 1px solid rgba(226, 238, 251, 0.92);
      background: rgba(255, 255, 255, 0.72);
      box-shadow: 0 12px 26px rgba(72, 101, 139, 0.08);
    }

    .beginner-table {
      width: 100%;
      min-width: 760px;
      border-collapse: collapse;
    }

    .beginner-table thead th {
      text-align: left;
      color: #2e4e72;
      font-size: 0.82rem;
      font-weight: 900;
      letter-spacing: 0.03em;
      border-bottom: 1px solid rgba(207, 224, 243, 0.96);
      background: rgba(239, 247, 255, 0.82);
      padding: 0.56rem 0.62rem;
      white-space: nowrap;
    }

    .beginner-table tbody td {
      padding: 0.54rem 0.62rem;
      color: #4a6687;
      font-size: 0.81rem;
      line-height: 1.5;
      border-bottom: 1px solid rgba(226, 238, 251, 0.84);
      vertical-align: top;
    }

    .beginner-table tbody tr:last-child td {
      border-bottom: none;
    }

    .beginner-table .ok {
      color: #19805f;
      font-weight: 800;
      white-space: nowrap;
    }

    .beginner-media {
      margin-top: 0.64rem;
      border: 1px solid rgba(221, 236, 252, 0.94);
      border-radius: 14px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 10px 22px rgba(72, 101, 139, 0.1);
    }

    .beginner-media img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
    }

    .beginner-media-caption {
      padding: 0.44rem 0.6rem;
      color: #667f9f;
      font-size: 0.76rem;
      line-height: 1.48;
      border-top: 1px solid rgba(221, 236, 252, 0.94);
      background: rgba(248, 252, 255, 0.85);
    }

    .beginner-sync-bar {
      margin-top: 0.7rem;
      border: 1px solid rgba(187, 217, 246, 0.86);
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(247, 252, 255, 0.94), rgba(234, 245, 255, 0.9));
      padding: 0.5rem 0.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.52rem;
      flex-wrap: wrap;
    }

    .beginner-sync-status {
      color: #355676;
      font-size: 0.8rem;
      line-height: 1.5;
      font-weight: 700;
    }

    .beginner-sync-status.is-error {
      color: #a23e3e;
    }

    .beginner-md-content {
      color: #476382;
      font-size: 1rem;
      line-height: 1.84;
      display: grid;
      gap: 0.8rem;
    }

    .beginner-md-content :is(h2, h3, h4) {
      margin: 0;
      color: #203f62;
      font-family: "Space Grotesk", "Noto Sans TC", sans-serif;
      line-height: 1.3;
      letter-spacing: -0.01em;
    }

    .beginner-md-content h2 {
      font-size: clamp(1.26rem, 2.35vw, 1.52rem);
      padding-top: 0.22rem;
      border-top: 1px dashed rgba(188, 212, 238, 0.66);
    }

    .beginner-md-content h2:first-child {
      border-top: none;
      padding-top: 0;
    }

    .beginner-md-content h3 {
      font-size: clamp(1.06rem, 2vw, 1.24rem);
    }

    .beginner-md-content p {
      margin: 0;
    }

    .beginner-md-chapter {
      margin-top: 0.18rem;
      color: #1d436c;
      font-size: clamp(1.32rem, 2.6vw, 1.68rem);
      line-height: 1.22;
      letter-spacing: -0.016em;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

    .beginner-md-block {
      position: relative;
      border: 1px solid rgba(205, 224, 244, 0.88);
      border-radius: 12px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.94)),
        radial-gradient(circle at 12% 0%, rgba(112, 176, 237, 0.12), transparent 34%);
      box-shadow:
        0 10px 22px rgba(55, 88, 128, 0.08),
        inset 0 0 0 1px rgba(255, 255, 255, 0.66);
      padding: 0.78rem 0.86rem;
      overflow: hidden;
    }

    .beginner-md-block:hover {
      border-color: rgba(149, 191, 230, 0.92);
      box-shadow:
        0 14px 26px rgba(55, 88, 128, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.72);
    }

    .beginner-md-block p {
      color: #345779;
      font-size: 0.96rem;
      line-height: 1.78;
    }

    .beginner-md-block ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 0.42rem;
    }

    .beginner-md-block li {
      color: #345779;
      font-size: 0.94rem;
      line-height: 1.66;
      position: relative;
      padding-left: 1rem;
    }

    .beginner-md-block li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.72em;
      width: 0.34rem;
      height: 0.34rem;
      border-radius: 50%;
      background: linear-gradient(135deg, #61a9ee, #4ec3ad);
      box-shadow: 0 0 0 3px rgba(89, 169, 231, 0.14);
    }

    .beginner-md-block-fact {
      display: grid;
      grid-template-columns: minmax(10rem, 0.34fr) minmax(0, 1fr);
      gap: 0.72rem;
      align-items: start;
      padding: 0.82rem 0.92rem;
    }

    .beginner-md-block-fact h3 {
      margin: 0;
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      align-items: center;
      color: #1d4f78;
      font-size: 0.88rem;
      line-height: 1.28;
      font-weight: 900;
      letter-spacing: 0;
      border: 1px solid rgba(174, 207, 238, 0.86);
      border-radius: 999px;
      background: rgba(239, 247, 255, 0.92);
      padding: 0.24rem 0.56rem;
    }

    .beginner-md-content ul {
      margin: 0;
      padding-left: 1rem;
      display: grid;
      gap: 0.34rem;
    }

    .beginner-md-content li {
      margin: 0;
      line-height: 1.66;
    }

    .beginner-md-content a {
      color: #1f5ea1;
      font-weight: 700;
      text-decoration: none;
      border-bottom: 1px solid rgba(87, 149, 224, 0.42);
    }

    .beginner-md-content a:hover {
      color: #184979;
      border-bottom-color: rgba(56, 119, 200, 0.72);
    }

    .beginner-md-content .beginner-media {
      margin-top: 0;
    }

    .beginner-cover-hero {
      max-height: 360px;
      border-radius: 20px;
      box-shadow:
        0 22px 52px rgba(46, 82, 124, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.72);
    }

    .beginner-cover-hero img {
      min-height: 220px;
      object-fit: cover;
      object-position: center;
    }

    .beginner-static-guide {
      display: grid;
      gap: 0.8rem;
    }

    .beginner-static-section {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(207, 225, 244, 0.84);
      border-radius: 18px;
      background:
        radial-gradient(circle at 8% 0%, rgba(116, 183, 239, 0.16), transparent 32%),
        linear-gradient(146deg, rgba(255, 255, 255, 0.97), rgba(247, 252, 255, 0.9));
      box-shadow:
        0 18px 38px rgba(51, 83, 124, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.68);
      padding: 0.96rem;
      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
    }

    .beginner-static-section::before {
      content: "";
      position: absolute;
      inset: -40% auto auto -18%;
      width: 18rem;
      height: 18rem;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(118, 199, 218, 0.18), transparent 65%);
      opacity: 0;
      pointer-events: none;
      transition: opacity 220ms ease, transform 260ms ease;
    }

    .beginner-static-section:hover {
      transform: translateY(-2px);
      border-color: rgba(165, 204, 241, 0.94);
      box-shadow:
        0 22px 46px rgba(51, 83, 124, 0.14),
        inset 0 0 0 1px rgba(255, 255, 255, 0.78);
    }

    .beginner-static-section:hover::before {
      opacity: 1;
      transform: translate3d(8px, 8px, 0);
    }

    .beginner-static-section h2 {
      margin: 0.2rem 0 0.4rem;
      color: #142e4d;
      font-family: "Space Grotesk", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
      font-size: clamp(1.2rem, 2.1vw, 1.52rem);
      line-height: 1.2;
      letter-spacing: -0.025em;
    }

    .beginner-static-section h3 {
      margin: 0;
      color: #24466b;
      font-size: 0.95rem;
      line-height: 1.35;
      font-weight: 900;
    }

    .beginner-static-section p {
      margin: 0;
      color: #48688a;
      font-size: 0.96rem;
      line-height: 1.72;
    }

    .beginner-inline-rainbow {
      display: inline-block;
      position: relative;
      z-index: 0;
      font-weight: 950;
      white-space: nowrap;
      background: linear-gradient(96deg, #3158f5 0%, #8956de 34%, #e574a8 66%, #f3b75b 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }

    .beginner-inline-rainbow::after {
      content: "";
      position: absolute;
      left: -0.08em;
      right: -0.08em;
      bottom: 0.02em;
      z-index: -1;
      height: 0.36em;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(49, 88, 245, 0.15), rgba(229, 116, 168, 0.14), rgba(243, 183, 91, 0.18));
    }

    .beginner-section-kicker {
      width: fit-content;
      border: 1px solid rgba(177, 207, 237, 0.9);
      border-radius: 999px;
      background: rgba(242, 248, 255, 0.92);
      color: #4375a7;
      font: 900 0.72rem/1 "Space Grotesk", sans-serif;
      letter-spacing: 0.12em;
      padding: 0.26rem 0.5rem;
      text-transform: uppercase;
    }

    .beginner-static-points {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.48rem;
      margin-top: 0.7rem;
    }

    .beginner-static-points span,
    .beginner-info-card,
    .beginner-step-card,
    .beginner-rating-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(224, 238, 252, 0.92);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.78);
      box-shadow: 0 12px 24px rgba(70, 103, 141, 0.08);
      transition: transform 190ms ease, border-color 190ms ease, box-shadow 190ms ease, background 190ms ease;
    }

    .beginner-info-card:hover,
    .beginner-step-card:hover,
    .beginner-rating-card:hover,
    .beginner-static-points span:hover {
      transform: translateY(-2px);
      border-color: rgba(134, 190, 238, 0.88);
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 249, 255, 0.88));
      box-shadow: 0 16px 30px rgba(58, 96, 137, 0.14);
    }

    .beginner-static-points span {
      color: #365a7d;
      font-size: 0.84rem;
      line-height: 1.5;
      font-weight: 800;
      padding: 0.54rem 0.62rem;
    }

    .beginner-sbt-primer {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
      gap: 0.72rem;
      align-items: stretch;
      margin-bottom: 0.84rem;
      border: 1px solid rgba(178, 214, 246, 0.94);
      border-radius: 18px;
      background:
        radial-gradient(circle at 0% 0%, rgba(82, 108, 237, 0.13), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(239, 166, 108, 0.14), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 249, 255, 0.86));
      padding: 0.82rem;
      box-shadow:
        0 18px 36px rgba(62, 95, 136, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.76);
    }

    .beginner-sbt-primer-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0;
    }

    .beginner-sbt-pill {
      width: fit-content;
      border: 1px solid rgba(139, 181, 236, 0.88);
      border-radius: 999px;
      background: rgba(239, 248, 255, 0.9);
      color: #386aa2;
      padding: 0.22rem 0.52rem;
      font: 900 0.72rem/1 "Space Grotesk", sans-serif;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .beginner-sbt-primer-copy h2 {
      margin-top: 0.44rem;
      font-size: clamp(1.42rem, 3vw, 2.04rem);
    }

    .beginner-sbt-primer-copy p {
      margin-top: 0.1rem;
      color: #31577d;
      font-size: clamp(0.96rem, 1.5vw, 1.08rem);
      font-weight: 700;
      line-height: 1.68;
    }

    .beginner-sbt-primer-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.5rem;
    }

    .beginner-sbt-primer-item {
      display: grid;
      align-content: start;
      gap: 0.26rem;
      border: 1px solid rgba(218, 234, 251, 0.94);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.78);
      padding: 0.62rem;
      box-shadow: 0 12px 24px rgba(70, 103, 141, 0.08);
    }

    .beginner-sbt-primer-item strong {
      color: #1d4770;
      font-size: 0.86rem;
      line-height: 1.32;
      font-weight: 950;
    }

    .beginner-sbt-primer-item span {
      color: #577798;
      font-size: 0.78rem;
      line-height: 1.52;
      font-weight: 650;
    }

    .beginner-sbt-list-head {
      margin-top: 0.18rem;
    }

    .beginner-step-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.52rem;
      margin-top: 0.76rem;
    }

    .beginner-step-card {
      position: relative;
      min-height: 8rem;
      padding: 0.72rem;
    }

    .beginner-step-card span {
      display: inline-grid;
      place-items: center;
      width: 1.7rem;
      height: 1.7rem;
      border-radius: 999px;
      background: linear-gradient(135deg, #4f7cff, #76d5d0);
      color: white;
      font-weight: 900;
      box-shadow: 0 10px 22px rgba(75, 127, 218, 0.24);
    }

    .beginner-step-card h3 {
      margin-top: 0.58rem;
    }

    .beginner-step-card p {
      margin-top: 0.3rem;
      font-size: 0.82rem;
      line-height: 1.56;
    }

    .beginner-media-split {
      display: grid;
      grid-template-columns: minmax(13rem, 0.9fr) minmax(0, 1fr);
      gap: 0.82rem;
      align-items: center;
    }

    .beginner-static-media {
      margin: 0;
      overflow: hidden;
      border: 1px solid rgba(207, 225, 244, 0.86);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.86);
      box-shadow: 0 16px 34px rgba(54, 90, 129, 0.12);
    }

    .beginner-static-media img {
      display: block;
      width: 100%;
      height: auto;
      max-height: none;
      object-fit: contain;
      background: rgba(245, 250, 255, 0.72);
    }

    .beginner-static-media.is-cover img {
      max-height: 360px;
      object-fit: contain;
    }

    .beginner-static-media.is-contain img {
      max-height: none;
      object-fit: contain;
    }

    .beginner-sbt-section {
      background:
        radial-gradient(circle at 92% 4%, rgba(94, 128, 250, 0.16), transparent 32%),
        radial-gradient(circle at 8% 10%, rgba(92, 205, 188, 0.14), transparent 30%),
        linear-gradient(146deg, rgba(255, 255, 255, 0.98), rgba(245, 251, 255, 0.92));
    }

    .beginner-inline-sbt .sbt-group {
      border-color: rgba(196, 224, 248, 0.94);
      background: rgba(255, 255, 255, 0.74);
      box-shadow: 0 16px 34px rgba(59, 94, 132, 0.1);
    }

    .beginner-inline-sbt .sbt-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .beginner-inline-sbt .sbt-item {
      position: relative;
      overflow: hidden;
      border-color: rgba(215, 234, 251, 0.94);
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(244, 250, 255, 0.84));
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
    }

    .beginner-inline-sbt .sbt-item::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.54) 42%, transparent 72%);
      transform: translateX(-120%);
      pointer-events: none;
      transition: transform 520ms ease;
    }

    .beginner-inline-sbt .sbt-item:hover {
      transform: translateY(-2px);
      border-color: rgba(124, 189, 236, 0.82);
      box-shadow: 0 14px 28px rgba(63, 99, 137, 0.13);
    }

    .beginner-inline-sbt .sbt-item:hover::after {
      transform: translateX(120%);
    }

    .beginner-info-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.52rem;
      margin-top: 0.72rem;
    }

    .beginner-info-card {
      padding: 0.72rem;
    }

    .beginner-info-card p {
      margin-top: 0.3rem;
      font-size: 0.82rem;
      line-height: 1.58;
    }

    .beginner-rating-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.52rem;
      margin-top: 0.7rem;
    }

    .beginner-rating-card {
      display: grid;
      gap: 0.28rem;
      padding: 0.66rem;
    }

    .beginner-rating-card strong {
      color: #1d4870;
      font-size: 0.88rem;
      font-weight: 950;
    }

    .beginner-rating-card span {
      color: #557393;
      font-size: 0.8rem;
      line-height: 1.5;
      font-weight: 650;
    }

    body.is-wiki-inline-editing .beginner-static-section,
    body.is-wiki-inline-editing .beginner-tool-card,
    body.is-wiki-inline-editing .beginner-faq-item,
    body.is-wiki-inline-editing .beginner-stat {
      overflow: visible;
    }

    body.is-wiki-inline-editing .beginner-static-section:hover,
    body.is-wiki-inline-editing .beginner-tool-card:hover,
    body.is-wiki-inline-editing .beginner-faq-item:hover {
      transform: none;
    }

    body.is-wiki-inline-editing [contenteditable="true"] {
      min-width: 1.2em;
      border-radius: 9px;
      cursor: text;
      transition:
        background 160ms ease,
        box-shadow 160ms ease,
        color 160ms ease;
    }

    body.is-wiki-inline-editing [contenteditable="true"]:hover {
      background: rgba(255, 255, 255, 0.58);
      box-shadow: 0 0 0 2px rgba(122, 185, 242, 0.16);
    }

    body.is-wiki-inline-editing [contenteditable="true"]:focus {
      background: rgba(255, 255, 255, 0.9);
      box-shadow:
        0 0 0 3px rgba(77, 153, 239, 0.18),
        0 10px 20px rgba(61, 101, 145, 0.1);
      outline: none;
    }

    .is-wiki-inline-section {
      border-color: rgba(136, 191, 241, 0.96);
      box-shadow:
        0 18px 42px rgba(48, 98, 149, 0.13),
        inset 0 0 0 1px rgba(255, 255, 255, 0.8);
    }

    .wiki-inline-section-controls {
      position: relative;
      z-index: 3;
      display: flex;
      align-items: center;
      gap: 0.42rem;
      flex-wrap: wrap;
      margin: -0.24rem 0 0.72rem;
      padding: 0.42rem;
      border: 1px solid rgba(198, 223, 249, 0.86);
      border-radius: 14px;
      background: rgba(245, 250, 255, 0.86);
      box-shadow: 0 10px 22px rgba(67, 105, 147, 0.09);
    }

    .wiki-inline-section-controls > span {
      color: #406589;
      font: 950 0.68rem/1.1 "Space Grotesk", "Noto Sans TC", sans-serif;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-right: auto;
    }

    .wiki-inline-section-controls label,
    .wiki-inline-link-field {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      min-height: 2rem;
      border: 1px solid rgba(213, 231, 249, 0.92);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.72);
      color: #557391;
      font: 880 0.68rem/1 var(--body-font);
      letter-spacing: 0.03em;
      padding: 0.22rem 0.42rem 0.22rem 0.54rem;
      white-space: nowrap;
    }

    .wiki-inline-section-controls select,
    .wiki-inline-section-controls input,
    .wiki-inline-link-field input,
    .wiki-inline-link-field select {
      width: auto;
      max-width: 10rem;
      min-height: 1.44rem;
      border: 1px solid rgba(197, 220, 244, 0.84);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.9);
      color: #244a70;
      font: 850 0.72rem/1 var(--body-font);
      outline: none;
      padding: 0.22rem 0.5rem;
    }

    .wiki-inline-link-field {
      width: 100%;
      justify-content: space-between;
      margin-top: 0.42rem;
      border-radius: 12px;
    }

    .wiki-inline-link-field input {
      width: min(100%, 20rem);
      max-width: none;
    }

    .wiki-inline-cover-controls {
      position: absolute;
      right: 0.72rem;
      bottom: 0.72rem;
      z-index: 4;
      display: grid;
      gap: 0.28rem;
      width: min(18rem, calc(100% - 1.44rem));
      padding: 0.5rem;
      border: 1px solid rgba(191, 220, 249, 0.92);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.84);
      color: #385e82;
      font: 850 0.68rem/1 var(--body-font);
      box-shadow: 0 12px 26px rgba(46, 91, 138, 0.12);
    }

    .wiki-inline-cover-controls input,
    .wiki-inline-topic-icon input {
      width: 100%;
      min-height: 1.6rem;
      border: 1px solid rgba(197, 220, 244, 0.84);
      border-radius: 9px;
      background: rgba(255, 255, 255, 0.94);
      color: #244a70;
      font: 820 0.72rem/1 var(--body-font);
      outline: none;
      padding: 0.22rem 0.46rem;
    }

    .wiki-inline-topic-icon {
      display: grid;
      gap: 0.24rem;
      grid-column: 1 / -1;
      margin-top: 0.3rem;
      color: #557391;
      font: 850 0.66rem/1 var(--body-font);
    }

    .wiki-inline-sbt-controls {
      display: grid;
      gap: 0.52rem;
      margin-top: 0.72rem;
    }

    .wiki-inline-sbt-icons {
      display: grid;
      gap: 0.34rem;
      padding: 0.6rem;
      border: 1px solid rgba(213, 231, 249, 0.92);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.72);
      color: #557391;
      font: 880 0.68rem/1 var(--body-font);
    }

    .wiki-inline-sbt-icons textarea {
      width: 100%;
      min-height: 4rem;
      resize: vertical;
      border: 1px solid rgba(197, 220, 244, 0.84);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.92);
      color: #244a70;
      font: 780 0.74rem/1.45 var(--body-font);
      outline: none;
      padding: 0.5rem 0.58rem;
    }

    .wiki-inline-remove {
      position: relative;
      z-index: 5;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-height: 1.42rem;
      border: 1px solid rgba(239, 187, 174, 0.86);
      border-radius: 999px;
      background: rgba(255, 248, 246, 0.94);
      color: #a34b37;
      cursor: pointer;
      font: 900 0.62rem/1 var(--body-font);
      letter-spacing: 0.04em;
      margin-top: 0.38rem;
      padding: 0.24rem 0.46rem;
      text-transform: uppercase;
      transition:
        background 160ms ease,
        border-color 160ms ease,
        color 160ms ease,
        transform 160ms ease;
    }

    .wiki-inline-remove:hover,
    .wiki-inline-remove:focus-visible {
      border-color: rgba(218, 99, 75, 0.78);
      background: rgba(255, 239, 235, 0.98);
      color: #8c321e;
      outline: none;
      transform: translateY(-1px);
    }

    .wiki-inline-list-controls {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      border: 1px dashed rgba(148, 190, 232, 0.78);
      border-radius: 14px;
      background: rgba(246, 251, 255, 0.62);
      padding: 0.5rem;
    }

    .wiki-inline-list-text {
      display: block;
      flex: 1 1 auto;
      min-width: 0;
    }

    .beginner-static-points .wiki-inline-list-text,
    .beginner-static-points .wiki-inline-list-text:hover {
      border: 0;
      border-radius: 8px;
      background: transparent;
      box-shadow: none;
      color: inherit;
      font: inherit;
      line-height: inherit;
      padding: 0;
      transform: none;
    }

    body.is-wiki-inline-editing .beginner-static-points [data-wiki-list-item] {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.36rem;
    }

    .wiki-inline-add-card {
      display: grid;
      place-items: center;
      min-height: 5.2rem;
      border: 1px dashed rgba(129, 184, 236, 0.9);
      border-radius: 14px;
      background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 58%),
        rgba(241, 249, 255, 0.78);
      color: #2b679c;
      cursor: pointer;
      font: 950 0.78rem/1 var(--body-font);
      letter-spacing: 0.05em;
      text-transform: uppercase;
      transition:
        background 170ms ease,
        border-color 170ms ease,
        box-shadow 170ms ease,
        transform 170ms ease;
    }

    .wiki-inline-add-card:hover,
    .wiki-inline-add-card:focus-visible {
      border-color: rgba(69, 145, 224, 0.86);
      background: rgba(236, 248, 255, 0.96);
      box-shadow: 0 14px 28px rgba(67, 111, 154, 0.12);
      outline: none;
      transform: translateY(-1px);
    }

    .beginner-tool-link.is-editing {
      cursor: default;
      pointer-events: none;
    }

    .beginner-media-split.is-layout-image-right {
      grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.9fr);
    }

    .beginner-media-split.is-layout-image-right .beginner-static-media {
      order: 2;
    }

    .beginner-media-split.is-layout-image-top {
      grid-template-columns: 1fr;
      align-items: stretch;
    }

    .beginner-media-split.is-layout-image-top .beginner-static-media {
      order: 0;
    }

    .beginner-rating-section.is-layout-image-left,
    .beginner-rating-section.is-layout-image-right {
      display: grid;
      grid-template-columns: minmax(13rem, 0.42fr) minmax(0, 1fr);
      gap: 0.76rem;
      align-items: start;
    }

    .beginner-rating-section.is-layout-image-right {
      grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.42fr);
    }

    .beginner-rating-section.is-layout-image-left .beginner-static-media,
    .beginner-rating-section.is-layout-image-right .beginner-static-media {
      grid-row: 1 / span 4;
    }

    .beginner-rating-section.is-layout-image-right .beginner-static-media {
      grid-column: 2;
    }

    .beginner-rating-section.is-layout-image-left .beginner-section-kicker,
    .beginner-rating-section.is-layout-image-left h2,
    .beginner-rating-section.is-layout-image-left p,
    .beginner-rating-section.is-layout-image-left .beginner-rating-grid {
      grid-column: 2;
    }

    .beginner-rating-section.is-layout-image-right .beginner-section-kicker,
    .beginner-rating-section.is-layout-image-right h2,
    .beginner-rating-section.is-layout-image-right p,
    .beginner-rating-section.is-layout-image-right .beginner-rating-grid {
      grid-column: 1;
    }

    .beginner-rating-section.is-layout-image-top {
      display: grid;
      grid-template-columns: 1fr;
    }

    .beginner-tools-stack {
      display: grid;
      gap: 0.78rem;
    }

    .beginner-tools-subhead {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 0.75rem;
      margin-top: 0.14rem;
      padding: 0.56rem 0.68rem;
      border: 1px solid rgba(206, 228, 249, 0.88);
      border-radius: 14px;
      background:
        radial-gradient(circle at 100% 0%, rgba(116, 193, 224, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(245, 251, 255, 0.78));
      box-shadow: 0 12px 26px rgba(72, 101, 139, 0.07);
    }

    .beginner-tools-subhead h3 {
      margin: 0;
      color: #1f456d;
      font-size: clamp(1rem, 2.2vw, 1.32rem);
      line-height: 1.16;
      font-weight: 950;
      letter-spacing: -0.025em;
    }

    .beginner-tools-subhead p {
      margin: 0.24rem 0 0;
      color: #5f7c9d;
      font-size: 0.82rem;
      line-height: 1.52;
      font-weight: 650;
    }

    .beginner-command-owner {
      color: #265f99 !important;
      font-weight: 850 !important;
    }

    .beginner-commands-title-rainbow {
      background: linear-gradient(96deg, #2d5ef3 0%, #7a59e7 34%, #e66ea7 66%, #f2b85c 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent !important;
      -webkit-text-fill-color: transparent;
    }

    .beginner-tools-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
      gap: 0.56rem;
    }

    .beginner-command-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(178px, 100%), 1fr));
      gap: 0.56rem;
    }

    .beginner-tool-card,
    .beginner-command-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(225, 238, 252, 0.94);
      border-radius: 12px;
      background:
        radial-gradient(circle at 100% 0%, rgba(100, 191, 220, 0.12), transparent 35%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(247, 252, 255, 0.82));
      padding: 0.68rem 0.72rem;
      box-shadow: 0 10px 22px rgba(72, 101, 139, 0.08);
      transition: transform 190ms ease, border-color 190ms ease, box-shadow 190ms ease;
    }

    .beginner-command-card {
      border-color: rgba(209, 232, 252, 0.94);
      background:
        radial-gradient(circle at 0% 100%, rgba(89, 151, 226, 0.1), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(246, 251, 255, 0.85));
    }

    .beginner-tool-card::after,
    .beginner-command-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.6) 44%, transparent 70%);
      transform: translateX(-120%);
      pointer-events: none;
      transition: transform 540ms ease;
    }

    .beginner-tool-card:hover,
    .beginner-command-card:hover {
      transform: translateY(-3px);
      border-color: rgba(143, 193, 236, 0.88);
      box-shadow: 0 18px 34px rgba(63, 96, 136, 0.14);
    }

    .beginner-tool-card:hover::after,
    .beginner-command-card:hover::after {
      transform: translateX(120%);
    }

    .beginner-tool-top,
    .beginner-command-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #6e90b3;
      font-size: 0.78rem;
      font-weight: 900;
      margin-bottom: 0.42rem;
    }

    .beginner-tool-index {
      border: 1px solid rgba(185, 214, 243, 0.9);
      border-radius: 999px;
      background: rgba(240, 248, 255, 0.92);
      padding: 0.16rem 0.44rem;
    }

    .beginner-command-top iconify-icon {
      color: #4a91d7;
      font-size: 1.02rem;
    }

    .beginner-tool-name {
      color: #24466b;
      font-size: 0.9rem;
      font-weight: 900;
      line-height: 1.36;
    }

    .beginner-command-card h4 {
      margin: 0;
      color: #24466b;
      font-size: 0.94rem;
      line-height: 1.34;
      font-weight: 950;
    }

    .beginner-command-card p {
      margin: 0.28rem 0 0;
      color: #5f7c9d;
      font-size: 0.8rem;
      line-height: 1.56;
      font-weight: 650;
    }

    .beginner-tool-meta {
      margin-top: 0.28rem;
      color: #5f7c9d;
      font-size: 0.78rem;
      line-height: 1.56;
    }

    .beginner-tool-link {
      margin-top: 0.34rem;
      display: inline-flex;
      align-items: center;
      gap: 0.26rem;
      color: #1f5ea1;
      text-decoration: none;
      font-size: 0.78rem;
      font-weight: 800;
      border: 1px solid rgba(198, 222, 248, 0.92);
      border-radius: 999px;
      padding: 0.22rem 0.48rem;
      background: rgba(243, 250, 255, 0.92);
    }

    .beginner-command-meta {
      margin-top: 0.42rem;
      display: inline-flex;
      align-items: center;
      gap: 0.32rem;
      border: 1px solid rgba(198, 222, 248, 0.92);
      border-radius: 999px;
      background: rgba(243, 250, 255, 0.92);
      color: #2d5e90;
      padding: 0.22rem 0.5rem;
      font-size: 0.76rem;
      font-weight: 850;
    }

    .beginner-command-meta.is-auto {
      border-color: rgba(255, 207, 122, 0.92);
      background:
        linear-gradient(140deg, rgba(255, 250, 235, 0.98), rgba(255, 242, 208, 0.9));
      color: #8a5a12;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 6px 14px rgba(166, 111, 23, 0.14);
    }

    .beginner-command-meta.is-auto iconify-icon {
      color: #b57518;
      font-size: 0.88rem;
    }

    .beginner-command-meta code {
      color: #173d64;
      font-family: inherit;
      font-weight: 950;
    }

    .beginner-tool-link:hover {
      border-color: rgba(95, 154, 226, 0.72);
      color: #184a7b;
    }

    .beginner-command-focus {
      margin-top: 0.78rem;
      border: 1px solid rgba(205, 226, 247, 0.92);
      border-radius: 16px;
      background:
        radial-gradient(circle at 0% 0%, rgba(107, 168, 232, 0.14), transparent 38%),
        radial-gradient(circle at 100% 0%, rgba(241, 171, 100, 0.14), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(245, 251, 255, 0.88));
      box-shadow: 0 16px 32px rgba(62, 95, 136, 0.12);
      padding: 0.8rem;
      display: grid;
      gap: 0.66rem;
    }

    .beginner-command-focus-head h4 {
      margin: 0.32rem 0 0;
      color: #1a3c61;
      font-size: clamp(1rem, 2.1vw, 1.26rem);
      line-height: 1.26;
      font-weight: 920;
      letter-spacing: -0.02em;
    }

    .beginner-command-focus-head p {
      margin: 0.28rem 0 0;
      color: #4f6f92;
      font-size: 0.84rem;
      line-height: 1.62;
      font-weight: 680;
    }

    .beginner-command-focus-note {
      color: #31557f !important;
      font-weight: 820 !important;
    }

    .beginner-cardsearch-highlight {
      letter-spacing: 0.015em;
      padding: 0 0.12em;
    }

    .beginner-command-focus-tag {
      width: fit-content;
      display: inline-flex;
      align-items: center;
      gap: 0.24rem;
      border-radius: 999px;
      padding: 0.22rem 0.52rem;
      border: 1px solid rgba(255, 209, 124, 0.95);
      background:
        radial-gradient(120% 92% at 16% 14%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 56%),
        linear-gradient(136deg, #141e2d 0%, #3b4a5f 24%, #9ba9bb 49%, #4a5b71 67%, #111a2a 100%);
      color: #ffd98c;
      text-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px;
      font: 900 0.69rem/1 "Space Grotesk", "Noto Sans TC", sans-serif;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      box-shadow:
        0 10px 20px rgba(20, 34, 54, 0.28),
        0 0 8px rgba(240, 185, 88, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);
    }

    .beginner-command-focus-tag iconify-icon {
      color: #ffc55e;
      font-size: 0.88rem;
    }

    .beginner-command-focus-gallery-title {
      margin-top: 0.48rem;
      color: #1f4a77;
      font-size: 0.84rem;
      font-weight: 900;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .beginner-command-focus-gallery-note {
      margin-top: 0.18rem;
      color: #5f7d9c;
      font-size: 0.78rem;
      line-height: 1.5;
      font-weight: 650;
    }

    .beginner-command-focus-gallery {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.56rem;
    }

    .beginner-command-focus-figure {
      margin: 0;
      border: 1px solid rgba(197, 221, 246, 0.92);
      border-radius: 14px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 12px 24px rgba(66, 96, 132, 0.12);
    }

    .beginner-command-focus-figure img {
      display: block;
      width: 100%;
      height: clamp(320px, 38vw, 560px);
      object-fit: contain;
      object-position: center top;
      background: linear-gradient(145deg, #f5f9ff, #eef5ff);
    }

    .beginner-command-focus-figure figcaption {
      padding: 0.48rem 0.56rem 0.54rem;
      color: #47668a;
      font-size: 0.78rem;
      line-height: 1.52;
      font-weight: 650;
      border-top: 1px solid rgba(220, 236, 252, 0.9);
      background: rgba(249, 252, 255, 0.92);
    }

    /* Beginner custom visual overrides */
    .beginner-sbt-pill {
      border-color: rgba(149, 169, 196, 0.9);
      color: #2d3e57;
      text-shadow: rgba(255, 255, 255, 0.68) 0 1px 0;
      background-image:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 6%, rgba(255, 255, 255, 0.02) 7.5%),
        repeating-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.045) 4.5%),
        linear-gradient(180deg, hsl(214, 18%, 84%) 0%, hsl(211, 19%, 92%) 47%, hsl(212, 16%, 84%) 53%, hsl(214, 14%, 76%) 100%);
      box-shadow:
        inset 0 0 0 1px rgba(40, 58, 79, 0.12),
        inset 0 -1px 3px rgba(0, 0, 0, 0.12),
        inset 0 1px 2px rgba(255, 255, 255, 0.78),
        0 6px 14px rgba(57, 81, 109, 0.16);
    }

    .beginner-sbt-title-accent {
      background: linear-gradient(95deg, #5b6bff 0%, #7b59ff 28%, #bd5de8 52%, #ff8f5e 76%, #ffc361 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
      font-weight: 960;
    }

    .beginner-stat {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      border-color: rgba(223, 235, 251, 0.94);
      background:
        radial-gradient(120% 96% at 14% 10%, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0) 58%),
        linear-gradient(136deg, #f8fbff 0%, #d7e3ef 30%, #ffffff 50%, #c8d6e6 69%, #eff6ff 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        inset 0 -1px 0 rgba(137, 160, 189, 0.3),
        0 12px 24px rgba(61, 89, 124, 0.14);
    }

    .beginner-stat::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(
        92deg,
        #58b9ff 0%,
        #6f72ff 20%,
        #d267ff 38%,
        #ff7999 52%,
        #ffbe6a 69%,
        #57dfcf 84%,
        #58b9ff 100%
      );
      background-size: 260% 100%;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: 0.72;
      z-index: 2;
      pointer-events: none;
      animation: chromeFlowX 3.6s ease-in-out infinite;
      filter: saturate(1.16);
    }

    .beginner-stat::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      z-index: 1;
      pointer-events: none;
      background:
        radial-gradient(58% 88% at 14% 46%, rgba(90, 182, 255, 0.24), rgba(90, 182, 255, 0) 72%),
        radial-gradient(56% 86% at 86% 48%, rgba(210, 116, 255, 0.2), rgba(210, 116, 255, 0) 68%),
        linear-gradient(112deg, rgba(255, 255, 255, 0.34) 8%, rgba(255, 255, 255, 0.08) 36%, rgba(255, 255, 255, 0.44) 52%, rgba(255, 255, 255, 0.08) 70%, rgba(255, 255, 255, 0.3) 92%);
      background-size: 250% 100%;
      animation: liquidSweep 2.7s cubic-bezier(0.4, 0.05, 0.2, 1) infinite;
      mix-blend-mode: screen;
      opacity: 0.48;
    }

    .beginner-stat-label,
    .beginner-stat-value {
      position: relative;
      z-index: 3;
    }

    .beginner-stat-label {
      color: #526a87;
    }

    .beginner-stat-value {
      color: #1f3d5f;
    }

    .beginner-command-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .beginner-source-links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.5rem;
    }

    .beginner-source-link {
      border: 1px solid rgba(186, 212, 240, 0.9);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.82);
      color: #2b527a;
      font-weight: 760;
      font-size: 0.86rem;
      padding: 0.58rem 0.68rem;
      text-decoration: none;
      transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
    }

    .beginner-source-link:hover {
      border-color: rgba(110, 176, 232, 0.95);
      transform: translateY(-1px);
      box-shadow: 0 10px 20px rgba(74, 112, 152, 0.14);
    }

    .beginner-faq-grid {
      display: grid;
      gap: 0.54rem;
    }

    .beginner-faq-item {
      border: 1px solid rgba(225, 238, 252, 0.94);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.84);
      padding: 0.56rem 0.64rem;
      box-shadow: 0 10px 22px rgba(72, 101, 139, 0.08);
    }

    .beginner-faq-q {
      color: #25476d;
      font-size: 0.88rem;
      line-height: 1.5;
      font-weight: 900;
    }

    .beginner-faq-a {
      margin-top: 0.28rem;
      color: #5c7899;
      font-size: 0.82rem;
      line-height: 1.62;
    }

    .beginner-scroll-timeline {
      --timeline-line-right: 0.31rem;
      --timeline-item-right: 0.72rem;
      --timeline-dot-right: -0.64rem;
      --timeline-dot-center-offset: 0.41rem;
      position: fixed;
      top: 50%;
      right: 0.08rem;
      transform: translateY(-50%);
      width: min(8.6rem, calc(100vw - 0.34rem));
      padding: 0.3rem 0 0.28rem;
      z-index: 30;
      display: grid;
      justify-items: end;
      gap: 0.62rem;
      background: transparent;
      border: none;
      box-shadow: none;
      backdrop-filter: none;
      transition: width 220ms ease, right 220ms ease, filter 220ms ease;
    }

    .beginner-scroll-timeline:hover {
      right: 0;
      width: min(10.4rem, calc(100vw - 0.22rem));
      filter: drop-shadow(0 14px 28px rgba(36, 65, 99, 0.2));
    }

    .beginner-scroll-timeline-title {
      margin: 0 0 0.16rem;
      color: rgba(73, 108, 144, 0.84);
      font: 800 0.56rem/1 "Space Grotesk", "Noto Sans TC", sans-serif;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-align: right;
      padding-right: 0.78rem;
    }

    .beginner-scroll-timeline-line {
      position: absolute;
      top: 1.14rem;
      bottom: 0.34rem;
      right: var(--timeline-line-right);
      width: 2px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(77, 145, 216, 0.9), rgba(112, 196, 204, 0.7));
      box-shadow: 0 0 0 1px rgba(122, 177, 232, 0.22);
      pointer-events: none;
    }

    .beginner-scroll-timeline-line::before {
      content: "";
      position: absolute;
      top: -0.26rem;
      bottom: -0.26rem;
      left: -1.44rem;
      width: 1.28rem;
      border-right: 2px solid rgba(119, 175, 230, 0.38);
      border-top-right-radius: 999px;
      border-bottom-right-radius: 999px;
      opacity: 0.7;
      transition: left 200ms ease, width 200ms ease, border-color 200ms ease, opacity 200ms ease;
    }

    .beginner-scroll-timeline:hover .beginner-scroll-timeline-line::before {
      left: -1.66rem;
      width: 1.5rem;
      border-right-color: rgba(110, 174, 232, 0.54);
      opacity: 0.94;
    }

    .beginner-scroll-timeline-item {
      position: relative;
      margin-right: var(--timeline-item-right);
      min-width: 2.8rem;
      border-radius: 999px;
      border: 1px solid rgba(238, 245, 255, 0.84);
      color: rgba(32, 50, 76, 0.84);
      text-shadow: rgba(255, 255, 255, 0.62) 0 1px 0;
      background:
        radial-gradient(120% 90% at 18% 18%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 66%),
        linear-gradient(136deg, #f8fbff 0%, #d6e1ec 31%, #ffffff 49%, #c7d4e3 70%, #eff6ff 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        inset 0 -1px 0 rgba(142, 164, 191, 0.34),
        0 0 7px rgba(101, 184, 255, 0.16),
        0 0 10px rgba(213, 115, 255, 0.14),
        0 8px 16px rgba(63, 91, 124, 0.14);
      font-size: 0.72rem;
      font-weight: 820;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.08;
      min-height: 1.68rem;
      padding: 0.34rem 0.72rem;
      transform-origin: calc(100% + var(--timeline-dot-center-offset)) center;
      cursor: pointer;
      transition:
        color 160ms ease,
        box-shadow 180ms ease,
        transform 180ms ease,
        min-width 180ms ease,
        font-size 180ms ease,
        padding 180ms ease,
        opacity 160ms ease;
    }

    .beginner-scroll-timeline-item::before {
      content: "";
      position: absolute;
      right: var(--timeline-dot-right);
      top: 50%;
      width: 0.46rem;
      height: 0.46rem;
      border-radius: 999px;
      transform: translateY(-50%);
      border: 2px solid rgba(118, 176, 231, 0.9);
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 0 0 2px rgba(112, 176, 239, 0.18);
      transition: transform 180ms ease, border-color 160ms ease, background 160ms ease, box-shadow 180ms ease;
    }

    .beginner-scroll-timeline-item::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background:
        radial-gradient(58% 88% at 16% 44%, rgba(88, 186, 255, 0.2), rgba(88, 186, 255, 0) 72%),
        radial-gradient(56% 86% at 84% 46%, rgba(222, 108, 255, 0.16), rgba(222, 108, 255, 0) 70%),
        linear-gradient(114deg, rgba(255, 255, 255, 0.22) 8%, rgba(255, 255, 255, 0.05) 36%, rgba(255, 255, 255, 0.3) 52%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.22) 92%);
      background-size: 230% 100%;
      mix-blend-mode: screen;
      animation: liquidSweep 3.2s cubic-bezier(0.4, 0.05, 0.2, 1) infinite;
      opacity: 0.4;
    }

    .beginner-scroll-timeline-item:hover {
      transform: scale(1.14);
      min-width: 3.36rem;
      font-size: 0.82rem;
      padding: 0.42rem 0.86rem;
      color: #1f3d61;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        inset 0 -1px 0 rgba(126, 152, 184, 0.44),
        0 12px 20px rgba(66, 99, 136, 0.2),
        0 0 13px rgba(101, 184, 255, 0.2),
        0 0 16px rgba(213, 115, 255, 0.14);
    }

    .beginner-scroll-timeline-item:hover::before {
      transform: translateY(-50%) scale(1.18);
      border-color: rgba(84, 150, 223, 0.98);
      box-shadow: 0 0 0 3px rgba(111, 177, 240, 0.24);
    }

    .beginner-scroll-timeline-item.is-active {
      color: #f4f8ff;
      text-shadow: rgba(20, 34, 54, 0.58) 0 1px 1px;
      font-size: 0.94rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      padding: 0.44rem 0.94rem;
      min-width: 3.5rem;
      transform: scale(1.1);
      border-color: rgba(237, 245, 255, 0.8);
      background:
        radial-gradient(120% 92% at 16% 14%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 56%),
        linear-gradient(136deg, #141e2d 0%, #3b4a5f 24%, #9ba9bb 49%, #4a5b71 67%, #111a2a 100%);
      box-shadow:
        0 12px 24px rgba(20, 32, 50, 0.34),
        0 0 10px rgba(95, 183, 255, 0.22),
        0 0 15px rgba(206, 107, 255, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.52),
        inset 0 -1px 0 rgba(19, 29, 44, 0.72);
    }

    .beginner-scroll-timeline-item.is-active::before {
      transform: translateY(-50%) scale(1.18);
      border-color: rgba(70, 135, 210, 0.98);
      background: linear-gradient(145deg, #63a7e8, #7f67ff);
      box-shadow: 0 0 0 2px rgba(90, 159, 231, 0.26);
    }

    .beginner-scroll-timeline-item.is-active::after {
      opacity: 0.56;
      animation-duration: 2.25s;
    }

    .beginner-scroll-timeline-item.is-active:hover {
      transform: scale(1.16);
    }

    @media (max-width: 1120px) {
      .beginner-scroll-timeline {
        right: 0.02rem;
        width: 7.6rem;
        gap: 0.48rem;
      }

      .beginner-scroll-timeline-title {
        font-size: 0.5rem;
      }
    }

    @media (max-width: 900px) {
      .beginner-rating-section.is-layout-image-left,
      .beginner-rating-section.is-layout-image-right {
        grid-template-columns: 1fr;
      }

      .beginner-rating-section.is-layout-image-left .beginner-static-media,
      .beginner-rating-section.is-layout-image-right .beginner-static-media,
      .beginner-rating-section.is-layout-image-left .beginner-section-kicker,
      .beginner-rating-section.is-layout-image-left h2,
      .beginner-rating-section.is-layout-image-left p,
      .beginner-rating-section.is-layout-image-left .beginner-rating-grid,
      .beginner-rating-section.is-layout-image-right .beginner-section-kicker,
      .beginner-rating-section.is-layout-image-right h2,
      .beginner-rating-section.is-layout-image-right p,
      .beginner-rating-section.is-layout-image-right .beginner-rating-grid {
        grid-column: auto;
        grid-row: auto;
      }
    }

    @media (max-width: 560px) {
      .beginner-media-split.is-layout-image-right,
      .beginner-media-split.is-layout-image-top {
        grid-template-columns: 1fr;
      }

      .beginner-media-split.is-layout-image-right .beginner-static-media {
        order: 0;
      }
    }

    .intel-masterline-card {
      margin-top: 0.72rem;
    }

    .intel-masterline-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.6rem;
      flex-wrap: wrap;
    }

    .intel-masterline-hint {
      color: #6b86a6;
      font-size: 0.74rem;
      font-weight: 700;
      line-height: 1.4;
    }

    #intel-master-today-date {
      margin-left: 0.36rem;
      color: #2f6ba1;
      font-weight: 900;
    }

    .intel-masterline-legend {
      display: inline-flex;
      align-items: center;
      gap: 0.24rem;
      margin-left: 0.48rem;
      padding: 0.12rem 0.42rem;
      border: 1px solid rgba(217, 166, 61, 0.58);
      border-radius: 999px;
      background:
        linear-gradient(128deg, rgba(255, 251, 226, 0.96), rgba(237, 196, 91, 0.46) 36%, rgba(255, 255, 255, 0.92) 50%, rgba(199, 134, 31, 0.35) 76%, rgba(255, 244, 201, 0.92)),
        radial-gradient(circle at 16% 16%, rgba(255, 255, 255, 0.98), transparent 34%);
      color: #81540f;
      font-size: 0.66rem;
      font-weight: 900;
      white-space: nowrap;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(146, 94, 21, 0.14),
        0 8px 16px rgba(147, 94, 22, 0.12);
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    .intel-masterline-legend-swatch {
      width: 0.46rem;
      height: 0.46rem;
      border-radius: 50%;
      background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.96), rgba(255, 229, 137, 0.82) 30%, rgba(206, 139, 28, 0.96) 72%, rgba(126, 78, 14, 0.96));
      box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.76),
        0 0 0 2px rgba(216, 166, 59, 0.2),
        0 0 12px rgba(222, 167, 45, 0.36);
      flex: 0 0 auto;
    }

    .intel-masterline-rail {
      margin-top: 0.56rem;
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(132px, 156px);
      gap: 0.5rem;
      overflow-x: auto;
      padding: 0.18rem 0.12rem 0.18rem 0.12rem;
      scrollbar-width: thin;
      position: relative;
    }

    .intel-masterline-rail::before {
      content: "";
      position: absolute;
      left: 0.12rem;
      right: 0.12rem;
      top: 1.74rem;
      height: 2px;
      background: linear-gradient(90deg, rgba(126, 170, 224, 0.35), rgba(54, 152, 219, 0.72), rgba(57, 197, 169, 0.66));
      border-radius: 999px;
      pointer-events: none;
    }

    .intel-masterline-chip {
      border: 1px solid rgba(198, 220, 247, 0.95);
      border-radius: 12px;
      background: linear-gradient(156deg, rgba(255, 255, 255, 0.94), rgba(244, 252, 255, 0.86));
      padding: 0.36rem 0.46rem 0.38rem;
      color: #1f456b;
      font-size: 0.66rem;
      font-weight: 700;
      line-height: 1.35;
      min-height: 58px;
      text-align: left;
      cursor: pointer;
      position: relative;
      z-index: 1;
      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
    }

    .intel-masterline-chip:hover {
      transform: translateY(-2px);
      border-color: rgba(95, 157, 229, 0.7);
      box-shadow: 0 8px 16px rgba(74, 123, 173, 0.17);
    }

    .intel-masterline-chip.is-official-event {
      border-color: rgba(225, 174, 62, 0.8);
      background:
        linear-gradient(128deg, rgba(255, 253, 236, 0.96), rgba(243, 209, 118, 0.66) 34%, rgba(255, 255, 255, 0.95) 50%, rgba(219, 159, 46, 0.58) 72%, rgba(255, 244, 204, 0.92)),
        radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.96), transparent 32%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(134, 85, 15, 0.12),
        0 9px 18px rgba(147, 96, 22, 0.14);
      overflow: hidden;
    }

    .intel-masterline-chip.is-official-event::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(105deg, transparent 0 28%, rgba(255, 255, 255, 0.62) 42%, transparent 56% 100%);
      opacity: 0.55;
      pointer-events: none;
      mix-blend-mode: screen;
    }

    .intel-masterline-chip.is-official-event:hover {
      border-color: rgba(232, 181, 70, 0.92);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(134, 85, 15, 0.14),
        0 11px 20px rgba(147, 96, 22, 0.2);
    }

    .intel-masterline-chip::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 1.44rem;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #6b99c8;
      box-shadow: 0 0 0 3px rgba(107, 153, 200, 0.2);
    }

    .intel-masterline-chip.is-official-event::before {
      background: radial-gradient(circle at 30% 24%, #fff9d9, #f5c453 42%, #b77918 78%);
      box-shadow:
        0 0 0 3px rgba(220, 167, 50, 0.2),
        0 0 14px rgba(222, 166, 44, 0.42);
    }

    .intel-masterline-date {
      display: block;
      color: #1e4f7c;
      font-weight: 900;
      font-size: 0.72rem;
      letter-spacing: 0.01em;
      margin-left: 15px;
    }

    .intel-masterline-date-row {
      display: inline-flex;
      align-items: center;
      gap: 0.24rem;
    }

    .intel-masterline-today {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: 1px solid rgba(54, 152, 219, 0.45);
      background: rgba(56, 157, 224, 0.16);
      color: #1f6ea8;
      font-size: 0.55rem;
      font-weight: 900;
      line-height: 1;
      padding: 0.12rem 0.28rem;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }

    .intel-masterline-topic {
      display: block;
      margin-top: 0.14rem;
      margin-left: 15px;
      color: #2f5d89;
      font-size: 0.64rem;
      font-weight: 800;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .intel-masterline-chip.is-active {
      border-color: rgba(93, 155, 230, 0.72);
      color: #245784;
      background: linear-gradient(130deg, rgba(224, 240, 255, 0.97), rgba(228, 255, 246, 0.94));
      box-shadow: 0 11px 20px rgba(73, 116, 162, 0.22);
      transform: translateY(-2px);
    }

    .intel-masterline-chip.is-official-event.is-active {
      border-color: rgba(237, 184, 69, 0.96);
      color: #6d4710;
      background:
        linear-gradient(128deg, rgba(255, 251, 225, 0.98), rgba(241, 202, 96, 0.78) 33%, rgba(255, 255, 255, 0.98) 50%, rgba(211, 145, 35, 0.66) 73%, rgba(255, 240, 190, 0.96)),
        radial-gradient(circle at 15% 10%, rgba(255, 255, 255, 0.98), transparent 33%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        inset 0 -1px 0 rgba(138, 87, 13, 0.16),
        0 0 0 3px rgba(230, 176, 55, 0.24),
        0 13px 24px rgba(147, 96, 22, 0.24);
    }

    .intel-masterline-chip.is-active .intel-masterline-date,
    .intel-masterline-chip.is-active .intel-masterline-topic {
      color: #163f67;
    }

    .intel-masterline-chip.is-official-event .intel-masterline-date,
    .intel-masterline-chip.is-official-event .intel-masterline-topic,
    .intel-masterline-chip.is-official-event.is-active .intel-masterline-date,
    .intel-masterline-chip.is-official-event.is-active .intel-masterline-topic {
      color: #6f4911;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    .intel-masterline-chip.is-active::before {
      background: #2f7df7;
      box-shadow: 0 0 0 4px rgba(47, 125, 247, 0.2);
    }

    .intel-masterline-chip.is-official-event.is-active::before {
      background: radial-gradient(circle at 30% 24%, #fffce1, #f8c95a 42%, #a96d12 78%);
      box-shadow:
        0 0 0 4px rgba(224, 169, 48, 0.25),
        0 0 16px rgba(228, 170, 46, 0.48);
    }

    .intel-masterline-stage {
      margin-top: 0.56rem;
      border: 1px solid rgba(184, 214, 245, 0.94);
      border-radius: 16px;
      background: linear-gradient(155deg, rgba(255, 255, 255, 0.9), rgba(244, 252, 255, 0.78));
      box-shadow: 0 16px 28px rgba(52, 88, 130, 0.17);
      padding: 0;
      user-select: none;
      overflow: hidden;
      position: relative;
      touch-action: pan-y;
      --intel-master-drag: 0px;
      min-height: 520px;
      cursor: grab;
    }

    .intel-masterline-stage.is-dragging {
      cursor: grabbing;
    }

    .intel-masterline-stage.is-dragging .intel-master-track:not(.is-single) {
      transition: none;
      transform: translate3d(calc(-33.333% + var(--intel-master-drag)), 0, 0);
    }

    .intel-master-track {
      width: 300%;
      display: flex;
      transform: translate3d(-33.333%, 0, 0);
      transition: transform 380ms cubic-bezier(0.22, 0.61, 0.36, 1);
      will-change: transform;
    }

    .intel-master-track.is-single {
      width: 100%;
      transform: translate3d(0, 0, 0);
      transition: none;
    }

    .intel-masterline-stage.is-animating.dir-next .intel-master-track:not(.is-single) {
      transform: translate3d(-66.666%, 0, 0);
    }

    .intel-masterline-stage.is-animating.dir-prev .intel-master-track:not(.is-single) {
      transform: translate3d(0, 0, 0);
    }

    .intel-master-slide {
      flex: 0 0 33.333%;
      padding: 0;
      opacity: 1;
      transform: scale(0.94);
      filter: none;
      transition: transform 380ms cubic-bezier(0.22, 0.61, 0.36, 1);
      pointer-events: none;
    }

    .intel-master-slide.is-active {
      opacity: 1;
      transform: scale(1);
      filter: none;
      pointer-events: auto;
    }

    .intel-master-track.is-single .intel-master-slide {
      flex: 1 1 auto;
      opacity: 1;
      transform: none;
      filter: none;
      pointer-events: auto;
      padding: 0;
    }

    .intel-master-slide.is-preview {
      cursor: pointer;
      opacity: 1;
    }

    .intel-master-slide.is-preview .intel-master-card::before {
      opacity: 0.9;
    }

    .intel-master-slide.is-preview .intel-master-card {
      min-height: 520px;
    }

    .intel-master-slide.is-preview .intel-actions,
    .intel-master-slide.is-preview .intel-source-link {
      visibility: hidden;
      pointer-events: none;
    }

    .intel-masterline-empty {
      color: #6784a6;
      font-size: 0.84rem;
      line-height: 1.6;
      padding: 1rem 0.8rem;
    }

    .events-author-note {
      margin: 0.9rem 0 0;
      color: rgba(58, 83, 111, 0.68);
      font-size: 0.78rem;
      font-weight: 700;
      text-align: right;
    }

    .events-author-note a {
      color: inherit;
      text-decoration: none;
    }

    .events-author-note a:hover {
      color: #246caa;
      text-decoration: underline;
    }

    .intel-master-card {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      min-height: 520px;
      padding: 1.1rem 1rem;
      position: relative;
      overflow: hidden;
      isolation: isolate;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }

    .intel-master-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(9, 18, 31, 0.02) 0%, rgba(6, 17, 30, 0.12) 48%, rgba(6, 15, 27, 0.42) 100%),
        radial-gradient(90% 65% at 100% 0%, rgba(58, 152, 239, 0.16), rgba(58, 152, 239, 0) 70%);
      z-index: -1;
    }

    .intel-master-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.4rem;
      border: 1px solid rgba(179, 205, 235, 0.22);
      border-radius: 12px;
      padding: 0.34rem 0.48rem;
      background: rgba(10, 26, 45, 0.34);
      flex-wrap: wrap;
      backdrop-filter: blur(2px);
    }

    .intel-master-kicker {
      color: #e1efff;
      font-size: 0.77rem;
      font-weight: 800;
      letter-spacing: 0.02em;
    }

    .intel-master-when {
      color: #bdd8f7;
      font-size: 0.74rem;
      font-weight: 800;
    }

    .intel-master-media {
      display: none;
    }

    .intel-master-title {
      margin-top: 0.7rem;
      color: #f7fbff;
      font-size: clamp(1.18rem, 2.2vw, 1.7rem);
      font-weight: 900;
      line-height: 1.28;
      letter-spacing: -0.01em;
      text-shadow: 0 2px 12px rgba(3, 11, 22, 0.6);
    }

    .intel-master-title-row {
      margin-top: 0.64rem;
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 0.56rem;
    }

    .intel-master-toggle {
      border: 1px solid rgba(185, 210, 238, 0.36);
      border-radius: 999px;
      background: rgba(9, 21, 38, 0.5);
      color: #dcedff;
      font-size: 0.68rem;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
      padding: 0.26rem 0.5rem;
      cursor: pointer;
      margin-top: 0.12rem;
      flex-shrink: 0;
    }

    .intel-master-toggle:hover {
      border-color: rgba(127, 173, 224, 0.66);
      color: #ffffff;
    }

    .intel-master-summary {
      margin-top: 0.35rem;
      color: #ffffff !important;
      font-weight: 800;
      font-size: 0.93rem;
      line-height: 1.63;
      text-shadow: 0 2px 14px rgba(3, 10, 20, 0.86);
      background: rgba(6, 18, 32, 0.44);
      border: 1px solid rgba(160, 198, 235, 0.38);
      border-radius: 10px;
      padding: 0.26rem 0.46rem;
      width: fit-content;
      max-width: 100%;
    }

    .intel-event-facts {
      display: grid;
      gap: 0.24rem;
      margin-top: 0.34rem;
    }

    .intel-event-fact {
      display: flex;
      align-items: baseline;
      gap: 0.34rem;
      line-height: 1.5;
      font-size: 0.84rem;
    }

    .intel-event-fact-label {
      flex: 0 0 auto;
      font-weight: 900;
      letter-spacing: 0.01em;
    }

    .intel-event-fact-value {
      min-width: 0;
      font-weight: 700;
      word-break: break-word;
    }

    .intel-master-card .intel-event-fact-label {
      color: #9dd8ff;
      text-shadow: 0 1px 8px rgba(4, 13, 24, 0.58);
    }

    .intel-master-card .intel-event-fact-value {
      color: #ffffff;
      text-shadow: 0 1px 8px rgba(4, 13, 24, 0.58);
    }

    .intel-master-footer {
      margin-top: 0.36rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      flex-wrap: wrap;
      border-top: 1px solid rgba(176, 205, 236, 0.18);
      padding-top: 0.34rem;
    }

    .intel-master-slide.is-preview .intel-master-toggle {
      display: none;
    }

    .intel-master-index {
      color: #d5e9ff;
      font-size: 0.74rem;
      font-weight: 800;
    }

    .intel-section-item {
      display: inline;
    }

    .intel-section-item a {
      color: #2d5f93;
      font-weight: 700;
      text-decoration: none;
    }

    .intel-section-item a:hover {
      text-decoration: underline;
    }

    .intel-agenda-grid {
      margin-top: 0.68rem;
    }

    .intel-agenda-list {
      list-style: none;
      margin-top: 0.48rem;
      display: grid;
      gap: 0.42rem;
    }

    .intel-agenda-item {
      border: 1px solid rgba(214, 231, 248, 0.95);
      border-radius: 11px;
      background: rgba(255, 255, 255, 0.84);
      padding: 0.42rem 0.5rem;
      display: grid;
      gap: 0.16rem;
    }

    .intel-agenda-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.4rem;
    }

    .intel-agenda-label {
      color: #2c5b89;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.03em;
    }

    .intel-agenda-label.is-high {
      color: #9d3124;
    }

    .intel-agenda-label.is-medium {
      color: #9a6a11;
    }

    .intel-agenda-headline {
      color: #234a71;
      font-size: 0.83rem;
      font-weight: 800;
      line-height: 1.45;
      text-decoration: none;
    }

    .intel-agenda-headline:hover {
      text-decoration: underline;
    }

    .intel-agenda-point {
      color: #557594;
      font-size: 0.77rem;
      line-height: 1.5;
    }

    .intel-agenda-meta {
      color: #6986a6;
      font-size: 0.7rem;
      font-weight: 700;
    }

    .intel-template-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.44rem;
    }

    .intel-template-item {
      border: 1px solid rgba(212, 229, 248, 0.94);
      border-radius: 11px;
      background: rgba(255, 255, 255, 0.84);
      padding: 0.48rem 0.56rem;
      display: grid;
      gap: 0.2rem;
    }

    .intel-template-name {
      color: #2a547f;
      font-size: 0.76rem;
      font-weight: 800;
    }

    .intel-template-for {
      color: #557694;
      font-size: 0.72rem;
      line-height: 1.45;
    }

    .pokemon-news-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.52rem;
      flex-wrap: wrap;
    }

    .pokemon-news-grid {
      margin-top: 0.52rem;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.56rem;
    }

    .pokemon-news-card {
      border: 1px solid rgba(207, 226, 246, 0.92);
      border-radius: 14px;
      background: linear-gradient(152deg, rgba(255, 255, 255, 0.9), rgba(244, 251, 255, 0.78));
      box-shadow: 0 10px 22px rgba(62, 93, 130, 0.11);
      padding: 0.62rem 0.68rem;
      display: grid;
      gap: 0.36rem;
      min-height: 190px;
    }

    .pokemon-news-card[data-pokemon-news-index] {
      cursor: pointer;
      transition: transform 180ms cubic-bezier(0.2, 0.75, 0.24, 1), box-shadow 180ms ease, border-color 180ms ease;
    }

    .pokemon-news-card[data-pokemon-news-index]:hover {
      transform: translateY(-2px);
      border-color: rgba(90, 150, 223, 0.72);
      box-shadow: 0 14px 24px rgba(58, 92, 129, 0.16);
    }

    .pokemon-news-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.28rem;
    }

    .pokemon-news-source {
      color: #2f5f8f;
      font-size: 0.7rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .pokemon-news-date {
      color: #6485a8;
      font-size: 0.7rem;
      font-weight: 700;
    }

    .pokemon-news-title {
      color: #224665;
      font-size: 0.93rem;
      line-height: 1.45;
      font-weight: 900;
      text-decoration: none;
    }

    .pokemon-news-title:hover {
      text-decoration: underline;
      color: #184f84;
    }

    .pokemon-news-summary {
      color: #2e577d;
      font-size: 0.82rem;
      line-height: 1.6;
    }

    .pokemon-news-points {
      list-style: none;
      display: grid;
      gap: 0.24rem;
      margin-top: 0.06rem;
    }

    .pokemon-news-points li {
      color: #4b6a89;
      font-size: 0.77rem;
      line-height: 1.5;
      padding-left: 0.8rem;
      position: relative;
    }

    .pokemon-news-points li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.54em;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: linear-gradient(140deg, #2f79f6, #2ec9ab);
      box-shadow: 0 0 8px rgba(45, 143, 255, 0.35);
    }

    .pokemon-news-link {
      margin-top: auto;
      color: #2a5a91;
      font-size: 0.75rem;
      font-weight: 800;
      text-decoration: none;
      width: fit-content;
    }

    .pokemon-news-link:hover {
      color: #17497d;
      text-decoration: underline;
    }

    .intel-grid {
      margin-top: 0.72rem;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.66rem;
    }

    .sbt-acq-panel {
      margin-top: 0.74rem;
      border: 1px solid rgba(190, 218, 248, 0.98);
      border-radius: 16px;
      background:
        radial-gradient(80% 70% at 0% 0%, rgba(91, 183, 222, 0.15), rgba(91, 183, 222, 0) 72%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.9), rgba(246, 252, 255, 0.72));
      box-shadow: 0 12px 30px rgba(58, 92, 132, 0.1);
      padding: 0.72rem;
    }

    .sbt-acq-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.58rem;
    }

    .sbt-acq-title {
      color: #24486d;
      font-size: 0.98rem;
      line-height: 1.35;
      font-weight: 900;
    }

    .sbt-acq-next {
      color: #607b9a;
      font-size: 0.76rem;
      line-height: 1.45;
      font-weight: 800;
    }

    .sbt-acq-list {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.42rem;
    }

    .sbt-acq-row {
      width: 100%;
      border: 1px solid rgba(190, 218, 248, 0.94);
      border-radius: 13px;
      background: rgba(255, 255, 255, 0.74);
      color: inherit;
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 0.56rem;
      align-items: center;
      padding: 0.52rem 0.58rem;
      text-align: left;
      cursor: pointer;
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }

    .sbt-acq-row:hover,
    .sbt-acq-row:focus-visible {
      transform: translateY(-1px);
      border-color: rgba(104, 171, 238, 0.98);
      box-shadow: 0 10px 22px rgba(58, 109, 166, 0.14);
      background: rgba(255, 255, 255, 0.92);
      outline: none;
    }

    .sbt-acq-index {
      width: 2.05rem;
      height: 2.05rem;
      display: grid;
      place-items: center;
      border-radius: 999px;
      border: 1px solid rgba(166, 207, 248, 0.98);
      background: rgba(241, 249, 255, 0.9);
      color: #2e669a;
      font-weight: 900;
      font-size: 0.76rem;
    }

    .sbt-acq-main {
      display: grid;
      gap: 0.12rem;
      min-width: 0;
    }

    .sbt-acq-name {
      color: #274a6e;
      font-size: 0.82rem;
      line-height: 1.35;
      font-weight: 900;
    }

    .sbt-acq-method {
      color: #516f91;
      font-size: 0.75rem;
      line-height: 1.45;
      font-weight: 750;
    }

    .sbt-acq-meta {
      color: #66819e;
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: 0.34rem;
      font-size: 0.72rem;
      font-weight: 850;
      white-space: nowrap;
    }

    .sbt-acq-status {
      border: 1px solid rgba(163, 196, 232, 0.92);
      border-radius: 999px;
      padding: 0.12rem 0.38rem;
      background: rgba(247, 251, 255, 0.9);
      color: #456487;
    }

    .sbt-acq-status.is-expired {
      border-color: rgba(224, 168, 134, 0.92);
      background: rgba(255, 244, 236, 0.9);
      color: #9a5a34;
    }

    .sbt-acq-status.is-claimable {
      border-color: rgba(60, 190, 129, 0.82);
      background: linear-gradient(135deg, rgba(220, 255, 238, 0.96), rgba(188, 246, 219, 0.88));
      color: #087346;
      box-shadow: 0 8px 18px rgba(30, 168, 101, 0.16);
    }

    .intel-card {
      border: 1px solid rgba(223, 237, 252, 0.95);
      border-radius: 16px;
      background: linear-gradient(150deg, rgba(255, 255, 255, 0.85), rgba(245, 252, 255, 0.68));
      box-shadow: 0 11px 24px rgba(64, 96, 136, 0.11);
      padding: 0.82rem;
      display: flex;
      flex-direction: column;
      align-content: flex-start;
      gap: 0.44rem;
      min-height: 0;
      cursor: pointer;
    }

    .intel-card.is-sbt-jump-target {
      border-color: rgba(41, 139, 230, 0.98);
      box-shadow: 0 0 0 4px rgba(41, 139, 230, 0.14), 0 18px 36px rgba(41, 139, 230, 0.18);
    }

    .intel-card.layout-poster {
      min-height: 0;
      background:
        radial-gradient(80% 58% at 100% 0%, rgba(105, 157, 245, 0.22), rgba(105, 157, 245, 0) 75%),
        radial-gradient(60% 60% at -10% 100%, rgba(42, 201, 170, 0.2), rgba(42, 201, 170, 0) 76%),
        linear-gradient(153deg, rgba(255, 255, 255, 0.88), rgba(243, 251, 255, 0.78));
      border-color: rgba(170, 216, 252, 0.95);
      overflow: hidden;
    }

    .intel-card.layout-data {
      border-color: rgba(186, 222, 230, 0.95);
      background: linear-gradient(156deg, rgba(248, 255, 252, 0.88), rgba(240, 253, 250, 0.74));
    }

    .intel-card.layout-timeline {
      border-color: rgba(226, 228, 250, 0.95);
      background: linear-gradient(156deg, rgba(251, 252, 255, 0.88), rgba(243, 246, 255, 0.74));
    }

    .intel-kicker {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: 0.3rem;
      padding: 0.2rem 0.44rem;
      border-radius: 999px;
      border: 1px solid rgba(203, 228, 250, 0.94);
      color: #396082;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      background: rgba(255, 255, 255, 0.82);
    }

    .intel-title {
      color: #234565;
      font-size: 1rem;
      font-weight: 800;
      line-height: 1.42;
      letter-spacing: -0.01em;
    }

    .intel-card.layout-poster .intel-title {
      font-size: clamp(1.08rem, 2vw, 1.34rem);
      line-height: 1.34;
      max-width: 90ch;
    }

    .intel-keyline {
      margin-top: 0.06rem;
      padding: 0.3rem 0.42rem;
      border-radius: 10px;
      border: 1px solid rgba(177, 212, 245, 0.9);
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(238, 248, 255, 0.86));
      color: #234d79;
      font-size: 0.79rem;
      font-weight: 800;
      line-height: 1.52;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.52);
    }

    .intel-cover {
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(193, 220, 244, 0.92);
      background: rgba(245, 252, 255, 0.82);
      line-height: 0;
      flex: none;
    }

    .intel-cover img {
      width: 100%;
      height: auto;
      max-height: 280px;
      object-fit: cover;
      display: block;
    }

    .intel-card.layout-poster .intel-cover {
      aspect-ratio: 16 / 9;
    }

    .intel-card.layout-poster .intel-cover img {
      width: 100%;
      height: 100%;
      max-height: none;
      object-fit: cover;
    }

    .intel-poster-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.6rem;
      flex-wrap: wrap;
      padding: 0.46rem 0.56rem;
      border: 1px solid rgba(190, 224, 249, 0.95);
      border-radius: 12px;
      background: linear-gradient(118deg, rgba(255, 255, 255, 0.85), rgba(243, 251, 255, 0.9));
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    }

    .intel-poster-date {
      color: #2d5f8d;
      font-size: 0.76rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      font-weight: 800;
    }

    .intel-poster-glow {
      margin-top: 0.18rem;
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(95deg, rgba(67, 154, 240, 0.8), rgba(37, 201, 170, 0.7), rgba(120, 145, 255, 0.65));
      box-shadow: 0 0 18px rgba(83, 172, 245, 0.33);
    }

    .intel-summary {
      color: #345677;
      font-size: 0.87rem;
      line-height: 1.62;
      text-shadow: none;
    }

    .intel-bullets {
      list-style: none;
      display: grid;
      gap: 0.28rem;
      margin-top: 0.08rem;
    }

    .intel-card .intel-event-fact-label {
      color: #1f4f7c;
    }

    .intel-card .intel-event-fact-value {
      color: #294d70;
    }

    .intel-bullets li {
      color: #4e6683;
      font-size: 0.82rem;
      line-height: 1.55;
      padding-left: 0.84rem;
      position: relative;
    }

    .intel-bullets li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.58em;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: linear-gradient(140deg, #2f79f6, #2ec9ab);
      box-shadow: 0 0 8px rgba(45, 143, 255, 0.35);
    }

    .intel-footer {
      margin-top: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.4rem;
      flex-wrap: wrap;
    }

    .intel-tags {
      display: flex;
      gap: 0.28rem;
      flex-wrap: wrap;
    }

    .intel-tag {
      padding: 0.16rem 0.38rem;
      border-radius: 999px;
      border: 1px solid rgba(213, 227, 244, 0.95);
      color: #4b6789;
      font-size: 0.66rem;
      font-weight: 700;
      background: rgba(255, 255, 255, 0.9);
    }

    .intel-time {
      color: #6682a2;
      font-size: 0.74rem;
      font-weight: 700;
      letter-spacing: 0.01em;
    }

    .intel-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.32rem;
      flex-wrap: wrap;
    }

    .intel-pick-btn {
      border: 1px solid rgba(196, 220, 246, 0.95);
      background: rgba(255, 255, 255, 0.9);
      color: #335a83;
      border-radius: 8px;
      padding: 0.2rem 0.42rem;
      font-size: 0.7rem;
      font-weight: 800;
      cursor: pointer;
    }

    .intel-pick-btn:hover {
      border-color: rgba(86, 146, 221, 0.68);
    }

    .intel-pick-btn.is-loading {
      border-color: rgba(39, 126, 205, 0.75);
      background: rgba(224, 243, 255, 0.96);
      color: #164e86;
      cursor: progress;
      opacity: 0.92;
    }

    .intel-pick-btn.is-picked {
      border-color: rgba(42, 170, 126, 0.65);
      color: #1a7d59;
      background: rgba(235, 255, 245, 0.9);
    }

    .intel-card.is-intel-refreshing,
    .intel-master-card.is-intel-refreshing,
    .intel-master-slide.is-intel-refreshing {
      position: relative;
      outline: 2px solid rgba(56, 141, 221, 0.38);
      outline-offset: 2px;
    }

    .intel-card.is-intel-refreshing::after,
    .intel-master-card.is-intel-refreshing::after,
    .intel-master-slide.is-intel-refreshing::after {
      content: attr(data-intel-refresh-status);
      position: absolute;
      top: 0.72rem;
      right: 0.72rem;
      z-index: 4;
      border: 1px solid rgba(119, 176, 230, 0.78);
      border-radius: 999px;
      padding: 0.22rem 0.58rem;
      background: rgba(239, 249, 255, 0.96);
      color: #235a89;
      box-shadow: 0 8px 22px rgba(30, 86, 141, 0.12);
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.01em;
    }

    .intel-source-link {
      text-decoration: none;
      color: #2a5a91;
      font-size: 0.76rem;
      font-weight: 800;
    }

    .intel-source-link:hover {
      color: #17497d;
      text-decoration: underline;
    }

    .intel-source-raw {
      display: block;
      width: 100%;
      margin-top: 0.28rem;
      padding-top: 0.26rem;
      border-top: 1px dashed rgba(176, 205, 236, 0.34);
      font-size: 0.72rem;
      font-weight: 700;
      line-height: 1.48;
      word-break: break-all;
      text-decoration: none;
    }

    .intel-master-card .intel-source-raw {
      color: #dcedff;
      text-shadow: 0 1px 8px rgba(4, 13, 24, 0.6);
    }

    .intel-master-card .intel-source-raw:hover {
      color: #ffffff;
      text-decoration: underline;
    }

    .intel-card .intel-source-raw {
      color: #2d5f93;
    }

    .intel-card .intel-source-raw:hover {
      color: #17497d;
      text-decoration: underline;
    }

    .intel-detail-modal {
      position: fixed;
      inset: 0;
      z-index: 120;
      display: none;
      align-items: center;
      justify-content: center;
      padding: clamp(0.75rem, 2vw, 1.2rem);
      background: rgba(17, 33, 53, 0.32);
      backdrop-filter: blur(6px);
    }

    .intel-detail-modal.is-open {
      display: flex;
    }

    .intel-auth-modal {
      position: fixed;
      inset: 0;
      z-index: 125;
      display: none;
      align-items: center;
      justify-content: center;
      padding: clamp(0.75rem, 2vw, 1.2rem);
      background: rgba(16, 31, 50, 0.35);
      backdrop-filter: blur(6px);
    }

    .intel-auth-modal.is-open {
      display: flex;
    }

    .intel-auth-dialog {
      width: min(520px, 100%);
      border: 1px solid rgba(181, 212, 243, 0.9);
      border-radius: 16px;
      background: linear-gradient(160deg, rgba(255, 255, 255, 0.99), rgba(241, 249, 255, 0.97));
      box-shadow: 0 26px 48px rgba(16, 37, 60, 0.22);
      padding: 1rem 0.96rem 0.92rem;
      position: relative;
      color: #1f4060;
    }

    .intel-auth-title {
      font-size: 1rem;
      font-weight: 900;
      letter-spacing: 0.02em;
      color: #214d77;
    }

    .intel-auth-sub {
      margin-top: 0.28rem;
      color: #5d7fa2;
      font-size: 0.76rem;
      line-height: 1.5;
    }

    .intel-auth-message {
      margin: 0.58rem 0 0;
      color: #5f7b9b;
      font-size: 0.76rem;
      font-weight: 800;
      line-height: 1.45;
    }

    .intel-auth-message.is-error {
      color: #b34332;
    }

    .intel-auth-message.is-ok {
      color: #167e5b;
    }

    .intel-auth-form {
      margin-top: 0.62rem;
      display: grid;
      gap: 0.52rem;
    }

    .intel-auth-field {
      display: grid;
      gap: 0.26rem;
    }

    .intel-auth-field label {
      color: #335d86;
      font-size: 0.75rem;
      font-weight: 800;
      letter-spacing: 0.02em;
    }

    .intel-auth-field input,
    .intel-auth-field select,
    .intel-auth-field textarea {
      border: 1px solid rgba(186, 217, 247, 0.95);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.95);
      color: #22496d;
      font-size: 0.86rem;
      padding: 0.56rem 0.62rem;
      font-family: var(--body-font);
    }

    .intel-auth-field textarea {
      min-height: 112px;
      resize: vertical;
      line-height: 1.55;
    }

    .intel-auth-field input:focus,
    .intel-auth-field select:focus,
    .intel-auth-field textarea:focus {
      outline: 2px solid rgba(71, 145, 241, 0.26);
      outline-offset: 1px;
    }

    .intel-feedback-current,
    .intel-feedback-help {
      color: #5e7ea2;
      font-size: 0.72rem;
      line-height: 1.42;
    }

    .intel-feedback-checks {
      display: flex;
      flex-wrap: wrap;
      gap: 0.34rem;
    }

    .intel-feedback-check {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      border: 1px solid rgba(186, 217, 247, 0.95);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.92);
      color: #2d5a82;
      font-size: 0.75rem;
      font-weight: 800;
      line-height: 1;
      padding: 0.42rem 0.56rem;
      cursor: pointer;
      user-select: none;
    }

    .intel-feedback-check:has(input:checked) {
      border-color: rgba(71, 145, 241, 0.7);
      background: linear-gradient(135deg, rgba(223, 240, 255, 0.98), rgba(246, 251, 255, 0.96));
      color: #174b7c;
      box-shadow: 0 8px 18px rgba(69, 135, 213, 0.12);
    }

    .intel-feedback-check.is-other:has(input:checked) {
      border-color: rgba(128, 143, 164, 0.72);
      background: rgba(241, 245, 249, 0.96);
      color: #475569;
    }

    .intel-feedback-check input {
      width: 0.86rem;
      height: 0.86rem;
      border: 0;
      border-radius: 3px;
      background: transparent;
      box-shadow: none;
      margin: 0;
      padding: 0;
      accent-color: #2b78d0;
    }

    .intel-auth-form-actions {
      margin-top: 0.2rem;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.42rem;
    }

    .intel-admin-monitor {
      margin-top: 0.72rem;
      padding-top: 0.72rem;
      border-top: 1px solid rgba(190, 219, 247, 0.82);
      display: grid;
      gap: 0.56rem;
    }

    .intel-admin-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.42rem;
      flex-wrap: wrap;
    }

    .intel-admin-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.48rem;
    }

    #intel-admin-modal .intel-auth-dialog {
      width: min(900px, 100%);
      max-height: min(86vh, 900px);
      overflow: auto;
    }

    .intel-admin-card {
      border: 1px solid rgba(183, 214, 242, 0.84);
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(237, 247, 255, 0.92));
      padding: 0.52rem 0.58rem;
      display: grid;
      gap: 0.22rem;
    }

    .intel-admin-label {
      font-size: 0.72rem;
      font-weight: 800;
      color: #3d6187;
      letter-spacing: 0.02em;
    }

    .intel-admin-value {
      font-size: 0.88rem;
      font-weight: 900;
      color: #1f4873;
      line-height: 1.2;
    }

    .intel-admin-meta {
      font-size: 0.72rem;
      color: #5e7ea2;
      line-height: 1.35;
      word-break: break-word;
    }

    .intel-admin-list-wrap {
      display: grid;
      gap: 0.3rem;
    }

    .intel-admin-list {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 0.28rem;
    }

    .intel-admin-list li {
      border: 1px solid rgba(190, 219, 247, 0.72);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.9);
      padding: 0.42rem 0.5rem;
      font-size: 0.73rem;
      color: #335a82;
      line-height: 1.4;
    }

    .intel-source-manager {
      display: flex;
      flex-wrap: wrap;
      gap: 0.42rem;
      align-items: center;
    }

    .intel-source-manager input {
      flex: 1 1 220px;
      border: 1px solid rgba(186, 217, 247, 0.95);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.95);
      color: #22496d;
      font-size: 0.86rem;
      padding: 0.56rem 0.62rem;
      font-family: var(--body-font);
    }

    .intel-source-option {
      display: inline-flex;
      align-items: center;
      gap: 0.34rem;
      border: 1px solid rgba(186, 217, 247, 0.88);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.86);
      color: #2d5a82;
      font-size: 0.78rem;
      font-weight: 800;
      padding: 0.42rem 0.58rem;
      cursor: pointer;
    }

    .intel-source-option input {
      flex: none;
      width: auto;
      padding: 0;
      cursor: pointer;
    }

    .intel-source-pill-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.34rem;
      min-height: 2rem;
    }

    .intel-source-result {
      border: 1px solid rgba(190, 219, 247, 0.72);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.82);
      color: #4f7195;
      font-size: 0.74rem;
      font-weight: 750;
      line-height: 1.4;
      padding: 0.38rem 0.5rem;
    }

    .intel-source-result.is-pending {
      border-color: rgba(139, 184, 229, 0.9);
      background: rgba(239, 248, 255, 0.94);
      color: #285982;
    }

    .intel-source-result.is-ok {
      border-color: rgba(91, 178, 126, 0.82);
      background: rgba(243, 255, 248, 0.94);
      color: #1e6841;
    }

    .intel-source-result.is-error {
      border-color: rgba(234, 170, 158, 0.9);
      background: rgba(255, 246, 244, 0.94);
      color: #9d3b3b;
    }

    .intel-source-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
      border: 1px solid rgba(190, 219, 247, 0.8);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.9);
      color: #2d5a82;
      font-size: 0.75rem;
      font-weight: 800;
      padding: 0.34rem 0.42rem 0.34rem 0.58rem;
    }

    .intel-source-pill.is-pokemon-source {
      border-color: rgba(91, 178, 126, 0.82);
      background: rgba(243, 255, 248, 0.92);
      color: #1e6841;
    }

    .intel-source-badge {
      border-radius: 999px;
      background: rgba(46, 172, 101, 0.14);
      color: #1f7a48;
      font-size: 0.66rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      padding: 0.16rem 0.34rem;
      text-transform: uppercase;
    }

    .intel-source-remove {
      border: 0;
      border-radius: 999px;
      background: rgba(226, 238, 249, 0.9);
      color: #2f5d86;
      cursor: pointer;
      font: inherit;
      font-size: 0.72rem;
      font-weight: 900;
      line-height: 1;
      padding: 0.22rem 0.36rem;
    }

    .intel-source-remove:hover {
      background: rgba(255, 224, 224, 0.95);
      color: #9f2d2d;
    }

    .intel-admin-actions-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.42rem;
      border: 1px solid rgba(190, 219, 247, 0.72);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.82);
      padding: 0.5rem;
    }

    .intel-admin-actions-copy {
      color: #4c7199;
      font-size: 0.73rem;
      line-height: 1.45;
    }

    @media (max-width: 820px) {
      .intel-admin-grid {
        grid-template-columns: 1fr;
      }

      .agent-page-main {
        gap: 0.7rem;
      }

      .agent-page-hero {
        padding-top: 0.2rem;
      }

      .agent-page-hero .section-title {
        font-size: clamp(1.75rem, 11vw, 3rem);
      }

      .agent-page-panel {
        min-height: clamp(390px, 56vh, 600px);
        padding-inline: 0;
      }

      .renaiss-agent-card {
        border-radius: 22px;
        padding: 0.9rem;
      }

      .renaiss-agent-card.is-empty {
        min-height: clamp(300px, 48vh, 430px);
        padding-inline: 0.1rem;
      }

      .renaiss-agent-card.is-chatting {
        min-height: min(74vh, 720px);
      }

      .renaiss-agent-head {
        align-items: flex-start;
      }

      .agent-reset-btn span {
        display: none;
      }

      .renaiss-agent-input-row {
        grid-template-columns: minmax(0, 1fr) 44px;
        gap: 0.32rem;
        min-height: 64px;
        border-radius: 28px;
        padding: 0.34rem 0.38rem 0.34rem 0.68rem;
      }

      .renaiss-agent-card.is-empty .renaiss-agent-input-row {
        min-height: 68px;
      }

      .agent-composer-action {
        width: 38px;
        height: 38px;
      }

      .renaiss-agent-input-row textarea {
        min-height: 42px;
        padding-block: 0.58rem;
      }

      .renaiss-agent-input-row .intel-sync-btn {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
      }

      .agent-suggestion-copy {
        display: grid;
        gap: 0.08rem;
        white-space: normal;
      }

      .agent-suggestion-copy em {
        white-space: normal;
        line-height: 1.36;
      }

      .renaiss-agent-message {
        width: 100%;
        max-width: 100%;
        padding: 0.78rem 0.82rem;
      }

      .renaiss-agent-message.is-user {
        width: fit-content;
        max-width: 94%;
      }

      .agent-answer-table {
        min-width: 500px;
      }

      .renaiss-agent-source-list {
        grid-template-columns: 1fr;
      }

      .agent-source-dialog {
        max-height: 88vh;
        border-radius: 20px;
      }

      .agent-original-card-top {
        grid-template-columns: 1fr;
      }

      .agent-original-card-top img {
        width: min(100%, 11rem);
      }

      .agent-source-fact {
        grid-template-columns: 1fr;
      }
    }

    .intel-detail-dialog {
      width: min(1080px, 100%);
      max-height: min(92vh, 960px);
      overflow: auto;
      border: 1px solid rgba(178, 209, 239, 0.92);
      border-radius: 16px;
      background: linear-gradient(156deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 255, 0.98));
      box-shadow:
        0 32px 56px rgba(14, 34, 56, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.6) inset;
      color: #1f3e5c;
      position: relative;
    }

    .intel-detail-content {
      display: grid;
      align-content: start;
      grid-auto-rows: max-content;
      gap: 0.68rem;
      padding: 2.1rem 1rem 1rem;
    }

    .intel-detail-grid {
      display: grid;
      gap: 0.62rem;
    }

    @media (min-width: 980px) {
      .intel-detail-grid {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        align-items: start;
      }
    }

    .intel-detail-section {
      border: 1px solid rgba(180, 212, 241, 0.8);
      border-radius: 12px;
      background: linear-gradient(130deg, rgba(255, 255, 255, 0.96), rgba(236, 246, 255, 0.9));
      padding: 0.62rem 0.68rem;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.48);
      display: grid;
      gap: 0.34rem;
    }

    .intel-detail-close {
      position: absolute;
      top: 0.66rem;
      right: 0.66rem;
      border: 1px solid rgba(180, 211, 241, 0.92);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.95);
      color: #2a5a88;
      font-size: 0.75rem;
      font-weight: 900;
      letter-spacing: 0.02em;
      padding: 0.3rem 0.6rem;
      cursor: pointer;
      z-index: 2;
    }

    .intel-detail-close:hover {
      color: #113f70;
      border-color: rgba(117, 181, 242, 0.95);
    }

    .intel-detail-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.4rem;
      border: 1px solid rgba(183, 216, 245, 0.7);
      border-radius: 12px;
      padding: 0.5rem 0.58rem;
      background: linear-gradient(120deg, rgba(236, 246, 255, 0.95), rgba(224, 240, 252, 0.9));
    }

    .intel-detail-kicker {
      color: #2b5f90;
      font-size: 0.75rem;
      font-weight: 900;
      letter-spacing: 0.03em;
    }

    .intel-detail-time {
      color: #5f82a4;
      font-size: 0.72rem;
      font-weight: 800;
    }

    .intel-detail-cover {
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid rgba(179, 211, 240, 0.8);
      background: linear-gradient(145deg, rgba(238, 247, 255, 0.92), rgba(225, 240, 251, 0.92));
      min-height: 0;
      display: grid;
      place-items: center;
    }

    .intel-detail-cover img {
      width: 100%;
      height: auto;
      display: block;
      max-height: min(64vh, 620px);
      object-fit: contain;
      background: rgba(235, 245, 255, 0.55);
    }

    .intel-detail-cover-empty {
      color: #5b7fa1;
      font-size: 0.84rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      padding: 1rem;
    }

    .intel-detail-title {
      color: #133f69;
      font-size: clamp(1.14rem, 2.3vw, 1.52rem);
      line-height: 1.38;
      font-weight: 900;
      margin-top: 0.08rem;
    }

    .intel-detail-glance {
      color: #2d557b;
      font-size: 0.93rem;
      line-height: 1.62;
      border-left: 3px solid rgba(87, 167, 241, 0.85);
      padding-left: 0.58rem;
      margin-top: 0.04rem;
    }

    .intel-detail-block-title {
      color: #3f6b92;
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.05em;
      margin-top: 0.24rem;
    }

    .intel-detail-section .intel-detail-block-title {
      margin-top: 0;
    }

    .intel-detail-list {
      list-style: none;
      display: grid;
      gap: 0.36rem;
      margin-top: 0.34rem;
    }

    .intel-detail-list li {
      color: #244b71;
      font-size: 0.88rem;
      line-height: 1.58;
      padding-left: 0.9rem;
      position: relative;
    }

    .intel-detail-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.56em;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: linear-gradient(140deg, #53a5ff, #2ec9ab);
      box-shadow: 0 0 7px rgba(79, 162, 245, 0.32);
    }

    .intel-detail-dialog .intel-summary {
      color: #355d84;
      text-shadow: none;
      margin-top: 0.1rem;
    }

    .intel-detail-facts .intel-event-fact-label {
      color: #2e6ba1;
      text-shadow: none;
    }

    .intel-detail-facts .intel-event-fact-value {
      color: #1f4f78;
      text-shadow: none;
    }

    .intel-detail-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.34rem;
      margin-top: 0.36rem;
    }

    .intel-detail-tag {
      border: 1px solid rgba(173, 205, 234, 0.8);
      border-radius: 999px;
      background: rgba(236, 246, 255, 0.96);
      color: #3b678f;
      font-size: 0.68rem;
      font-weight: 800;
      padding: 0.18rem 0.44rem;
    }

    .intel-alpha-slots {
      margin-top: 0.34rem;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.42rem;
    }

    .intel-alpha-slot {
      border: 1px solid rgba(172, 205, 234, 0.82);
      border-radius: 10px;
      background: linear-gradient(140deg, rgba(250, 254, 255, 0.96), rgba(233, 244, 255, 0.9));
      padding: 0.4rem 0.46rem;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
      display: grid;
      gap: 0.2rem;
    }

    .intel-alpha-slot-label {
      color: #3f6d95;
      font-size: 0.64rem;
      font-weight: 900;
      letter-spacing: 0.04em;
    }

    .intel-alpha-slot-value {
      color: #194a74;
      font-size: 0.81rem;
      font-weight: 800;
      line-height: 1.48;
    }

    .intel-detail-source {
      margin-top: 0.46rem;
      padding-top: 0.48rem;
      border-top: 1px solid rgba(176, 207, 235, 0.68);
      display: grid;
      gap: 0.16rem;
    }

    .intel-detail-source .intel-detail-block-title {
      margin-top: 0;
    }

    .intel-detail-source a {
      color: #21639b;
      font-size: 0.86rem;
      font-weight: 800;
      word-break: break-all;
      text-decoration: none;
    }

    .intel-detail-source a:hover {
      color: #124c7d;
      text-decoration: underline;
    }

    body.intel-modal-open {
      overflow: hidden;
    }

    .official-links {
      margin-top: 0.36rem;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.46rem;
    }

    .official-link {
      display: grid;
      place-items: center;
      gap: 0.28rem;
      text-decoration: none;
      border: 1px solid rgba(226, 238, 252, 0.96);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.9);
      min-height: 76px;
      color: #2a4768;
      transition: transform 180ms cubic-bezier(0.2, 0.75, 0.24, 1), box-shadow 180ms ease, border-color 180ms ease;
    }

    .official-link iconify-icon {
      font-size: 1.28rem;
      color: #2f7ddd;
    }

    .official-link .label {
      font-size: 0.76rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .official-link:hover,
    .official-link:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(89, 151, 226, 0.52);
      box-shadow: 0 10px 20px rgba(62, 95, 136, 0.16);
      outline: none;
    }

    .roadmap {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.64rem;
    }

    .road-item {
      border: 1px solid rgba(255, 255, 255, 0.88);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.7);
      padding: 0.7rem;
      box-shadow: 0 10px 24px rgba(72, 101, 139, 0.08);
    }

    .road-item time {
      font-size: 0.72rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #6582a3;
      font-weight: 700;
    }

    .road-item h4 {
      margin-top: 0.28rem;
      color: #284566;
      font-size: 0.93rem;
      font-weight: 800;
      line-height: 1.4;
    }

    .road-item p {
      margin-top: 0.25rem;
      color: #557191;
      font-size: 0.83rem;
      line-height: 1.6;
    }

    :is(.card, .step, .tool, .road-item, .limited-stage, .sbt-group, .sbt-item) {
      transition:
        transform 220ms cubic-bezier(0.2, 0.75, 0.24, 1),
        box-shadow 220ms ease,
        border-color 220ms ease,
        background 220ms ease;
    }

    @media (hover: hover) {