/* Liquid-glass cards and semicircular arcs adapted from the supplied reference.
 * Every marker indicates style, with no numerical score or performance rating. */
#racket-desk.pdl-shape-guide{--sg-ink:#17271e;--sg-muted:#58685c;--sg-line:#243c261f;--sg-lime:#dfff24;position:relative;isolation:isolate;overflow:hidden;padding:88px 0 66px;background:radial-gradient(ellipse at 86% 3%,#d5e8a640 0%,transparent 42%),radial-gradient(ellipse at 7% 88%,#9eafa955 0%,transparent 46%),#edf0e8;color:var(--sg-ink);font-family:PdlBody,Arial,sans-serif}
#racket-desk.pdl-shape-guide::before{content:"";position:absolute;z-index:-1;left:-10%;top:33%;width:120%;height:250px;border:1px solid #ffffffba;border-radius:50%;transform:rotate(-9deg);box-shadow:0 0 0 46px #ffffff20,0 0 0 47px #ffffff75;pointer-events:none}
#racket-desk .sg-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:64px;margin-bottom:42px}
#racket-desk .sg-eyebrow{display:block;margin-bottom:16px;font-size:9px;line-height:1.4;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#536447}
#racket-desk #pdl-guide-title{margin:0;font-family:PdlBody,Arial,sans-serif;font-size:clamp(34px,4.4vw,57px);line-height:1.08;font-weight:800;letter-spacing:-.055em;text-transform:none;color:var(--sg-ink)}
#racket-desk #pdl-guide-title em{font-family:inherit;font-weight:500;font-style:italic;letter-spacing:-.05em}
#racket-desk .sg-introduction{max-width:430px}
#racket-desk .sg-introduction p{margin:0;font-size:13px;font-weight:450;line-height:1.75;color:var(--sg-muted)}
#racket-desk .sg-introduction .sg-definition{margin-top:15px;padding-top:14px;border-top:1px solid var(--sg-line);font-size:11px;line-height:1.65}
#racket-desk .sg-definition b{font-weight:750;color:#263b2b}
#racket-desk .sg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#racket-desk .sg-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;margin:0;padding:25px 24px 22px;border:1px solid #fff;border-radius:25px;background:#f3f6eff0;box-shadow:inset 1px 1px 1px #ffffffed,inset -1px -1px 1px #66827333,inset 0 0 0 4px #ffffff20,0 10px 28px #2747310b;overflow:hidden}
#racket-desk .sg-card::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(128deg,#ffffff9c 0%,#ffffff00 35%,#ffffff21 70%,#ffffff8f 100%);pointer-events:none}
#racket-desk .sg-card::after{content:"";position:absolute;inset:5px;border:1px solid #ffffff69;border-radius:20px;pointer-events:none}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#racket-desk .sg-card{background:#f7faf27d;-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12)}}
#racket-desk .sg-card-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
#racket-desk .sg-card-heading h3{margin:0;font-family:PdlBody,Arial,sans-serif;font-size:24px;font-weight:750;line-height:1.2;letter-spacing:-.045em;text-transform:none;color:var(--sg-ink)}
#racket-desk .sg-card-heading>span{padding:6px 8px;border:1px solid #30452a19;border-radius:20px;background:#ffffff66;color:#586b54;font-size:8px;font-weight:600;line-height:1.3;white-space:nowrap}
#racket-desk .sg-visual{position:relative;isolation:isolate;width:100%;max-width:320px;align-self:center;margin:0 0 18px;aspect-ratio:300/241}
#racket-desk .sg-gauge{display:block;width:100%;height:auto;overflow:visible}
#racket-desk .sg-arc-shadow{fill:none;stroke:#465d4333;stroke-width:12;stroke-linecap:round;transform:translateY(1px)}
#racket-desk .sg-arc-track{fill:none;stroke:#ffffffb8;stroke-width:10;stroke-linecap:round}
#racket-desk .sg-arc-reveal{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.72}
#racket-desk .sg-arc-emphasis{fill:none;stroke:#5c7a48;stroke-width:6;stroke-linecap:round}
#racket-desk .sg-marker-halo{fill:#dfff242f;stroke:#eaff9b75;stroke-width:1}
#racket-desk .sg-marker-dot{fill:#203520;stroke:#eaff83;stroke-width:3}
#racket-desk .sg-racket-shell{stroke:#1a2b21;stroke-width:3;filter:drop-shadow(0 -5px 8px #18351c25)}
#racket-desk .sg-racket-rim{fill:none;stroke:#a1b098;stroke-width:3;opacity:.7}
#racket-desk .sg-sweet-outer{fill:#dfff242d;stroke:#dfff24a6;stroke-width:2;stroke-dasharray:6 6}
#racket-desk .sg-sweet-inner{fill:#dfff2424;stroke:none}
#racket-desk .sg-racket-holes{fill:#b8c6b49e}
#racket-desk .sg-grip{fill:#1b2921;stroke:#78896e;stroke-width:1.5}
#racket-desk .sg-grip-facet{fill:#4d5e4c}
#racket-desk .sg-grip-wrap{fill:none;stroke:#95a28e;stroke-width:1.2;opacity:.65}
#racket-desk .sg-grip-cap{fill:#26382b;stroke:#88977c;stroke-width:1.3}
#racket-desk .sg-axis{position:absolute;inset:62% 1% auto;display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.4;color:#536749;font-weight:500}
#racket-desk .sg-emphasis{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;flex-direction:column;gap:5px}
#racket-desk .sg-emphasis b{font-size:26px;line-height:1.05;font-weight:700;letter-spacing:-.04em;color:var(--sg-ink)}
#racket-desk .sg-emphasis>span{font-size:7px;line-height:1.4;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#62745b}
#racket-desk .sg-description{min-height:66px;margin:0 0 16px;font-size:12px;line-height:1.75;font-weight:450;color:#50634f}
#racket-desk .sg-facts{display:grid;gap:0;margin:0;border-top:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line)}
#racket-desk .sg-facts>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:12px;padding:11px 0}
#racket-desk .sg-facts>div+div{border-top:1px solid #29492d0d}
#racket-desk .sg-facts dt{margin:0;font-size:10px;line-height:1.55;font-weight:450;color:#61715a}
#racket-desk .sg-facts dd{margin:0;font-size:10px;line-height:1.55;font-weight:700;color:#263e29;text-align:right}
#racket-desk .sg-pick{display:flex;flex-direction:column;gap:5px;min-height:66px;margin:17px 0;font-size:11px;line-height:1.65;color:#50634f}
#racket-desk .sg-pick b{font-size:8px;line-height:1.4;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#536749}
#racket-desk .sg-preview{appearance:none;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;min-height:48px;margin:auto 0 0;padding:12px 15px;border:1px solid #546d4352;border-radius:13px;background:linear-gradient(150deg,#ffffffe8,#ffffff52);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #3648320d,0 2px 5px #25462c07;color:#1c351f;font-family:PdlBody,Arial,sans-serif;font-size:11px;line-height:1.4;font-weight:750;letter-spacing:0;text-transform:none;text-decoration:none;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
#racket-desk .sg-preview svg{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#racket-desk .sg-preview:focus-visible,#racket-desk .sg-sources summary:focus-visible,#racket-desk .sg-sources a:focus-visible{outline:2px solid #466a2f;outline-offset:4px}
#racket-desk .sg-preview:disabled{opacity:.62;cursor:wait}
#racket-desk .sg-status{margin:0;font-family:PdlBody,Arial,sans-serif;font-size:12px;line-height:1.65;font-weight:600;color:#31472c;overflow-wrap:anywhere}
#racket-desk .sg-status:not(:empty){margin:18px 0 0;padding:12px 15px;border:1px solid #546d4338;border-radius:12px;background:#ffffff80}
#racket-desk .sg-guide-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid var(--sg-line)}
#racket-desk .sg-general-note{max-width:640px;margin:0;font-size:11px;line-height:1.75;color:#5a6b56}
#racket-desk .sg-sources{width:160px;max-width:100%;font-size:10px;line-height:1.7;color:#5a6b56}
#racket-desk .sg-sources[open]{width:360px}
#racket-desk .sg-sources summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;margin-top:-10px;cursor:pointer;list-style:none;color:#31472c;font-weight:700}
#racket-desk .sg-sources summary::-webkit-details-marker{display:none}
#racket-desk .sg-sources summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#racket-desk .sg-sources[open] summary svg{transform:rotate(180deg)}
#racket-desk .sg-sources p{margin:6px 0 0;font-size:10px;line-height:1.8;color:#5a6b56}
#racket-desk .sg-sources a{color:#304b28;text-decoration:underline;text-underline-offset:3px;font-weight:600}
@media(hover:hover) and (pointer:fine){#racket-desk .sg-preview:hover:not(:disabled){background:#dfff24;border-color:#bfd728}}
@media(max-width:1120px) and (min-width:960px){#racket-desk .sg-cards{gap:14px}#racket-desk .sg-card{padding:22px 18px 18px}#racket-desk .sg-card-heading{gap:7px}#racket-desk .sg-card-heading>span{font-size:7px;padding:5px 6px}#racket-desk .sg-card-heading h3{font-size:22px}}
@media(max-width:959px){
  #racket-desk.pdl-shape-guide{padding:64px 0 52px}
  #racket-desk .sg-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  #racket-desk .sg-introduction{max-width:620px}
  #racket-desk .sg-introduction .sg-definition{max-width:500px}
  #racket-desk .sg-cards{grid-template-columns:1fr;gap:18px}
  #racket-desk .sg-card{display:grid;grid-template-columns:minmax(180px,.86fr) minmax(0,1.14fr);column-gap:28px;padding:25px}
  #racket-desk .sg-card-heading{grid-column:1/-1;margin-bottom:18px}
  #racket-desk .sg-visual{grid-column:1;grid-row:2/5;align-self:center;max-width:270px;margin:0}
  #racket-desk .sg-description{grid-column:2;grid-row:2;min-height:0;margin-bottom:15px}
  #racket-desk .sg-facts{grid-column:2;grid-row:3}
  #racket-desk .sg-pick{grid-column:2;grid-row:4;min-height:0;margin:14px 0 18px}
  #racket-desk .sg-preview{grid-column:1/-1;grid-row:5;margin-top:16px}
  #racket-desk .sg-guide-footer{grid-template-columns:1fr;gap:12px}
  #racket-desk .sg-sources,#racket-desk .sg-sources[open]{width:100%;max-width:640px}
  #racket-desk .sg-sources summary{justify-content:flex-start;margin-top:0}
}
@media(max-width:599px){
  #racket-desk.pdl-shape-guide{padding:52px 0 42px}
  #racket-desk .sg-eyebrow{font-size:8px;margin-bottom:13px}
  #racket-desk #pdl-guide-title{font-size:clamp(32px,8.7vw,44px)}
  #racket-desk .sg-heading{gap:20px;margin-bottom:27px}
  #racket-desk .sg-introduction p{font-size:12px;line-height:1.75}
  #racket-desk .sg-introduction .sg-definition{font-size:10px}
  #racket-desk .sg-card{display:flex;flex-direction:column;gap:0;padding:22px 20px 20px;border-radius:23px}
  #racket-desk .sg-card-heading{margin-bottom:17px}
  #racket-desk .sg-card-heading h3{font-size:24px}
  #racket-desk .sg-card-heading>span{font-size:8px}
  #racket-desk .sg-visual{max-width:276px;margin:0 auto 21px}
  #racket-desk .sg-description{min-height:0;margin-bottom:15px;font-size:12px}
  #racket-desk .sg-facts dt,#racket-desk .sg-facts dd{font-size:11px}
  #racket-desk .sg-pick{min-height:0;margin:16px 0 18px;font-size:12px}
  #racket-desk .sg-pick b{font-size:8px}
  #racket-desk .sg-preview{margin-top:0;min-height:48px;font-size:12px}
  #racket-desk .sg-general-note{font-size:10px;line-height:1.8}
}
@media(max-width:359px){#racket-desk .sg-card{padding:20px 17px 18px}#racket-desk .sg-card-heading h3{font-size:23px}#racket-desk .sg-card-heading>span{font-size:7px;padding:5px 7px}#racket-desk .sg-facts>div{gap:9px}#racket-desk .sg-emphasis b{font-size:25px}}
@media(prefers-reduced-motion:reduce){#racket-desk .sg-card,#racket-desk .sg-arc-reveal,#racket-desk .sg-sweet-outer,#racket-desk .sg-preview{animation:none!important;transition:none!important}}

/* Editorial starting recommendation: visible inside the card on every screen. */
#racket-desk .sg-card[data-guide-shape="teardrop"]{border-color:#afc447}
#racket-desk .sg-card[data-guide-shape="teardrop"] .sg-card-heading>span{background:var(--sg-lime);border-color:#c3d942;color:var(--sg-ink);font-size:10px;font-weight:750;padding:7px 10px}

/* Beginner recommendation (2026-09-10): a plain-words "start with Round" panel under the three cards. */
.sg-beginner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto auto;gap:22px 40px;align-items:start;margin:22px 0 0;padding:30px 32px 28px;border:1px solid #fff;border-radius:25px;background:linear-gradient(135deg,#f7faf2f2,#e9f2d6e6);box-shadow:inset 1px 1px 1px #ffffffed,inset -1px -1px 1px #66827333,inset 0 0 0 4px #ffffff20,0 10px 28px #2747310b}
.sg-beginner-copy{grid-row:1/3}
.sg-beginner-copy .sg-eyebrow{margin-bottom:12px}
.sg-beginner-copy h3{margin:0 0 14px;font-family:PdlBody,Arial,sans-serif;font-size:26px;line-height:1.08;font-weight:800;letter-spacing:-.02em;color:var(--sg-ink)}
.sg-beginner-copy h3 em{font-style:normal;color:#4b6b3a}
.sg-beginner-copy p{max-width:520px;margin:0;font-size:13px;font-weight:450;line-height:1.75;color:var(--sg-muted)}
.sg-beginner-copy .sg-beginner-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--sg-line);font-size:11px;line-height:1.65}
.sg-beginner-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sg-beginner-list li{display:grid;gap:3px;padding:12px 14px;border:1px solid #fff;border-radius:14px;background:#ffffff8c}
.sg-beginner-list b{font-size:8px;line-height:1.4;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#536749}
.sg-beginner-list span{font-size:11px;line-height:1.65;color:#50634f}
.sg-beginner .sg-beginner-cta{grid-column:2;margin:0}
@media(max-width:959px){.sg-beginner{grid-template-columns:1fr;grid-template-rows:auto;gap:18px;padding:24px 20px 22px}.sg-beginner-copy{grid-row:auto}.sg-beginner-copy h3{font-size:22px}.sg-beginner .sg-beginner-cta{grid-column:1}}