.tp-hero{background:var(--forest);color:#e7f8f0;position:relative;overflow:hidden}.tp-hero:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.tp-hero-inner{z-index:2;align-items:center;gap:26px;width:100%;max-width:1160px;margin:0 auto;padding:32px 20px 40px;display:grid;position:relative}@media (min-width:900px){.tp-hero-inner{grid-template-columns:minmax(0,1fr) 360px;gap:48px;padding:48px 20px 52px}}.tp-crumbs{color:#e7f8f0d9;margin:0 0 12px}.tp-crumbs a{color:var(--cream)}.tp-title{letter-spacing:-.025em;color:#fff;text-wrap:balance;max-width:24ch;margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.07}.tp-lead{color:#e7f8f0eb;max-width:58ch;margin:0 0 18px;font-size:clamp(15.5px,1.4vw,18px);line-height:1.6}.tp-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.tp-actions .cta{width:auto}.tp-link{color:#fff;text-underline-offset:4px;font-weight:700;-webkit-text-decoration:underline #f2d38d99;text-decoration:underline #f2d38d99}.tp-art{border-radius:var(--r-md);color:#14231f;background:#fffffff5;justify-items:center;gap:14px;padding:20px;display:grid;box-shadow:0 18px 40px #00000047}.tp-ring{place-items:center;width:150px;height:150px;display:grid;position:relative}.tp-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.tp-ring-track{fill:none;stroke:#dfe7e3;stroke-width:12px}.tp-ring-fill{fill:none;stroke:var(--green);stroke-width:12px;stroke-linecap:round;animation:1s cubic-bezier(.2,.8,.2,1) both tp-ring}.tp-ring b{text-align:center;font:800 30px/1 var(--mono);display:grid}.tp-ring small{font:600 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#5a6a64;margin-top:4px}.tp-art-line{text-align:center;color:#3a4a44;margin:0;font-size:13.5px;line-height:1.5}.tp-signs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tp-signs .road-sign{width:64px;height:64px}.tp-art-icon{background:var(--forest);width:56px;height:56px;color:var(--cream);border-radius:14px;place-items:center;display:grid}@keyframes tp-ring{0%{stroke-dashoffset:var(--len)}}.tp-wrap{width:100%;max-width:1160px;margin:0 auto;padding:28px 20px 64px}.tp-head{margin:0 0 16px}.tp-head h2{letter-spacing:-.02em;margin:4px 0 6px;font-size:clamp(22px,2.6vw,30px)}.tp-head p{max-width:62ch;color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.tp-stack{background:var(--border);border-radius:999px;height:22px;margin:0 0 12px;display:flex;overflow:hidden}.tp-stack i{transform-origin:0;min-width:4px;height:100%;animation:.8s cubic-bezier(.2,.8,.2,1) both tp-grow;display:block}.tp-stack i:nth-child(4n+1){background:var(--forest)}.tp-stack i:nth-child(4n+2){background:var(--green)}.tp-stack i:nth-child(4n+3){background:var(--ochre)}.tp-stack i:nth-child(4n){background:#7fb9a6}.tp-legend{font:600 12px/1.3 var(--mono);color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.tp-legend li{align-items:center;gap:6px;display:inline-flex}.tp-legend li:before{content:"";background:var(--forest);border-radius:3px;width:10px;height:10px}.tp-legend li:nth-child(4n+2):before{background:var(--green)}.tp-legend li:nth-child(4n+3):before{background:var(--ochre)}.tp-legend li:nth-child(4n):before{background:#7fb9a6}.tp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.tp-tile{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);height:100%;color:inherit;gap:10px;padding:18px 18px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative}.tp-tile:hover,.tp-tile:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.tp-tile-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tp-icon{background:var(--forest);width:46px;height:46px;color:var(--cream);border-radius:12px;place-items:center;transition:background-color .2s,transform .2s;display:grid}.tp-tile:hover .tp-icon{background:var(--green-ink);transform:rotate(-6deg)scale(1.05)}.tp-free{background:var(--green-soft);color:#076650;font:700 10.5px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px}.tp-tile h3{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800;line-height:1.25}.tp-bar{align-items:center;gap:10px;display:flex}.tp-bar-track{background:var(--border);border-radius:999px;flex:1;height:8px;overflow:hidden}.tp-bar-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--forest));transform-origin:0;height:100%;animation:.8s cubic-bezier(.2,.8,.2,1) both tp-grow;display:block}.tp-bar b{font:800 13px/1 var(--mono)}.tp-tile-foot{font:600 12px/1.3 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.tp-go{color:var(--green-ink);align-items:center;gap:4px;font-weight:800;display:inline-flex}@keyframes tp-grow{0%{transform:scaleX(0)}}.tp-main .qd{margin-top:0}.tp-main .qd-list{grid-template-columns:minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.tp-ring-fill,.tp-stack i,.tp-bar-track i{animation:none}}.cs-chips{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.cs-chips li{font:600 12.5px/1.3 var(--mono);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:5px 12px}@media (max-width:899px){.tp-hero--topic{min-height:calc(100svh - var(--nav-h));display:flex}.tp-hero--topic .tp-hero-inner{padding:22px 20px calc(88px + env(safe-area-inset-bottom));align-content:space-between;gap:22px}.tp-hero--topic .tp-title{font-size:clamp(26px,7vw,36px)}.tp-hero--topic .tp-art{box-shadow:none;color:#e7f8f0;background:0 0;grid-template-columns:auto minmax(0,1fr);place-items:center stretch;gap:14px 18px;padding:0;display:grid}.tp-hero--topic .tp-signs{grid-column:1/-1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.tp-hero--topic .tp-signs .road-sign{aspect-ratio:1;background:#fff;border-radius:16px;width:100%;height:auto;padding:9px;box-shadow:0 10px 24px #00000047}.tp-hero--topic .tp-art-icon{background:#ffffff1f;border-radius:22px;grid-column:1/-1;width:96px;height:96px}.tp-hero--topic .tp-ring{width:76px;height:76px}.tp-hero--topic .tp-ring-track{stroke:#ffffff38}.tp-hero--topic .tp-ring b{color:#fff;font-size:18px}.tp-hero--topic .tp-ring small{color:#e7f8f0cc;font-size:7px}.tp-hero--topic .tp-art-line{text-align:left;color:#e7f8f0eb;font-size:14px}}@media (max-width:699px){.tp-hero--topic .tp-art-line,.tp-hero--topic .tp-ring{display:none}.tp-hero--topic .tp-art{grid-template-columns:auto;justify-items:start}}