/* Pwetty Design — PP Peptide Calculator (Riptide). Scoped to .ppd-cc */
.ppd-cc{--cc-w:1240px;--cc-accent:var(--ppd-accent,#1F4FE0);--cc-ink:var(--ppd-ink,#0B1E43);--cc-muted:var(--ppd-muted,#5A6782);--cc-line:var(--ppd-line,#DCE3EE);--cc-mist:var(--ppd-mist,#F2F5FA);
	background:var(--cc-mist);color:var(--cc-ink);font-family:var(--ppd-font-b,"Inter",system-ui,sans-serif);text-align:left}
.ppd-cc *,.ppd-cc *::before,.ppd-cc *::after{box-sizing:border-box}
.ppd-cc-inner{max-width:var(--cc-w);margin:0 auto;padding:72px 24px 96px}

/* Heading */
.ppd-cc-head{max-width:820px;margin:0 0 28px}
.ppd-cc .ppd-cc-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:700 12px/1.2 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--cc-accent)}
.ppd-cc .ppd-cc-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--ppd-foil,var(--cc-accent))}
.ppd-cc .ppd-cc-title{margin:0 0 14px;padding:0;font:800 clamp(32px,4.4vw,56px)/1.05 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:-.025em;color:var(--cc-ink);text-wrap:balance}
.ppd-cc .ppd-cc-intro{margin:0;max-width:70ch;font-size:16.5px;line-height:1.7;color:var(--cc-muted)}

/* Jump nav */
.ppd-cc-nav{position:sticky;top:12px;z-index:5;display:flex;gap:6px;margin:0 0 28px;padding:6px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid var(--cc-line);box-shadow:0 10px 30px -22px rgba(11,30,67,.5);backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:none}
.admin-bar .ppd-cc-nav{top:44px}
.ppd-cc-nav::-webkit-scrollbar{display:none}
.ppd-cc .ppd-cc-nav a{flex:0 0 auto;padding:10px 16px;border-radius:10px;font:600 13px/1 var(--ppd-font,"Montserrat",sans-serif);color:var(--cc-muted);text-decoration:none;white-space:nowrap}
.ppd-cc .ppd-cc-nav a:hover,.ppd-cc .ppd-cc-nav a:focus-visible{background:var(--cc-ink);color:#fff}

/* Tool card */
.ppd-cc-tool{scroll-margin-top:90px;margin:0 0 24px;padding:32px;border-radius:22px;background:#fff;border:1px solid var(--cc-line);box-shadow:0 24px 50px -40px rgba(11,30,67,.45)}
.ppd-cc-th{max-width:760px;margin:0 0 24px}
.ppd-cc .ppd-cc-num{margin:0 0 8px;font:700 11px/1 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--cc-accent)}
.ppd-cc .ppd-cc-th h2{margin:0 0 8px;padding:0;font:800 clamp(22px,2.4vw,30px)/1.2 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:-.015em;color:var(--cc-ink)}
.ppd-cc .ppd-cc-th p{margin:0;font-size:15px;line-height:1.65;color:var(--cc-muted)}
.ppd-cc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}

