@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap";
.tc-page{--color-fjord:#0b6e6e;--color-fjord-deep:#074f4f;--color-fjord-soft:#e6f1f0;--color-signatur:#8a5a2b;--color-expeditions:#1b4f3a;--color-paper:#fafaf7;--color-paper-pure:#fff;--color-mist:#f1efea;--color-hairline:#e4e1da;--color-ink:#1c1c1c;--color-ink-2:#3a3a38;--color-ink-3:#6b6a66;--color-ink-4:#9a9894;--color-ink-5:#c4c1ba;--color-error:#b23a1c;--color-error-deep:#8f2d15;--color-info:#2f6fc0;--color-success:#2f7d4f;--overlay-scrim:#1c1c1c7a;--overlay-soft:#1c1c1c3d;--ring-focus:#1c1c1c;--grad-wordmark:linear-gradient(90deg,#0b6e6e 0%,#0a4d6e 55%,#1b2f5a 100%);--accent:#0b6e6e;--tc-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--fs-8:.5rem;--fs-11:.6875rem;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-16:1rem;--fs-20:1.25rem;--fs-22:1.375rem;--fs-28:1.75rem;--fs-36:2.25rem;--fs-52:3.25rem;--fw-med:500;--fw-semi:600;--fw-bold:700;--tr-display:-.02em;--tr-upper:.04em;--lh-tight:1.18;--lh-snug:1.25;--lh-normal:1.43;--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--sp-9:64px;--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:32px;--r-full:9999px;--elev-0:none;--elev-1:0 4px 12px #1c1c1c14;--elev-2:0 0 0 1px #1c1c1c05,0 2px 6px #1c1c1c0a,0 4px 8px #1c1c1c1a;--ease-standard:cubic-bezier(.2,0,0,1);--dur-quick:.12s;--dur-med:.18s;font-family:var(--tc-font-sans);font-weight:var(--fw-med);font-size:var(--fs-16);line-height:var(--lh-snug);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tc-page *,.tc-page :before,.tc-page :after{box-sizing:border-box}.tc-page a{color:inherit;text-decoration:none}.tc-page button{cursor:pointer;font-family:inherit}.tc-page img{max-width:100%;display:block}.tc-page .k-h1{font-size:var(--fs-36);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);line-height:var(--lh-tight)}.tc-page .k-h2{font-size:var(--fs-28);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);line-height:var(--lh-snug)}.tc-page .k-badge{font-size:var(--fs-11);font-weight:var(--fw-semi);letter-spacing:var(--tr-upper);text-transform:uppercase}.tc-page .container,.tc-page .container-wide{max-width:1280px;padding:0 var(--sp-6);margin:0 auto}.tc-page .container-wide{max-width:1440px}@media (max-width:720px){.tc-page .container,.tc-page .container-wide{padding:0 var(--sp-5)}}.tc-page .breadcrumb{font-size:var(--fs-13);color:var(--color-ink-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tc-page .breadcrumb a{color:var(--color-ink-3);transition:color var(--dur-quick)var(--ease-standard)}.tc-page .breadcrumb a:hover{color:var(--color-ink)}.tc-page .breadcrumb .here{color:var(--color-ink);font-weight:var(--fw-semi)}.tc-page .breadcrumb .sep{color:var(--color-ink-5)}.tc-page .kicker{font-size:var(--fs-11);font-weight:var(--fw-semi);letter-spacing:var(--tr-upper);text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;display:inline-flex}.tc-page .kicker:before{content:"";background:currentColor;width:24px;height:1px;display:inline-block}.tc-page .display-1{font-size:clamp(2rem,5.5vw,3.75rem);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);color:var(--color-ink);margin:var(--sp-5)0 var(--sp-6);line-height:.98}.tc-page .display-1 em{background:var(--grad-wordmark);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.tc-page .lead{font-size:var(--fs-20);font-weight:var(--fw-med);color:var(--color-ink-2);line-height:var(--lh-snug);max-width:680px;margin:0}.tc-page .theme-section{margin-top:var(--sp-9)}.tc-page .theme-section:first-of-type{margin-top:var(--sp-8)}.tc-page .theme-head{gap:var(--sp-5);padding-bottom:var(--sp-5);border-bottom:1px solid var(--color-hairline);margin-bottom:var(--sp-6);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.tc-page .theme-head h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);color:var(--color-ink);margin:8px 0 4px;line-height:1.05}.tc-page .theme-head .tagline{font-size:var(--fs-14);color:var(--color-ink-3);max-width:540px;line-height:var(--lh-normal);margin:0}.tc-page .theme-head .count{font-size:var(--fs-13);color:var(--color-ink-3);align-items:center;gap:8px;display:inline-flex}.tc-page .theme-head .count strong{font-size:var(--fs-22);color:var(--color-ink);font-weight:var(--fw-bold);letter-spacing:var(--tr-display)}.tc-page .cat-grid{gap:var(--sp-5);grid-template-columns:repeat(12,1fr);display:grid}@media (max-width:900px){.tc-page .cat-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:560px){.tc-page .cat-grid{gap:var(--sp-4);grid-template-columns:repeat(2,1fr)}}.tc-page .cat-card{background:var(--color-paper-pure);border:1px solid var(--color-hairline);border-radius:var(--r-md);transition:transform var(--dur-med)var(--ease-standard),box-shadow var(--dur-med)var(--ease-standard);color:var(--color-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.tc-page .cat-card:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.tc-page .cat-card:active{transform:translateY(0)scale(.99)}.tc-page .cat-tile{aspect-ratio:4/3;background:var(--tile-bg,var(--color-mist));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tc-page .cat-tile:after{content:"";pointer-events:none;background-image:radial-gradient(circle at 25% 30%,#ffffff2e,#0000 45%),radial-gradient(circle at 80% 80%,#0000000f,#0000 50%);position:absolute;inset:0}.tc-page .cat-tile .ico{z-index:1;color:var(--tile-ink,var(--color-ink));opacity:.92;position:relative}.tc-page .cat-tile .ico svg{stroke-width:1.5px;width:56px;height:56px}.tc-page .cat-tile-img{z-index:1;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 6px 18px #1c1c1c24);width:auto;max-width:70%;height:auto;max-height:80%;position:relative}.tc-page .cat-card-body{padding:var(--sp-5);flex-direction:column;flex:1;gap:4px;display:flex}.tc-page .cat-card-body h3{font-size:var(--fs-16);font-weight:var(--fw-semi);letter-spacing:var(--tr-display);color:var(--color-ink);line-height:var(--lh-snug);margin:0}.tc-page .cat-card-body .meta{font-size:var(--fs-13);color:var(--color-ink-3);font-weight:var(--fw-med);align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.tc-page .cat-card-body .meta .dot{color:var(--color-ink-5)}.tc-page .cat-grid .cat-card.featured{grid-column:span 6}.tc-page .cat-grid .cat-card.regular{grid-column:span 3}@media (max-width:900px){.tc-page .cat-grid .cat-card.featured{grid-column:span 6}.tc-page .cat-grid .cat-card.regular{grid-column:span 3}}@media (max-width:560px){.tc-page .cat-grid .cat-card.featured,.tc-page .cat-grid .cat-card.regular{grid-column:span 2}}.tc-page .cat-card.featured .cat-tile{aspect-ratio:16/9}.tc-page .cat-card.featured .cat-tile .ico svg{width:88px;height:88px}.tc-page .cat-card.featured .cat-card-body{padding:var(--sp-6)}.tc-page .cat-card.featured .cat-card-body h3{font-size:var(--fs-22);font-weight:var(--fw-bold)}.tc-page .cat-card.featured .sub-preview{font-size:var(--fs-13);color:var(--color-ink-3);line-height:var(--lh-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;display:-webkit-box;overflow:hidden}.tc-page .hero{padding:var(--sp-8)0 var(--sp-7);border-bottom:1px solid var(--color-hairline)}.tc-page .hero-inner{gap:var(--sp-8);grid-template-columns:1.3fr 1fr;align-items:end;display:grid}@media (max-width:900px){.tc-page .hero-inner{gap:var(--sp-6);grid-template-columns:1fr}.tc-page .hero{padding:var(--sp-7)0 var(--sp-6)}}.tc-page .hero-stats{gap:var(--sp-3);border-left:1px solid var(--color-hairline);padding-left:var(--sp-6);flex-direction:column;display:flex}.tc-page .hero-stat{align-items:baseline;gap:12px;display:flex}.tc-page .hero-stat .n{font-size:var(--fs-36);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);color:var(--color-ink);min-width:80px;line-height:1}.tc-page .hero-stat .label{font-size:var(--fs-13);color:var(--color-ink-3);font-weight:var(--fw-med)}.tc-page .searchbar{align-items:center;gap:var(--sp-3);background:var(--color-paper-pure);border:1px solid var(--color-hairline);border-radius:var(--r-lg);font-size:var(--fs-16);margin-top:var(--sp-6);transition:border-color var(--dur-quick)var(--ease-standard),box-shadow var(--dur-quick)var(--ease-standard);max-width:520px;padding:14px 18px;display:flex}.tc-page .searchbar:focus-within{border-color:var(--color-ink);box-shadow:0 0 0 2px var(--color-ink)}.tc-page .searchbar input{font-family:inherit;font-size:inherit;color:var(--color-ink);font-weight:var(--fw-med);background:0 0;border:0;outline:0;flex:1}.tc-page .searchbar input::placeholder{color:var(--color-ink-4)}.tc-page .searchbar .ico{color:var(--color-ink-3);display:inline-flex}.tc-page .theme-pills{margin:var(--sp-6)0 var(--sp-5);flex-wrap:wrap;gap:8px;display:flex}.tc-page .theme-pill{border-radius:var(--r-full);border:1px solid var(--color-hairline);background:var(--color-paper-pure);font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-ink-2);transition:all var(--dur-quick)var(--ease-standard);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.tc-page .theme-pill:hover{border-color:var(--color-ink)}.tc-page .theme-pill.active{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.tc-page .theme-pill .n{font-size:var(--fs-12);opacity:.6}.tc-page .theme-pill.active .n{opacity:.7}.tc-page .sub-grid{gap:var(--sp-5);grid-template-columns:repeat(12,1fr);display:grid}@media (max-width:900px){.tc-page .sub-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:560px){.tc-page .sub-grid{grid-template-columns:repeat(2,1fr)}}.tc-page .sub-card{background:var(--color-paper-pure);border:1px solid var(--color-hairline);border-radius:var(--r-md);transition:transform var(--dur-med)var(--ease-standard),box-shadow var(--dur-med)var(--ease-standard),border-color var(--dur-quick)var(--ease-standard);color:var(--color-ink);flex-direction:column;grid-column:span 3;gap:14px;padding:20px;display:flex}@media (max-width:900px){.tc-page .sub-card{grid-column:span 3}}@media (max-width:560px){.tc-page .sub-card{grid-column:span 2;padding:16px}}.tc-page .sub-card.large{grid-column:span 6}.tc-page .sub-card.large .preview-row{display:flex}@media (max-width:560px){.tc-page .sub-card.large{grid-column:span 2}.tc-page .sub-card.large .preview-row{display:none}}.tc-page .sub-card:hover{border-color:var(--color-ink-2);box-shadow:var(--elev-2);transform:translateY(-2px)}.tc-page .sub-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tc-page .sub-card-icon{border-radius:var(--r-full);background:var(--accent-soft,var(--color-mist));width:40px;height:40px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.tc-page .sub-card-icon svg{stroke-width:1.75px;width:20px;height:20px}.tc-page .sub-card .count{font-size:var(--fs-12);font-weight:var(--fw-semi);color:var(--color-ink-3);letter-spacing:var(--tr-upper);text-transform:uppercase;align-self:center}.tc-page .sub-card h3{font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);color:var(--color-ink);margin:0;line-height:1.15}.tc-page .sub-card .micro{font-size:var(--fs-12);color:var(--color-ink-3);letter-spacing:var(--tr-upper);text-transform:uppercase;font-weight:var(--fw-semi)}.tc-page .sub-card .preview-row{gap:6px;margin-top:4px;display:none}.tc-page .sub-card .preview-thumb{border-radius:var(--r-sm);background:var(--color-mist);border:1px solid var(--color-hairline);flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.tc-page .sub-card .preview-thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:4px}.tc-page .sub-card-cta{font-size:var(--fs-13);color:var(--color-ink);font-weight:var(--fw-semi);align-items:center;gap:6px;margin-top:auto;display:inline-flex}.tc-page .sub-card-cta .arrow{transition:transform var(--dur-quick)var(--ease-standard)}.tc-page .sub-card:hover .sub-card-cta .arrow{transform:translate(3px)}.tc-page .featured-row{background:var(--color-mist);border-radius:var(--r-lg);padding:var(--sp-6);margin-top:var(--sp-6)}.tc-page .featured-row .h{margin-bottom:var(--sp-5);justify-content:space-between;align-items:center;gap:12px;display:flex}.tc-page .featured-row .h h2{font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);align-items:center;gap:8px;margin:0;display:inline-flex}.tc-page .featured-row .h .seeall{font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-ink-2);align-items:center;gap:4px;display:inline-flex}.tc-page .featured-list{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:900px){.tc-page .featured-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tc-page .featured-list{grid-template-columns:1fr}}.tc-page .featured-card{background:var(--color-paper-pure);border-radius:var(--r-md);transition:all var(--dur-quick)var(--ease-standard);border:1px solid #0000;gap:12px;padding:14px;display:flex}.tc-page .featured-card:hover{border-color:var(--color-ink-2)}.tc-page .featured-card .rank{font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--accent);letter-spacing:var(--tr-upper);text-transform:uppercase}.tc-page .featured-card h4{font-size:var(--fs-14);font-weight:var(--fw-semi);letter-spacing:-.005em;color:var(--color-ink);margin:4px 0 0;line-height:1.3}.tc-page .featured-thumb{border-radius:var(--r-sm);background:var(--color-mist);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.tc-page .featured-thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:6px}.tc-page .featured-thumb .label{font-size:10px;font-weight:var(--fw-bold);color:var(--color-ink-3);text-align:center;letter-spacing:var(--tr-upper);text-transform:uppercase;padding:4px;line-height:1.1}.tc-page .editor-pick{background:var(--color-ink);color:var(--color-paper);border-radius:var(--r-lg);padding:var(--sp-6);gap:var(--sp-6);margin-top:var(--sp-6);grid-template-columns:1.5fr 1fr;display:grid;position:relative;overflow:hidden}@media (max-width:720px){.tc-page .editor-pick{padding:var(--sp-5);grid-template-columns:1fr}}.tc-page .editor-pick .badge{background:var(--accent);color:var(--color-paper);border-radius:var(--r-full);font-size:var(--fs-11);font-weight:var(--fw-semi);letter-spacing:var(--tr-upper);text-transform:uppercase;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tc-page .editor-pick h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);margin:var(--sp-4)0 var(--sp-3);line-height:1.05}.tc-page .editor-pick p{font-size:var(--fs-16);color:var(--color-paper);opacity:.68;margin:0 0 var(--sp-5);max-width:480px;line-height:1.4}.tc-page .editor-pick .read{background:var(--color-paper);color:var(--color-ink);border-radius:var(--r-full);font-size:var(--fs-14);font-weight:var(--fw-semi);transition:transform var(--dur-quick)var(--ease-standard);align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.tc-page .editor-pick .read:hover{transform:translate(2px)}.tc-page .editor-pick-vis{background:var(--color-paper);border-radius:var(--r-md);padding:var(--sp-5);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;display:flex;position:relative}.tc-page .editor-pick-vis img{object-fit:contain;mix-blend-mode:multiply;max-width:60%;max-height:140px}.tc-page .editor-pick-vis .product-label{font-size:var(--fs-14);color:var(--color-ink-3);text-align:center;letter-spacing:var(--tr-upper);text-transform:uppercase;font-weight:var(--fw-semi)}.tc-page .editor-pick-vis .product-name{font-size:var(--fs-22);font-weight:var(--fw-bold);color:var(--color-ink);letter-spacing:var(--tr-display);text-align:center;margin-top:8px}.tc-page .editor-pick-vis .rank-tag{top:var(--sp-4);right:var(--sp-4);font-size:var(--fs-52);font-weight:var(--fw-bold);color:var(--color-ink);opacity:.08;letter-spacing:var(--tr-display);line-height:1;position:absolute}.tc-page .article-toolbar{align-items:center;gap:var(--sp-4);padding:var(--sp-5)0;border-bottom:1px solid var(--color-hairline);margin:var(--sp-6)0 0;flex-wrap:wrap;display:flex}.tc-page .article-toolbar .results{font-size:var(--fs-13);color:var(--color-ink-3);font-weight:var(--fw-semi);margin-right:auto}.tc-page .article-toolbar .results strong{color:var(--color-ink)}.tc-page .article-toolbar .field{align-items:center;gap:6px;display:inline-flex}.tc-page .article-toolbar select,.tc-page .article-toolbar input{font-family:inherit;font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-ink);border:1px solid var(--color-hairline);background:var(--color-paper-pure);border-radius:var(--r-sm);transition:border-color var(--dur-quick)var(--ease-standard);outline:0;padding:8px 12px}.tc-page .article-toolbar select:hover,.tc-page .article-toolbar input:focus{border-color:var(--color-ink)}.tc-page .article-toolbar .seg{border:1px solid var(--color-hairline);border-radius:var(--r-sm);background:var(--color-paper-pure);display:inline-flex;overflow:hidden}.tc-page .article-toolbar .seg button{font-size:var(--fs-12);font-weight:var(--fw-semi);color:var(--color-ink-3);border:0;border-right:1px solid var(--color-hairline);background:0 0;justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.tc-page .article-toolbar .seg button:last-child{border-right:0}.tc-page .article-toolbar .seg button.active{background:var(--color-ink);color:var(--color-paper)}.tc-page .article-grid{gap:var(--sp-5);margin-top:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.tc-page .article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tc-page .article-grid{grid-template-columns:1fr}}.tc-page .article-grid.list{gap:var(--sp-3);grid-template-columns:1fr}.tc-page .article-grid.list .article-card{align-items:center;gap:var(--sp-5);grid-template-columns:96px 1fr auto;padding:14px 18px;display:grid}.tc-page .article-grid.list .article-card .thumb{aspect-ratio:1;width:80px;height:80px}.tc-page .article-grid.list .article-card .body{padding:0}.tc-page .article-grid.list .article-card h3{font-size:var(--fs-16)}.tc-page .article-grid.list .article-card .arrow-cta{display:inline-flex}.tc-page .article-card{background:var(--color-paper-pure);border:1px solid var(--color-hairline);border-radius:var(--r-md);transition:all var(--dur-med)var(--ease-standard);color:var(--color-ink);flex-direction:column;display:flex;overflow:hidden}.tc-page .article-card:hover{box-shadow:var(--elev-2);border-color:#0000;transform:translateY(-2px)}.tc-page .article-card .thumb{aspect-ratio:4/3;background:var(--color-mist);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.tc-page .article-card .thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:12px}.tc-page .article-card .thumb .rank-num{background:var(--color-ink);color:var(--color-paper);font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:var(--tr-upper);text-transform:uppercase;border-radius:var(--r-full);padding:4px 8px;position:absolute;top:12px;left:12px}.tc-page .article-card .body{padding:var(--sp-5);flex-direction:column;flex:1;gap:6px;display:flex}.tc-page .article-card h3{font-size:var(--fs-16);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);margin:0;line-height:1.25}.tc-page .article-card .meta{font-size:var(--fs-12);color:var(--color-ink-3);font-weight:var(--fw-semi);letter-spacing:var(--tr-upper);text-transform:uppercase;align-items:center;gap:6px;margin-top:6px;display:flex}.tc-page .article-card .arrow-cta{font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-ink);align-items:center;gap:6px;display:none}.tc-page .subnav-strip{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-hairline);margin-bottom:var(--sp-6);background:#fafaf7f0;position:sticky;top:64px}.tc-page .subnav-strip-inner{scrollbar-width:none;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.tc-page .subnav-strip-inner::-webkit-scrollbar{display:none}.tc-page .subnav-strip-inner a{white-space:nowrap;border-radius:var(--r-full);font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-ink-3);transition:all var(--dur-quick)var(--ease-standard);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tc-page .subnav-strip-inner a:hover{color:var(--color-ink);background:var(--color-mist)}.tc-page .related{margin-top:var(--sp-9);padding-top:var(--sp-7);border-top:1px solid var(--color-hairline)}.tc-page .related h2{font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:var(--tr-display);margin:0 0 var(--sp-5)}.tc-page .related-grid{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:900px){.tc-page .related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tc-page .related-grid{grid-template-columns:1fr}}.tc-page .related-card{border:1px solid var(--color-hairline);border-radius:var(--r-md);background:var(--color-paper-pure);transition:all var(--dur-quick)var(--ease-standard);align-items:center;gap:12px;padding:14px;display:flex}.tc-page .related-card:hover{border-color:var(--color-ink)}.tc-page .related-card .ico{border-radius:var(--r-full);background:var(--color-mist);width:36px;height:36px;color:var(--color-ink-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tc-page .related-card .ico svg{stroke-width:1.75px;width:18px;height:18px}.tc-page .related-card .name{font-size:var(--fs-14);font-weight:var(--fw-semi);letter-spacing:var(--tr-display)}.tc-page .related-card .small{font-size:var(--fs-12);color:var(--color-ink-3)}.tc-page .page-head{padding:var(--sp-8)0 var(--sp-6);border-bottom:1px solid var(--color-hairline)}.tc-page .empty{padding:var(--sp-7);text-align:center;border:1px dashed var(--color-hairline);border-radius:var(--r-md);color:var(--color-ink-3);font-size:var(--fs-14);margin-top:var(--sp-6)}