.hcp-enhanced{--hcp-accent:#337d68}.hcp-enhanced[data-page="royal"]{--hcp-accent:#347e9b}
.hcp-icon{width:26px;height:26px;flex:none;color:var(--hcp-accent,#32745c)}
.hcp-enhanced h4,.hcp-enhanced .hcp-head h3{display:flex;align-items:center;gap:12px}.hcp-enhanced .hcp-head h3>.hcp-icon{width:34px;height:34px}
.hcp-enhanced .hcp-box{min-width:0}.hcp-enhanced .hcp-cols{align-items:start}.hcp-enhanced .hcp-stat-grid{gap:12px;align-items:start}
.hcp-enhanced .stat-detail{padding:0;overflow:hidden;background:linear-gradient(155deg,#fff,#f0f7f4);border-color:#d6e5dc}
.stat-detail summary{list-style:none;cursor:pointer;padding:18px 12px 12px;text-align:center}.stat-detail summary::-webkit-details-marker{display:none}
.stat-diagram{display:grid!important;place-items:center;position:relative;height:112px;max-width:120px;margin:0 auto 12px}
.stat-ring{width:112px;height:112px;grid-area:1/1;overflow:visible;fill:none;stroke:#c4d9cf;stroke-width:1}
.stat-ring circle{fill:none;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}.stat-ring .ring-track{stroke:#e0ebe5}.stat-ring .ring-value{stroke:var(--hcp-accent);stroke-dasharray:var(--portion) 100;stroke-dashoffset:0;opacity:0;stroke-linecap:butt}
.diagram-visible .ring-value{opacity:1;animation:stat-draw 1.25s cubic-bezier(.2,.7,.2,1) var(--delay) both}
@keyframes stat-draw{from{stroke-dasharray:0 100}to{stroke-dasharray:var(--portion) 100}}
.hcp-stat .stat-value{grid-area:1/1;font-size:21px;line-height:1.15;max-width:100px;z-index:1}.stat-diagram>.hcp-icon{width:38px;height:38px;align-self:start;margin-top:8px;grid-area:1/1}.stat-diagram:has(>.hcp-icon) .stat-value{align-self:end;margin-bottom:12px;font-size:16px}
.hcp-stat .stat-axis{display:block;font-size:10px;font-weight:400;color:#627e70}.hcp-stat .stat-more{display:flex;justify-content:center;gap:8px;font-size:11px;margin-top:13px;color:var(--hcp-accent);font-weight:600}.stat-more span{font-size:13px}.stat-detail[open] .stat-more>span{transform:rotate(45deg)}
.hcp-stat>p{font-size:12px;line-height:1.65;padding:0 16px 18px;margin:0;color:#496758;text-align:left}.stat-detail[open]{border-color:#8db9a7}.stat-detail summary:hover{background:#eaf4ee}.stat-detail summary:focus-visible,.parameter-card summary:focus-visible{outline-offset:-4px}
.parameter-grid{display:grid;gap:9px}.parameter-card{border:1px solid #dce9e1;border-radius:14px;background:#f8fbf9;overflow:hidden}.parameter-card summary{padding:14px;display:flex;align-items:center;gap:13px;list-style:none;cursor:pointer;font-size:13px;font-weight:650;color:#305d4c}.parameter-card summary::-webkit-details-marker{display:none}.parameter-plus{margin-left:auto;color:#568d75;font-size:20px;font-weight:400}.parameter-card[open] .parameter-plus{transform:rotate(45deg)}.parameter-card[open]{background:#edf6f0;border-color:#afd1bf}.parameter-card p{margin:0;padding:0 16px 17px 53px}.parameter-card summary:hover{background:#edf6f0}
.hcp-enhanced .chart-basis{font-size:11px;color:#5f796d;margin:-3px 0 14px}.hcp-enhanced .terp-selection{min-height:106px;align-items:flex-start;padding:16px;gap:14px;background:linear-gradient(120deg,#edf6ef,#edf5fa)}
.terp-selection-mark{font-size:23px;font-weight:400;color:var(--hcp-accent);line-height:1.3}.terp-selection strong{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;color:#285845;font-size:15px;margin-bottom:7px}.terp-selection em{font-style:normal;color:var(--hcp-accent)}.terp-selection div>span{font-size:11px;line-height:1.6;display:block}.hcp-enhanced .terp-row{min-height:46px;padding:10px 8px;margin:4px -8px}.hcp-enhanced .terp-row[aria-pressed="true"]{background:#e8f3ec;box-shadow:inset 3px 0 var(--hcp-accent)}.hcp-enhanced .terp-row .bar{height:9px}.hcp-enhanced .terp-row .bar i{background:linear-gradient(90deg,var(--hcp-accent),#93c4ac)}
.aroma-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.aroma-notes>span{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#f1f7f3;border:1px solid #deebe3;border-radius:15px;padding:16px;font-size:12px;color:#416752}.aroma-notes .hcp-icon{width:32px;height:32px}
.hcp-gallery.single-photo{display:block;background:#020503;border-radius:18px;overflow:hidden}.specimen-frame{position:relative;overflow:hidden;cursor:crosshair}.hcp-gallery.single-photo img{display:block;width:100%;height:auto;max-height:none;border-radius:0;transform:none!important;transition:none}.specimen-lens{position:absolute;pointer-events:none;border:2px solid #d1eee0;border-radius:50%;box-shadow:0 0 0 5px #ffffff33,0 10px 30px #0006;background-repeat:no-repeat;background-color:#020503;display:none}.loupe-active .specimen-lens{display:block}.specimen-open{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;margin-top:12px;min-height:48px;border:1px solid #b9d5c6;border-radius:13px;background:#edf6f0;color:#265b44;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.specimen-open:hover{background:#dfeee5}.hcp-box .loupe-hint{font-size:11px;margin:10px 0;color:#718a7c}
body.motion-paused .ring-value{animation:none!important;opacity:1}
@media(max-width:580px){.hcp-enhanced .hcp-stat-grid{gap:9px}.stat-detail summary{padding:12px 7px}.hcp-stat b{letter-spacing:.07em;font-size:9px}.hcp-stat .stat-value{font-size:20px}.stat-diagram{height:100px;margin-bottom:9px}.stat-ring{width:100px;height:100px}.hcp-enhanced h4{font-size:18px}.hcp-enhanced .hcp-head h3{align-items:flex-start}.hcp-enhanced .terp-selection{min-height:122px}.aroma-notes{gap:8px}.aroma-notes>span{padding:13px}.hcp-enhanced .terp-row{grid-template-columns:minmax(80px,1fr) 1fr 54px;gap:7px}.hcp-enhanced .hcp-box{padding:18px 15px}.parameter-card summary{padding:13px 11px}.parameter-card p{padding-left:50px}.hcp-enhanced .stat-detail>p{padding:0 11px 14px}}
@media(hover:none),(pointer:coarse){.loupe-hint,.specimen-lens{display:none!important}}
@media(prefers-reduced-motion:reduce){.diagram-visible .ring-value{animation:none;opacity:1}.hcp-enhanced *{transition:none!important}}
/* Diagram choreography: fixed numbers, one decorative sweep, then a precise endpoint. */
.hcp-enhanced .hcp-stat-grid{align-items:stretch}
.hcp-enhanced .stat-detail{transition:box-shadow .3s,transform .3s,border-color .3s}
.hcp-stat .stat-limits{display:flex;flex-direction:column;gap:3px;min-height:37px;margin-top:11px;font-weight:400;color:#4c6e5d}
.hcp-stat .stat-limits>span{font-size:11px;font-weight:400;line-height:1.45;color:inherit}.stat-limits strong{color:#285840;font-weight:700}
.stat-detail summary{position:relative;background:radial-gradient(190px circle at var(--light-x,50%) var(--light-y,30%),#cfe9dc55,transparent 80%)}
.stat-ring .ring-range{stroke:var(--hcp-accent);stroke-width:2;opacity:.5}.stat-ring .ring-sweep{stroke:var(--hcp-accent);stroke-width:1;stroke-dasharray:9 91;opacity:0;transform-origin:50% 50%}
.stat-ring .ring-tip{fill:var(--hcp-accent);stroke:#fff;stroke-width:1;opacity:0;filter:drop-shadow(0 0 3px #4dba9988)}
.diagram-visible .ring-sweep{animation:ring-orbit 1.7s cubic-bezier(.2,.6,.2,1) both}
.diagram-visible .ring-tip{animation:ring-arrive 1.1s ease-out calc(1.1s + var(--delay)) both}
.diagram-visible .ring-value{animation-duration:1.6s}
.diagram-replay{display:block;margin:-8px 0 24px auto;background:transparent;border:0;color:#447b66;font:inherit;font-size:12px;min-height:44px;padding:8px 10px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@keyframes ring-orbit{0%{opacity:0;transform:rotate(-90deg)}15%{opacity:.65}80%{opacity:.4}100%{opacity:0;transform:rotate(270deg)}}
@keyframes ring-arrive{0%{opacity:0;stroke-width:5}35%{opacity:1;stroke-width:2;filter:drop-shadow(0 0 4px #348a6c)}100%{opacity:1;stroke-width:1}}
@media(hover:hover) and (pointer:fine){.hcp-enhanced .stat-detail:hover{transform:translateY(-3px);box-shadow:0 12px 28px -14px #256f4e50;border-color:#94bcaa}.stat-detail:hover .ring-tip{filter:drop-shadow(0 0 5px #348a6c)}.stat-detail summary:hover{background:radial-gradient(190px circle at var(--light-x,50%) var(--light-y,30%),#c4e6d57a,transparent 85%)}}
.stat-detail:focus-within{box-shadow:0 0 0 2px #acd2bd66}
body.motion-paused .ring-sweep{animation:none!important;opacity:0}body.motion-paused .ring-tip{animation:none!important;opacity:1}body.motion-paused .diagram-replay{display:none}body.motion-paused .stat-detail{transform:none!important;transition:none}
@media(prefers-reduced-motion:reduce){.diagram-visible .ring-tip{animation:none;opacity:1}.diagram-visible .ring-sweep{animation:none;opacity:0}.diagram-replay{display:none}.hcp-enhanced .stat-detail{transform:none!important}}
@media(max-width:580px){.hcp-stat .stat-limits>span{font-size:10px}.hcp-stat .stat-limits{min-height:34px}.diagram-replay{font-size:11px}}