.cpds-wrap{
  max-width:650px;
  margin:40px auto;
  font-family:"MW Article Text", "Quattrocento Sans", Arial, sans-serif;
  padding:20px 30px;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  border-radius:12px;
}
.cpds-field{ margin-bottom:16px; }
.cpds-label{ font-size:14px; display:block; margin:0 0 6px; }
.cpds-input{
  width:100%; padding:8px; font-size:16px;
  border:1px solid #ddd; border-radius:6px; box-sizing:border-box;
}
.cpds-row{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.cpds-card{ flex:1 1 260px; padding:14px; border:1px solid #f0f0f0; border-radius:10px; }
.cpds-check{ font-size:12px; display:inline-flex; align-items:center; gap:6px; }
.cpds-color{ width:100%; height:40px; border:none; padding:0; cursor:pointer; border-radius:4px; }
.cpds-color::-webkit-color-swatch{ border:none; border-radius:4px; }
.cpds-color:disabled{ opacity:.6; cursor:not-allowed; }
.cpds-preview{ text-align:center; background:rgba(0,0,0,.9); padding:8px 12px; border-radius:4px; }
.cpds-preview span{ font-weight:400; }
.cpds-cmds{ display:flex; gap:20px; justify-content:center; margin-top:14px; }
.cpds-cmd{
  position:relative; font-family:ui-monospace,Monaco,Consolas,monospace;
  font-size:15px; padding:6px 10px; border:1px solid #ccc; border-radius:6px;
  min-width:160px; text-align:center; cursor:pointer; user-select:none;
  outline:none;
}
.cpds-cmd:focus{ box-shadow:0 0 0 2px rgba(0,0,0,.2); }

.cpds-wrap,.cpds-wrap *{box-sizing:border-box}
.cpds-wrap{width:100%;color:var(--mw-text,#776e6e)}
.cpds-input{font-family:inherit;color:inherit;border-color:#dfbb88;background:#fffcf6}
.cpds-card{border-color:#ead7ba;background:#fffdf9}
.cpds-wrap{border:1px solid #efe1ca;box-shadow:0 8px 24px rgba(120,83,35,.07)}
.cpds-card{min-width:0;flex-basis:220px}
.cpds-preview{overflow-wrap:anywhere}
.cpds-cmds{flex-wrap:wrap;gap:10px}
.cpds-wrap .cpds-cmd{flex:1 1 240px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;background:#fffaf2;color:#533f27;border-color:#d9bd93;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:400;box-shadow:none}
.cpds-wrap .cpds-cmd:hover{background:#fff0d9}
.cpds-wrap :is(button,input):focus-visible{outline:2px solid #a86a20;outline-offset:3px}
.cpds-wrap .cpds-check{user-select:none;cursor:pointer}
.cpds-wrap .cpds-color{min-width:0}
.cpds-status{font-size:13px;text-align:center;line-height:1.5;margin:12px 0 0}
.cpds-status{min-height:1.5em;color:#695034}
.mw-premium{width:100%;max-width:1180px!important;margin-inline:auto;box-sizing:border-box}
.mw-premium-heading{text-align:center;margin:0 auto 28px}
.mw-premium-heading h2{margin:0 0 10px;font-size:clamp(34px,4vw,48px);font-weight:200;text-transform:none;line-height:1.25}
.mw-premium-heading p{margin:0;font-size:18px;line-height:1.6}
.mw-premium-guide{display:grid;grid-template-columns:minmax(0,760fr) minmax(0,496fr);align-items:center;gap:32px;margin-top:48px}
.mw-premium .mw-premium-art img,.mw-premium .mw-premium-example img{display:block;max-width:100%;height:auto;margin-inline:auto;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;padding:0;background:transparent}
.mw-premium .mw-premium-art img{width:auto}
.mw-premium-details{text-align:center;min-width:0;font-size:20px;line-height:1.55}
.mw-premium-details h3{margin:0 0 16px;font-size:clamp(25px,3vw,32px);font-weight:200;line-height:1.3}
.mw-premium-details p{margin:0 0 16px}
.mw-premium-details .mw-premium-examples-title{margin-top:32px}
.mw-premium .mw-premium-example{margin:0 0 22px}
.mw-premium-example figcaption{margin-bottom:10px}
.mw-premium-example code{font-family:inherit;font-size:16px;overflow-wrap:anywhere;background:none;padding:0;color:inherit}
.mw-premium .mw-premium-example img{width:auto}
.mw-premium .mw-premium-buy{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 30px;margin-top:12px;background:#fff;color:#b57922;border:1px solid #d89a3a;border-radius:0;text-decoration:none;text-transform:none;font-size:15px;font-weight:600;line-height:1.5;transition:background .15s}
.mw-premium .mw-premium-buy:hover{background:#ee4b43;border-color:#ee4b43;color:#fff}
.mw-premium-buy:focus-visible{outline:2px solid #885e28;outline-offset:4px}
@media(max-width:780px){
 .mw-premium-guide{grid-template-columns:minmax(0,1fr);gap:32px}
 .mw-premium-art{order:2}
 .mw-premium .mw-premium-art img{max-width:min(100%,480px)}
 .mw-premium-details{font-size:17px}
}
@media(max-width:480px){
 .cpds-wrap{padding:18px 14px;margin:24px auto}
 .cpds-row{gap:12px}
 .cpds-card{flex-basis:100%}
 .mw-premium-heading p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.mw-premium .mw-premium-buy{transition:none}}

body .mw-premium{font-family:"MW Article Text","Quattrocento Sans",Arial,sans-serif;color:var(--mw-text,#776e6e)}
body .mw-premium .mw-premium-heading h2,
body .mw-premium .mw-premium-details h3{
 font-family:"MW Article Heading",Montserrat,Arial,sans-serif;
 font-weight:200;letter-spacing:-.025em;color:#725e55;text-transform:none;
}
body .mw-premium .mw-premium-heading p{font-family:inherit;color:var(--mw-text-soft,#817a7a)}
body .mw-premium .mw-premium-details p{font-family:inherit;font-size:20px;line-height:1.55}
body .mw-premium .mw-premium-buy{font-family:"MW Article Heading",Montserrat,Arial,sans-serif}
@media(min-width:1400px){
 body .mw-premium .mw-premium-guide{
  width:min(1300px,calc(100vw - 80px));
  max-width:none!important;
  margin-inline:calc((100% - min(1300px,100vw - 80px))/2);
 }
}
@media(max-width:780px){
 body .mw-premium .mw-premium-details p{font-size:18px}
}

body .mw-content .mw-premium{width:100%;max-width:100%!important;margin-inline:auto!important}

.cpds-wrap .cpds-random-row{display:flex;justify-content:center;margin:0 0 18px}
.cpds-wrap .cpds-random{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:9px 20px;border:1px solid #d89a3a;border-radius:0;
 background:#fff;color:#b57922;font-family:"MW Article Heading",Montserrat,Arial,sans-serif;
 font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;
 box-shadow:none;cursor:pointer;user-select:none;-webkit-user-select:none;
 transition:background-color .15s,color .15s,border-color .15s;
}
.cpds-wrap .cpds-random[hidden]{display:none}
.cpds-wrap .cpds-random:hover{background:#ee4b43;border-color:#ee4b43;color:#fff}
@media(prefers-reduced-motion:reduce){.cpds-wrap .cpds-random{transition:none}}

body .mw-premium .mw-premium-guide.mw-premium-no-art { grid-template-columns: minmax(0, 1fr); }

/* Keep the controls steady, including when a field receives focus. */
.cpds-wrap .cpds-card-heading{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 margin:0 0 8px;min-height:32px;
}
.cpds-wrap .cpds-card-heading .cpds-label{
 margin:0;line-height:1.3;white-space:nowrap;font-size:14px;
}
.cpds-wrap .cpds-check{
 display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;
 min-height:32px;line-height:1.3;white-space:nowrap;font-size:12px;
}
.cpds-wrap .cpds-check input[type=checkbox]{
 appearance:auto!important;position:static!important;display:block!important;
 flex:0 0 15px;width:15px!important;height:15px!important;
 min-width:15px!important;min-height:15px!important;
 margin:0!important;padding:0!important;transform:none!important;
 accent-color:#b78036;box-shadow:none!important;vertical-align:middle;
}
.cpds-wrap .cpds-input,.cpds-wrap .cpds-input:focus{
 font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;
 border:1px solid #dfbb88;transform:none;
}
.cpds-wrap .cpds-random:disabled{opacity:.55;cursor:default}
.cpds-wrap .cpds-random:disabled:hover{background:#fff;color:#b57922;border-color:#d89a3a}
main .wp-block-group.animate__animated:has(.cpds-wrap){
 will-change:auto!important;
}
@media(max-width:640px){
 .cpds-wrap .cpds-card{flex-basis:100%}
}