/* Mode switch */
.ppd-cc-seg{display:inline-flex;gap:4px;margin:0 0 22px;padding:4px;border-radius:12px;background:var(--cc-mist)}
.ppd-cc .ppd-cc-seg button{margin:0;padding:10px 16px;border:0;border-radius:9px;background:transparent;color:var(--cc-muted);font:600 13px/1 var(--ppd-font,"Montserrat",sans-serif);text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none}
.ppd-cc .ppd-cc-seg button.is-on{background:#fff;color:var(--cc-ink);box-shadow:0 4px 12px -6px rgba(11,30,67,.35)}

/* Fields */
.ppd-cc-form{display:flex;flex-direction:column;gap:18px;min-width:0}
.ppd-cc-f{min-width:0}
.ppd-cc-f2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.ppd-cc .ppd-cc-l{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font:700 11px/1.2 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--cc-muted)}
.ppd-cc .ppd-cc-l b{font-size:13px;letter-spacing:0;color:var(--cc-ink)}
.ppd-cc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.ppd-cc .ppd-cc-chip{min-height:36px;margin:0;padding:0 14px;border:1.5px solid #D3DCEB;border-radius:999px;background:#EEF2F9;color:var(--cc-ink);font:600 13px/1 var(--ppd-font,"Montserrat",sans-serif);text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none;transition:background-color .2s,border-color .2s,color .2s}
.ppd-cc .ppd-cc-chip:hover{background:var(--pps-pill-hover,#3A4F7A);border-color:var(--pps-pill-hover,#3A4F7A);color:#fff}
.ppd-cc .ppd-cc-chip.is-on{background:var(--pps-pill-on,#0B1E43);border-color:var(--pps-pill-on,#0B1E43);color:#fff}
.ppd-cc-in{display:flex;align-items:center;border:1.5px solid var(--cc-line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.ppd-cc-in:focus-within{border-color:var(--cc-accent);box-shadow:0 0 0 4px rgba(31,79,224,.14)}
.ppd-cc .ppd-cc-in input{flex:1 1 auto;min-width:0;height:48px;margin:0;padding:0 14px;border:0;background:transparent;box-shadow:none;font:600 16px/1 var(--ppd-font-b,"Inter",sans-serif);color:var(--cc-ink);outline:none;-moz-appearance:textfield;appearance:textfield}
.ppd-cc .ppd-cc-in input::-webkit-outer-spin-button,.ppd-cc .ppd-cc-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ppd-cc-in span{flex:0 0 auto;padding:0 14px;font:600 13px/1 var(--ppd-font,"Montserrat",sans-serif);color:var(--cc-muted)}
.ppd-cc-in span:empty{display:none}
.ppd-cc .ppd-cc-f select,.ppd-cc .ppd-cc-f textarea{width:100%;margin:0;padding:12px 14px;border:1.5px solid var(--cc-line);border-radius:12px;background:#fff;font:500 15px/1.4 var(--ppd-font-b,"Inter",sans-serif);color:var(--cc-ink);box-shadow:none;outline:none}
.ppd-cc .ppd-cc-f select{height:48px;padding-top:0;padding-bottom:0}
.ppd-cc .ppd-cc-f textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;resize:vertical}
.ppd-cc .ppd-cc-f select:focus,.ppd-cc .ppd-cc-f textarea:focus{border-color:var(--cc-accent);box-shadow:0 0 0 4px rgba(31,79,224,.14)}
.ppd-cc .ppd-cc-f input[type=range]{width:100%;accent-color:var(--cc-accent)}
.ppd-cc .ppd-cc-help{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--cc-muted)}

/* Results */
.ppd-cc-res{min-width:0;padding:22px;border-radius:18px;background:linear-gradient(160deg,#10275A,#0B1E43 55%,#071533);color:#fff}
.ppd-cc .ppd-cc-outs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.ppd-cc-o{min-width:0;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.ppd-cc .ppd-cc-o dt{margin:0 0 8px;font:700 10.5px/1.2 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:rgba(214,226,250,.65)}
.ppd-cc .ppd-cc-o dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0}
.ppd-cc-o dd b{font:800 clamp(22px,2.2vw,30px)/1.05 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ppd-cc-o dd span{font:600 12.5px/1 var(--ppd-font,"Montserrat",sans-serif);color:#9DBBFF}
.ppd-cc-o dd span:empty{display:none}
.ppd-cc .ppd-cc-o p{margin:6px 0 0;font-size:11.5px;line-height:1.45;color:rgba(214,226,250,.6)}
.ppd-cc .ppd-cc-o p:empty{display:none}
.ppd-cc .ppd-cc-formula{margin:18px 0 0;padding:12px 14px;border-radius:10px;background:var(--cc-mist);font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--cc-ink);overflow-wrap:anywhere}
.ppd-cc .ppd-cc-sub{margin:0 0 10px;font:700 11px/1.2 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--cc-muted)}
.ppd-cc-res .ppd-cc-sub{color:rgba(214,226,250,.65)}
.ppd-cc .ppd-cc-disc{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--cc-muted)}
.ppd-cc .ppd-cc-warn{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:rgba(200,50,63,.18);color:#FFC9CE;font-size:13px}
.ppd-cc .ppd-cc-warn[hidden]{display:none}

/* Reconstitution visual */
.ppd-cc-vis{display:flex;align-items:center;gap:18px;margin:0 0 16px;padding:10px 6px}
.ppd-cc-tube{flex:0 0 112px}
.ppd-cc-tsvg{display:block;width:112px;height:auto;overflow:visible}
.ppd-cc-tsvg .t-glass{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.35);stroke-width:2}
.ppd-cc-tsvg .t-fill{fill:#3A6FF7;transition:y .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1)}
.ppd-cc-tsvg .t-ticks line{stroke:rgba(255,255,255,.45);stroke-width:1.5}
.ppd-cc-tsvg .t-ticks text{fill:rgba(214,226,250,.6);font:600 9px/1 var(--ppd-font-b,"Inter",sans-serif);text-anchor:start}
.ppd-cc .ppd-cc-vcap{display:flex;flex-direction:column;gap:4px;margin:0}
.ppd-cc-vcap b{font:800 34px/1 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:-.02em;color:#fff}
.ppd-cc-vcap span{font-size:13px;color:rgba(214,226,250,.7)}
.ppd-cc-vcap em{font-style:normal;color:#9DBBFF}
.ppd-cc-near{margin:18px 0 0}
.ppd-cc-near-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ppd-cc-near-row div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--cc-line);background:#fff}
.ppd-cc-near-row div.is-on{border-color:var(--cc-ink);box-shadow:inset 0 0 0 1px var(--cc-ink)}
.ppd-cc-near-row span{font-size:12.5px;color:var(--cc-muted)}
.ppd-cc-near-row b{font:800 18px/1.1 var(--ppd-font,"Montserrat",sans-serif);color:var(--cc-ink)}

/* Dilution visual */
.ppd-cc-xfer{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.ppd-cc-xfer div{flex:1 1 0;padding:12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.22);text-align:center}
.ppd-cc-xfer span{display:block;margin:0 0 4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(214,226,250,.6)}
.ppd-cc-xfer b{font:800 16px/1.2 var(--ppd-font,"Montserrat",sans-serif);color:#fff}
.ppd-cc-xfer i{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#1F4FE0;color:#fff;font:700 12px/1 var(--ppd-font,"Montserrat",sans-serif);font-style:normal;white-space:nowrap}
.ppd-cc-xfer i::after{content:" →"}
.ppd-cc-table-wrap{overflow-x:auto;border-radius:12px}
.ppd-cc .ppd-cc-table{width:100%;margin:0;border-collapse:collapse;font-size:13.5px}
.ppd-cc-table th,.ppd-cc-table td{padding:10px 12px;border-bottom:1px solid rgba(127,140,170,.25);text-align:left;vertical-align:top;white-space:nowrap}
.ppd-cc-table thead th{font:700 10.5px/1.2 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:.12em;text-transform:uppercase}
.ppd-cc-res .ppd-cc-table{color:#fff}
.ppd-cc-res .ppd-cc-table thead th{color:rgba(214,226,250,.65)}

/* Molarity log bar */
.ppd-cc-log{margin:18px 0 0}
.ppd-cc-logbar{position:relative;height:10px;border-radius:10px;background:linear-gradient(90deg,#173170,#1F4FE0,#7FA4FF)}
.ppd-cc-logbar i{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(127,164,255,.4);transition:left .4s cubic-bezier(.22,1,.36,1)}
.ppd-cc-logbar i[hidden]{display:none}
.ppd-cc-logl{display:flex;justify-content:space-between;margin:8px 0 0;font-size:11px;color:rgba(214,226,250,.6)}

/* Aliquot rack */
.ppd-cc-rack{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;min-height:52px;margin:0 0 12px}
.ppd-cc-rack i{width:16px;height:44px;border-radius:4px 4px 9px 9px;background:linear-gradient(180deg,rgba(255,255,255,.12) 0 30%,#3A6FF7 30% 100%);border:1.5px solid rgba(255,255,255,.35)}
.ppd-cc-rack span{font:700 12px/1 var(--ppd-font,"Montserrat",sans-serif);color:#9DBBFF}
.ppd-cc-res .ppd-cc-vcap{margin:0 0 16px}
.ppd-cc-res .ppd-cc-vcap b{font-size:22px}
.ppd-cc-store{margin:24px 0 0}
.ppd-cc-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ppd-cc-st{padding:14px;border-radius:14px;border:1px solid var(--cc-line);background:#fff}
.ppd-cc .ppd-cc-st-t{display:flex;flex-direction:column;gap:2px;margin:0 0 10px}
.ppd-cc-st-t b{font:800 20px/1 var(--ppd-font,"Montserrat",sans-serif);color:var(--cc-ink)}
.ppd-cc-st-t span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-accent)}
.ppd-cc .ppd-cc-st dl{display:flex;flex-direction:column;gap:8px;margin:0}
.ppd-cc .ppd-cc-st dt{margin:0;font-size:11px;color:var(--cc-muted)}
.ppd-cc .ppd-cc-st dd{margin:2px 0 0;font-size:13.5px;font-weight:600;color:var(--cc-ink)}

/* Sequence */
.ppd-cc-res-chips{display:flex;flex-wrap:wrap;gap:4px}
.ppd-cc-res-chips span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:28px;border-radius:6px;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff}
.ppd-cc-res-chips .c-more{width:auto;padding:0 8px;background:var(--cc-mist);color:var(--cc-muted)}
.c-basic{background:#1F4FE0}.c-acidic{background:#C8323F}.c-polar{background:#1F7A55}.c-hydro{background:#B7791F}.c-struct{background:#5A6782}
.ppd-cc-comp{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}
.ppd-cc-comp div{display:flex;flex-direction:column;gap:3px;padding:8px 10px 8px 12px;border-radius:10px;background:var(--cc-mist);border-left:3px solid currentColor;background-color:var(--cc-mist)!important}
.ppd-cc-comp span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ppd-cc-comp b{font-size:13px;color:var(--cc-ink)}
.ppd-cc-comp .c-basic{color:#1F4FE0}.ppd-cc-comp .c-acidic{color:#C8323F}.ppd-cc-comp .c-polar{color:#1F7A55}.ppd-cc-comp .c-hydro{color:#B7791F}.ppd-cc-comp .c-struct{color:#5A6782}
.ppd-cc .ppd-cc-res .ppd-cc-outs{grid-template-columns:repeat(2,minmax(0,1fr))}
.ppd-cc-chart{margin:16px 0 0}
.ppd-cc-chart svg{display:block;width:100%;height:auto}
.ppd-cc-chart .g0{stroke:rgba(255,255,255,.3);stroke-dasharray:4 4}
.ppd-cc-chart .gl{fill:rgba(214,226,250,.6);font:600 10px/1 var(--ppd-font-b,"Inter",sans-serif)}
.ppd-cc-chart .gc{fill:none;stroke:#7FA4FF;stroke-width:2.5;stroke-linejoin:round}
.ppd-cc-chart .gpi{stroke:#FFD166;stroke-width:1.5;stroke-dasharray:3 3}
.ppd-cc-chart .gpl{fill:#FFD166;font:700 10px/1 var(--ppd-font-b,"Inter",sans-serif)}
.ppd-cc-chart .gph{fill:#fff;stroke:#1F4FE0;stroke-width:3}
.ppd-cc-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 12px}
.ppd-cc-notes>div{padding:16px;border-radius:14px;background:var(--cc-mist)}
.ppd-cc .ppd-cc-notes p:not(.ppd-cc-sub){margin:0;font-size:14px;line-height:1.65;color:var(--cc-ink)}

/* Maths + reference */
.ppd-cc-maths,.ppd-cc-ref{margin:48px 0 0}
.ppd-cc .ppd-cc-maths h2,.ppd-cc .ppd-cc-ref h2{margin:0 0 18px;font:800 clamp(24px,2.6vw,34px)/1.15 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:-.02em;color:var(--cc-ink)}
.ppd-cc-mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ppd-cc-mgrid>div{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--cc-line)}
.ppd-cc .ppd-cc-mgrid h3{margin:0 0 8px;font:800 16px/1.3 var(--ppd-font,"Montserrat",sans-serif);color:var(--cc-ink)}
.ppd-cc .ppd-cc-mgrid p{margin:0;font-size:14px;line-height:1.65;color:var(--cc-muted)}
.ppd-cc-ref .ppd-cc-table-wrap{margin:14px 0 0;border:1px solid var(--cc-line);background:#fff}
.ppd-cc-ref .ppd-cc-table th[scope=row]{font-weight:700;color:var(--cc-ink)}
.ppd-cc-ref .ppd-cc-table thead th{color:var(--cc-muted);background:var(--cc-mist)}
.ppd-cc-seqcell{font:500 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--cc-muted);white-space:normal!important;word-break:break-all;min-width:200px}

.ppd-cc button:focus-visible,.ppd-cc a:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}
.ppd-cc [hidden]{display:none!important}

@media (max-width:1024px){
	.ppd-cc-grid{grid-template-columns:minmax(0,1fr)}
	.ppd-cc-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ppd-cc-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.ppd-cc-inner{padding:48px 16px 64px}
	.ppd-cc-tool{padding:20px 16px;border-radius:18px}
	.ppd-cc-res{padding:16px}
	.ppd-cc-near-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
	.ppd-cc-notes,.ppd-cc-mgrid{grid-template-columns:minmax(0,1fr)}
	.ppd-cc-seg{display:flex}
	.ppd-cc .ppd-cc-seg button{flex:1 1 0;padding:10px 8px}
}
@media (prefers-reduced-motion:reduce){.ppd-cc *{transition:none!important}}

/* ---------- Simple calculator ---------- */
.ppd-cc-quick{padding:36px}
.ppd-cc-steps{gap:22px}
.ppd-cc-step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}
.ppd-cc-stepn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--cc-ink);color:#fff;font:800 15px/1 var(--ppd-font,"Montserrat",sans-serif)}
.ppd-cc-qres{position:sticky;top:90px}
.ppd-cc .ppd-cc-qans{margin:0 0 8px;font:700 18px/1.2 var(--ppd-font,"Montserrat",sans-serif);color:rgba(214,226,250,.85)}
.ppd-cc-qans b{display:inline-block;margin:0 4px;font:800 clamp(40px,5vw,56px)/1 var(--ppd-font,"Montserrat",sans-serif);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.ppd-cc .ppd-cc-qsub{margin:0 0 20px;font-size:14.5px;line-height:1.55;color:rgba(214,226,250,.78)}
.ppd-cc-qscale{margin:0 0 20px}
.ppd-cc-qtrack{height:22px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);overflow:hidden}
.ppd-cc-qtrack i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1F4FE0,#4F7FFF);transition:width .45s cubic-bezier(.22,1,.36,1)}
.ppd-cc-qticks{display:flex;justify-content:space-between;margin:6px 0 0}
.ppd-cc-qticks span{position:relative;width:1px;height:6px;background:rgba(255,255,255,.35)}
.ppd-cc-qticks span.is-major{height:10px;background:rgba(255,255,255,.6)}
.ppd-cc-qticks em{position:absolute;top:13px;left:50%;transform:translateX(-50%);font:600 11px/1 var(--ppd-font-b,"Inter",sans-serif);font-style:normal;color:rgba(214,226,250,.7);white-space:nowrap}
.ppd-cc-qscale{padding-bottom:16px}
@media (max-width:1024px){.ppd-cc-qres{position:static}}
@media (max-width:767px){.ppd-cc-quick{padding:20px 16px}.ppd-cc-step{grid-template-columns:30px minmax(0,1fr);gap:10px}.ppd-cc-stepn{width:30px;height:30px;font-size:13px}}