.pd-composition[hidden]{display:none!important}.pd-composition{border:1px solid #dce5ef;border-radius:14px;background:#fff;padding:28px;margin-bottom:26px;color:#172f4e}
.pd-composition h2{font-size:23px;margin:0 0 12px}.pd-composition h3{font-size:18px;margin:0}.pd-composition .kosub{display:block;margin-top:4px;color:#63768f;font-size:12px;font-weight:400;line-height:1.5}.pc-intro{font-size:14px;color:#526b87;margin:0 0 22px;line-height:1.6}
.pc-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}.pc-meta>div{background:#f5f8fb;padding:16px;border-radius:8px;min-width:0}.pc-meta dt{font-size:12px;color:#63768f}.pc-meta dd{font-size:15px;font-weight:650;margin:12px 0 0;line-height:1.5;overflow-wrap:anywhere}
.pc-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.pc-stage-count{font-size:12px;color:#63768f;text-align:end}.pc-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.pc-workflow>li{display:flex;align-items:flex-start;gap:14px;border:1px solid #dbe5f0;border-radius:9px;padding:18px 16px;min-width:0}.pc-number{font-size:23px;font-weight:700;line-height:1.2;color:#6d87a3;font-variant-numeric:tabular-nums}.pc-workflow h4{font-size:16px;color:#173958;margin:0 0 12px;line-height:1.45;overflow-wrap:anywhere}.pc-stage-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#61738a}.pc-stage-meta .kosub{margin-top:2px}.pc-note,.pc-empty{font-size:12px;color:#61738a;line-height:1.7;margin:18px 0 0}.pc-empty{background:#f6f8fb;padding:16px;border-radius:8px;font-size:14px}.pc-support{display:inline-block;margin-top:16px;color:#315c87;font-size:13px;text-decoration:none;border-bottom:1px solid #a6bad0;padding-bottom:3px}.pc-support:focus-visible{outline:2px solid #1e5bba;outline-offset:4px}
@media(min-width:1000px){
  html{overflow-x:clip;overflow-y:visible}body{overflow:visible;margin:0}
  .pd-wrap{max-width:1440px!important;padding:0 32px}.pd-purchase-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px;margin-top:24px}
  .pd-purchase{top:100px;margin-top:0;max-height:calc(100vh - 124px);overflow:auto}
  .mc-gnb{padding-inline:24px;gap:16px}.mc-gnb .menu{gap:20px}.mc-gnb .logo{flex-shrink:0}.mc-gnb .has-flyout:not(:hover):not(.open)>.flyout{display:none}
}
@media(max-width:999px){.pc-meta,.pc-workflow{grid-template-columns:1fr}.pd-composition{padding:20px}}
.pc-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pc-workflow>li:only-child{grid-column:1/-1}
.pd-content>.pd-composition{margin-top:0}

/* Color identifies content roles, never a workflow completion state. */
.pd-composition{border-color:#e3e6e4;box-shadow:0 5px 20px rgba(36,55,48,.035)}
.pd-composition h2{color:#303a3f}.pc-intro{color:#62706e}
.pc-meta>div{background:#faf5e9;border:1px solid #eee6d4}.pc-meta dt{color:#7a6a50}.pc-meta dd{color:#4a4338}
.pc-flow-heading h3{color:#27584c}.pc-stage-count{color:#547269}
.pc-workflow>li{background:#eff7f3;border:1px solid #dceae3;box-shadow:none;border-radius:10px;padding:20px 18px}
.pc-number{color:#337866;background:#deeee5;border-radius:8px;padding:8px;font-size:20px;min-width:42px;text-align:center}
.pc-workflow h4{color:#244b40}.pc-workflow .kosub,.pc-stage-meta{color:#536f65}.pc-support{color:#327463;border-color:#aacdbd}
.pc-note{color:#64716c}.pc-empty{background:#f4f5f2;color:#677168}
.pd-page .pd-purchase{background:#f8faff;border-color:#d9e3f0;box-shadow:0 8px 28px rgba(25,52,93,.07)}
.pd-page .pd-purchase h2,.pd-page .pp-price{color:#24476d}.pd-page .pp-speed{background:white;border-color:#dce3ed}
.pd-page .pp-speed:has(input:checked){background:#eaf0fa;border-color:#52779e}.pd-page .pp-speed:has(input:disabled){background:#f1f3f6}
.pd-page .pp-action{background:#284e78;border-color:#284e78}.pd-page .pp-action.secondary{background:white;color:#284e78}