/* ParsSkin Tea V2.0 — standalone namespace on existing three-symbol design. */
.te20{--t20-forest:#194b3d;--t20-gold:#cba96b;--t20-sage:#dce9d9;overflow-wrap:break-word}
.te20 .te20-hero{background:radial-gradient(circle at 83% 33%,#4f856b55,transparent 38%),linear-gradient(130deg,#123b34,#205846 65%,#305c4c);border-color:#bdac82}
.te20 .te20-hero::before{content:'✧';font-size:300px;top:-95px;left:25px;color:#fbebce}
.te20 .te20-hero-art{height:225px;width:230px;margin:auto;position:relative;display:grid;place-items:center;filter:drop-shadow(0 15px 18px #061f1d75)}
.te20 .te20-hero-handle{width:98px;height:99px;border:19px solid #f0e4c9;border-radius:50%;position:absolute;right:-15px;top:64px;box-shadow:inset 0 0 0 5px #c4ad83,3px 3px 8px #0b1e19}
.te20 .te20-hero-tea{position:relative;width:181px;height:181px;border-radius:50%;z-index:1;background:radial-gradient(circle at 37% 28%,#aa7b4d 0%,#825333 42%,#4a3329 82%);box-shadow:inset 0 0 0 8px #f9edda,inset 0 0 0 15px #c8b693,0 0 0 4px #ccb990}
.te20 .te20-hero-tea:before,.te20 .te20-hero-tea:after{content:'✧ ✦ ✧';font-size:26px;letter-spacing:8px;color:#dfc391;position:absolute;top:44px;left:23px;transform:rotate(12deg)}
.te20 .te20-hero-tea:after{content:'◦ ✧ ◦';top:88px;left:47px;font-size:19px;transform:rotate(-20deg)}
.te20 .te20-hero-tea b{position:absolute;top:60px;right:73px;color:#ead2a8;font-size:36px}
.te20 .te20-hero-tea span{position:absolute;bottom:-40px;right:0;left:0;text-align:center;font-size:12px;color:#efdbad}
.te20 .te20-cups .te16-cup-button.is-picked{border-color:#b79050;background:#f9f3e3}
.te20 .te20-progress{display:flex;align-items:center;gap:13px;color:#536e5d;font-size:12px;margin:18px 0}.te20 .te20-progress>div{background:#e7eee6;border-radius:30px;height:7px;flex:1;overflow:hidden}.te20 .te20-progress i{height:100%;display:block;background:linear-gradient(90deg,#2b7a60,#d4b26f);border-radius:30px;transition:width .2s;width:0}
.te20 .te20-placements{margin-top:22px;padding:19px 14px;background:linear-gradient(160deg,#f2f7f2,#fffdf8);border:1px solid #dce7d9;border-radius:20px}
.te20 .te20-placements[hidden]{display:none!important}
.te20 .te20-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}
.te20 .te20-place-card{min-width:0;background:#fff;border:1px solid #d8e3d6;border-radius:19px;padding:16px 12px 14px;box-shadow:0 8px 21px #19412b0b;text-align:center}
.te20 .te20-card-head{display:flex;flex-direction:column;gap:1px;align-items:center}.te20 .te20-card-head span{font-size:11px;color:#9a7b40}.te20 .te20-card-head strong{font-size:15px;color:#265a45}
.te20 .te20-illustration{width:220px;max-width:100%;height:244px;margin:15px auto 10px;position:relative;display:flex;align-items:center;justify-content:center}
.te20 .te20-handle{position:absolute;right:-2px;top:72px;width:80px;height:85px;border:15px solid #e5d7b6;border-radius:50%;z-index:0;box-shadow:5px 8px 14px #163c2613,inset 0 0 0 4px #c6b18e}
.te20 .te20-zone-cup{position:relative;z-index:1;width:192px;height:192px;border-radius:50%;background:radial-gradient(circle at 40% 34%,#cda472,#b48655 35%,#815b3b 72%,#4a3529);border:13px solid #f7efdd;box-shadow:0 0 0 5px #d0c3a3,0 13px 23px #25422b1f,inset 0 0 0 7px #d6b88e;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:2px;padding:17px 20px;transform:rotate(-7deg)}
.te20 .te20-zone-cup:before{content:'';position:absolute;inset:13px;border:1px dashed #f6ddab59;border-radius:50%;pointer-events:none}
.te20 .te20-zone-cup button{position:relative;z-index:2;display:block;font-family:Tahoma,Arial,sans-serif;font-size:10px;line-height:1.3;letter-spacing:0;white-space:nowrap;color:#fff4da;background:#38281982;border:1px solid #e3cc9b66;border-radius:25px;padding:5px 1px;transition:transform .12s,background .12s;transform:rotate(7deg)}
.te20 .te20-zone-cup button:hover,.te20 .te20-zone-cup button.is-selected{background:#e9c98e;color:#3c3328;border-color:#fff3d4;font-weight:800;transform:rotate(7deg) scale(1.04)}
.te20 .te20-zone-cup button:focus-visible{outline:3px solid #c4e9af;outline-offset:2px}
.te20 .te20-selection-label{font-size:12px;color:#236647;background:#eaf4e9;border-radius:20px;padding:5px 10px;min-height:33px}
.te20 .te20-method,.te20 .te20-data-note{color:#687c6d;font-size:12px;line-height:2}.te20 .te20-data-note{display:block;background:#f9f5eb;border-radius:8px;padding:5px 11px;margin:7px 0}
.te20 .te20-time-explainer{background:linear-gradient(120deg,#f3f7ec,#fdf8eb);border-right:3px solid #bb9e65;border-radius:10px;padding:12px 16px;margin:15px 0}.te20 .te20-time-explainer small{color:#867041;display:block;font-weight:700;font-size:11px}.te20 .te20-time-explainer strong{font-size:15px;color:#365642;display:block;line-height:2}
.te20 .te20-speed{margin:12px 0}.te20 .te20-speed>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#53705d}.te20 .te20-speed strong{color:#356850}.te20 .te20-speed-track{height:10px;border-radius:20px;background:#e4ede3;margin:9px 0;overflow:hidden}.te20 .te20-speed-track i{height:100%;display:block;background:linear-gradient(90deg,#bad7a8,#367d5a);border-radius:20px}
.te20 .te20-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0;position:relative}
.te20 .te20-timeline:before{content:'';position:absolute;right:10%;left:10%;top:18px;height:2px;background:#d4decf}
.te20 .te20-time-node{position:relative;background:linear-gradient(180deg,#f7faf4,#fff);border:1px solid #dce8d8;padding:25px 16px 16px;border-radius:15px;min-width:0;text-align:center}
.te20 .te20-node-dot{display:block;width:16px;height:16px;border-radius:50%;background:#be9656;border:3px solid #f8e9c9;box-shadow:0 0 0 2px #a7bba6;margin:-16px auto 15px;position:relative;z-index:2}
.te20 .te20-time-node small{font-size:11px;color:#94723f;display:block}.te20 .te20-time-node strong{font-size:20px;display:block;color:#28604a}.te20 .te20-time-node p{color:#5a7161;font-size:12px;line-height:2.1}
.te20 .te20-average{font-size:12px;color:#607766;background:#f3f7f2;border-radius:10px;padding:10px 14px}
.te20 .te20-place-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.te20 .te20-place-legend>div{background:#f6f8f2;padding:12px 7px;border-radius:12px;text-align:center;border:1px solid #e0e9d9;min-width:0}.te20 .te20-place-legend b{display:block;color:#306249;font-size:12px}.te20 .te20-place-legend small{color:#7b826d;font-size:10px}.te20 .te20-legend-marker{display:block;border:3px double #aa9b75;background:#ad7a4f;border-radius:50%;width:26px;height:26px;margin:0 auto 9px;box-shadow:inset 0 0 0 4px #d8b88c}.te20 .te20-guide-link{margin-top:14px;font-size:13px}
.te20 .te20-symbol-card:nth-child(even) .te16-card-art{background:linear-gradient(135deg,#e8f2e2,#f5e9d4)}
@media(max-width:950px){.te20 .te20-place-grid{gap:8px}.te20 .te20-place-card{padding:12px 5px}.te20 .te20-illustration{transform:scale(.89);margin:0 auto}.te20 .te20-place-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.te20 .te20-place-grid{grid-template-columns:1fr}.te20 .te20-place-card{display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;gap:5px;padding:9px}.te20 .te20-illustration{transform:scale(.82);height:215px;margin:0 auto}.te20 .te20-timeline{grid-template-columns:1fr}.te20 .te20-timeline:before{display:none}}
@media(max-width:590px){.te20 .te20-hero-art{width:184px;height:176px;transform:scale(.8)}.te20 .te20-place-card{grid-template-columns:1fr}.te20 .te20-illustration{height:200px;transform:scale(.81);margin:0 auto}.te20 .te20-placements{padding:15px 7px}.te20 .te20-place-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.te20 .te20-progress{align-items:flex-start;flex-direction:column;gap:5px}.te20 .te20-progress>div{width:100%}}
@media(prefers-reduced-motion:reduce){.te20 *{transition:none!important}}