/* Blue Adventure: visual overrides only. Existing tool grids, dimensions,
   data hooks, dialogs and sticky positions remain owned by their plugins. */

/* Dedicated wrappers do not narrow the existing workspaces. An ornate frame
   is opt-in, for standalone panels where a generous inset is appropriate.
   Its centre stays transparent; no fill keyword or tool pseudo reuse. */
.blue-tool-frame{
  position:relative;
  isolation:isolate;
}
.blue-tool-frame.blue-tool-ornate{
  padding:22px 24px;
  border:1px solid #d9c58e;
  border-radius:15px;
  background:#fff;
  box-shadow:0 9px 28px #285a7810,inset 0 0 0 4px #fbfdff;
}
.blue-tool-frame.blue-tool-ornate::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10px;
  pointer-events:none;
  border:solid transparent;
  border-width:0;
  border-image-source:url('blue/decor/panel-frame.svg');
  border-image-slice:64;
  border-image-width:56px;
  border-image-repeat:stretch;
}

/* BUILD WORKSHOP */
#sxs-builder-preview{
  --sb-bg:#f3f9fe;
  --sb-paper:#fff;
  --sb-ink:#264f69;
  --sb-muted:#6c8597;
  --sb-line:#d5e5ee;
  --sb-accent:#269fbe;
  --sb-on:#fff;
  --sb-soft:#eaf7fd;
  --sb-warm:#fbf5e8;
  --sb-active:#b28a42;
  --sb-passive:#339fbd;
  --sb-error:#ae4d43;
  font-family:'Pretendard','Malgun Gothic',sans-serif;
}
#sxs-builder-preview h1,
#sxs-builder-preview .sb-section-head h2{
  font-family:'Gmarket','Pretendard',sans-serif;
  font-weight:700;
  color:#244d68;
}
#sxs-builder-preview h1{line-height:1.5}
#sxs-builder-preview :is(button,input,select,textarea){font-family:'Pretendard','Malgun Gothic',sans-serif}
#sxs-builder-preview :is(button,input,select,textarea,summary,a):focus-visible{outline-color:#32acd0}
#sxs-builder-preview :is(input,select,textarea){background:#fff;border-color:#d6e5ee}
#sxs-builder-preview button{box-shadow:inset 0 1px 0 #fff}
#sxs-builder-preview button:hover:not(:disabled){background:#eef9ff;border-color:#8dcce1}
#sxs-builder-preview .sb-primary{
  background:linear-gradient(#41bfde,#2aa7c7);
  border-color:#269cbc;
  color:#fff;
  box-shadow:inset 0 1px 0 #ffffff66,0 2px 0 #228aa9;
  text-shadow:0 1px #147b9555;
}
#sxs-builder-preview .sb-primary:hover:not(:disabled){background:linear-gradient(#56c9e4,#30afce);border-color:#2397b6;color:#fff}
#sxs-builder-preview .sb-quiet{background:transparent;box-shadow:none}
#sxs-builder-preview :is(.sb-class-picker,.sb-loadout){
  background:linear-gradient(135deg,#fff,#fbfdff);
  border-color:#d9c792;
  box-shadow:0 5px 18px #315e7b09,inset 0 0 0 3px #f8fbfd;
}
#sxs-builder-preview .sb-step{background:#fbf5e7;border-color:#dfc88d;color:#99742f;box-shadow:inset 0 1px #fff}
#sxs-builder-preview .sb-tiers button{background:#f0f7fb;border-color:#dce9f0;color:#638297}
#sxs-builder-preview .sb-tiers button[aria-pressed=true]{background:linear-gradient(#43bfdc,#2eaccb);border-color:#30a7c4;color:#fff;box-shadow:inset 0 1px #ffffff73,0 2px 0 #2395b4}
#sxs-builder-preview .sb-class-option{background:#fbfdff;border-color:#d8e7ef}
#sxs-builder-preview .sb-class-option[aria-pressed=true]{background:#e9f8fe;border-color:#76c6df;box-shadow:inset 3px 0 0 #34abc9}
#sxs-builder-preview .sb-picker-bottom{border-color:#e0ebf2}
#sxs-builder-preview .sb-preset-list{scrollbar-color:#9fcbdc transparent}
#sxs-builder-preview .sb-preset{background:linear-gradient(135deg,#fff,#f6fbff);border-color:#d5e4ee;box-shadow:inset 0 0 0 2px #fff,0 3px 9px #315e7b06}
#sxs-builder-preview .sb-preset:hover:not(:disabled){background:#edf9ff;border-color:#77c9e1}
#sxs-builder-preview .sb-preset[aria-pressed=true]{background:#e9f7fe;border-color:#4db6d3;box-shadow:inset 0 0 0 1px #8dd2e5,0 3px 9px #315e7b0b}
#sxs-builder-preview .sb-preset-title{color:#285772}
#sxs-builder-preview .sb-preset-icons>:nth-child(5){border-left-color:#b8dce9}
#sxs-builder-preview .sb-name-label input{background:#f5faff;border-color:#d7e7f0}
#sxs-builder-preview .sb-slot{background:#fff;border-color:#d9e6ee;border-top-color:#c4a267}
#sxs-builder-preview .sb-slots[data-slot-group=passive] .sb-slot{border-top-color:#77bed2}
#sxs-builder-preview .sb-slot[aria-pressed=true]{background:#eaf8ff;border-color:#37afce;box-shadow:0 0 0 1px #37afce}
#sxs-builder-preview .sb-slot-number{background:#edf7fef0;color:#64889d}
#sxs-builder-preview .sb-slot[aria-pressed=true] .sb-slot-number{background:#2fa9c9;color:#fff}
#sxs-builder-preview .sb-icon-placeholder{background:#f1f9fd;border-color:#a7cfdf;color:#7ca7bd}
#sxs-builder-preview .sb-library-tabs{background:#ecf5fa;border-color:#d4e5ee}
#sxs-builder-preview .sb-library-tabs button{background:transparent;box-shadow:none}
#sxs-builder-preview .sb-library-tabs button[aria-pressed=true]{background:#2da8c8;border-color:#279cbd;color:#fff;box-shadow:inset 0 1px #ffffff50}
#sxs-builder-preview .sb-candidate{background:#fff;border-color:#d7e7ef;box-shadow:0 2px 7px #315e7b05}
#sxs-builder-preview .sb-candidate:hover{border-color:#85c8de}
#sxs-builder-preview .sb-candidate.sb-equipped{background:#eaf7fd;border-color:#96ccdf}
#sxs-builder-preview .sb-candidate-main{background:transparent;box-shadow:none}
#sxs-builder-preview .sb-candidate-main:hover:not(:disabled){background:#e6f6fd88}
#sxs-builder-preview .sb-candidate .sb-info{box-shadow:none}
#sxs-builder-preview .sb-candidate .sb-info:hover:not(:disabled){background:#dceff8;color:#258eae}
#sxs-builder-preview .sb-mobile-tray{background:#fafdfff5;border-color:#acd1e1;border-bottom-color:#2faaca;box-shadow:0 5px 14px #2c658617}
#sxs-builder-preview .sb-tray-slot{background:#f1f8fd;border-color:#d2e5ee}
#sxs-builder-preview .sb-tray-slot:nth-child(5)::before{background:#9ccbdc}
#sxs-builder-preview .sb-tray-number{color:#638499;background:#f5fbfff2}
#sxs-builder-preview .sb-tray-slot[aria-pressed=true]{background:#e5f6fd;border-color:#36adc9;box-shadow:inset 0 0 0 1px #36adc9}
#sxs-builder-preview .sb-tray-slot[aria-pressed=true] .sb-tray-number{background:#2da8c8;color:#fff}
#sxs-builder-preview dialog{background:#fbfdff;border-color:#d7bf83;box-shadow:0 20px 70px #173b5c40,inset 0 0 0 4px #fff}
#sxs-builder-preview dialog::backdrop{background:#1b416680;backdrop-filter:blur(4px)}
#sxs-builder-preview .sb-detail-desc{background:#f0f8fd;border-color:#d9e8f0;color:#365c73}
#sxs-builder-preview .sb-detail-tags>*{background:#edf8fd;border-color:#cce4ef;color:#3786a2}
#sxs-builder-preview .sb-detail-compare{background:#ecf8fe;border-left-color:#6fbdd5}
#sxs-builder-preview .sb-code-panel textarea{font-family:ui-monospace,Consolas,monospace}

/* CHARACTER STUDIO */
.sxs-customizer{
  --sxc-ink:#28526b;
  --sxc-muted:#71899b;
  --sxc-green:#2a9ebd;
  --sxc-gold:#bc9953;
  --sxc-line:#d5e5ef;
  --sxc-paper:#f8fcff;
  font-family:'Pretendard','Malgun Gothic',sans-serif;
}
.sxs-customizer .sxc-heading h1,
.sxs-customizer :is(.sxc-list-heading,.sxc-save-heading) h2,
.sxs-customizer .sxc-share-dialog h2{font-family:'Gmarket','Pretendard',sans-serif;font-weight:700;color:#244d68}
.sxs-customizer :is(button,input,select,textarea){font-family:'Pretendard','Malgun Gothic',sans-serif}
.sxs-customizer :is(button,input,select,a):focus-visible{outline-color:#31aed1}
.sxs-customizer .sxc-stage{
  border-color:#cbb67d;
  background-color:#eef8ff;
  background-image:linear-gradient(#f4fbffb8,#eef8ffb8),url('blue/decor/magic-circle.webp'),radial-gradient(ellipse at 50% 42%,#fff 0,#e5f4ff 60%,#d4eafa 100%);
  background-repeat:no-repeat;
  background-position:center,50% 54%,center;
  background-size:100% 100%,88% auto,100% 100%;
  box-shadow:0 10px 28px #2b62811a,inset 0 0 0 4px #ffffff80;
}
.sxs-customizer .sxc-stage:after{background:#4a89b01c}
.sxs-customizer .sxc-stage-badge{color:#7698ad}
.sxs-customizer .sxc-preview-actions button,
.sxs-customizer .sxc-save-input button,
.sxs-customizer .sxc-share-dialog>button{background:linear-gradient(#44bfdc,#2aa4c3);border-color:#279abb;color:#fff;box-shadow:inset 0 1px #ffffff66,0 2px 0 #2388a7}
.sxs-customizer .sxc-preview-actions button:nth-child(2){background:#fff;color:#298aa8;border-color:#b3d8e7;box-shadow:inset 0 1px #fff}
.sxs-customizer .sxc-preview-actions .sxc-text-button{background:transparent;border-color:transparent;color:#71899b;box-shadow:none}
.sxs-customizer .sxc-segmented{background:#e8f3fa}
.sxs-customizer .sxc-segmented button[aria-pressed=true]{background:#fff;color:#248ead;box-shadow:0 1px 5px #2d5d7a1c}
.sxs-customizer .sxc-category-tabs button{color:#69899f}
.sxs-customizer .sxc-category-tabs button[aria-selected=true]{background:#e9f8fe;border-color:#7ec7df;color:#258cab;box-shadow:inset 0 1px #fff}
.sxs-customizer .sxc-supported-filter input{accent-color:#2fa8c8}
.sxs-customizer .sxc-part{background:linear-gradient(135deg,#fff,#f9fcff);border-color:#d5e5ef;box-shadow:inset 0 1px #fff}
.sxs-customizer .sxc-part:hover:not(:disabled){border-color:#81c7de;box-shadow:0 3px 10px #315e7b0d}
.sxs-customizer .sxc-part[aria-pressed=true]{background:#edf9ff;border-color:#31aac9;box-shadow:inset 0 0 0 1px #b7e4f1}
.sxs-customizer .sxc-part[aria-pressed=true]:after{color:#2a96b5}
.sxs-customizer .sxc-part:disabled{background:#eef3f6}
.sxs-customizer .sxc-unavailable{color:#8997a2}
.sxs-customizer .sxc-empty-list{background:#f8fcff;border-color:#c7dfe9}
.sxs-customizer .sxc-save-slot>button:first-child{background:#f1f8fc;border-color:#d4e4ed}
.sxs-customizer .sxc-save-delete{color:#8295a3!important}
.sxs-customizer .sxc-share-dialog{background:#fbfdff;border-color:#d5bd81;box-shadow:0 20px 65px #1d486a30,inset 0 0 0 4px #fff}
.sxs-customizer .sxc-share-dialog::backdrop{background:#1c426780;backdrop-filter:blur(4px)}
.sxs-customizer .sxc-live[data-error=true]{color:#a94e43}

/* ILLUSTRATION WARDROBE: preserve the gallery, stage and native compare UI. */
.sxs-wardrobe,.sxs-closet-preview{
  --sw-ink:#2a536d;
  --sw-green:#2b9dbb;
  --sw-muted:#738b9c;
  --sw-line:#d6e5ee;
  --sw-cream:#fcfeff;
  --sw-pink:#e9f5ff;
  --sw-lilac:#eeedfc;
}
.sxs-wardrobe{font-family:'Pretendard','Malgun Gothic',sans-serif}
.sxs-wardrobe :is(button,input){font-family:'Pretendard','Malgun Gothic',sans-serif}
.sxs-wardrobe :is(.sw-intro h1,.sw-collection-head h2,.sw-comparison h2){font-family:'Gmarket','Pretendard',sans-serif;font-weight:700;color:#244e69}
.sxs-wardrobe :is(button,a,summary,input):focus-visible{outline-color:#35afd1}
.sxs-wardrobe button:hover{background:#edf8fe;border-color:#92cadf}
.sxs-wardrobe .sw-primary{background:linear-gradient(#46c0de,#2ea6c4);border-color:#2b9dbb;color:#fff;box-shadow:inset 0 1px #ffffff66,0 2px 0 #258ba9}
.sxs-wardrobe .sw-primary:hover{background:linear-gradient(#55c9e3,#32afcc);border-color:#259ab8;color:#fff}
.sxs-wardrobe :is(.sw-eyebrow,.sw-stage-note,.sw-stage-label){color:#8b9faf}
.sxs-wardrobe .sw-edition b,.sxs-wardrobe .sw-stage-label b{color:#9ab6cc}
.sxs-wardrobe .sw-showcase{background:#fff;border-color:#d4be85;box-shadow:0 8px 24px #2c5c7c0c}
.sxs-wardrobe .sw-stage{background:radial-gradient(ellipse at 50% 45%,#ffffff 4%,transparent 62%),linear-gradient(125deg,#e2f3ff,#eef6ff 55%,#eaeafa)}
.sxs-wardrobe .sw-stage::before{border-color:#ffffffd9;box-shadow:0 0 0 14px #ffffff80}
.sxs-wardrobe .sw-stage::after{color:#a7c6de}
.sxs-wardrobe .sw-stage-floor{background:#7ea6c226}
.sxs-wardrobe .sw-stage-navigation button{background:#ffffffd9;border-color:#c7dfed;color:#557e99}
.sxs-wardrobe .sw-stage-navigation>span{color:#7a96aa}
.sxs-wardrobe .sw-look-info h2{font-family:'Pretendard',sans-serif;font-weight:750;color:#315b76}
.sxs-wardrobe .sw-look-kicker{color:#7d96aa;border-color:#dfeaf1}
.sxs-wardrobe .sw-look-kicker span:last-child{color:#91a6b5}
.sxs-wardrobe .sw-look-caption{color:#72899a}
.sxs-wardrobe .sw-variants>span{color:#718da1}
.sxs-wardrobe .sw-variants button[aria-pressed=true]{background:#eaf8fe;border-color:#6bbcd7;color:#2786a5;box-shadow:inset 0 0 0 1px #9ed5e7}
.sxs-wardrobe .sw-link-button{color:#50839e}
.sxs-wardrobe .sw-look-actions>[aria-pressed=true]:not(.sw-primary){background:#f6effa;color:#a16994;border-color:#d6bfd4}
.sxs-wardrobe .sw-little-note{border-color:#dce6ed;color:#8a9dab}
.sxs-wardrobe .sw-little-note>span{color:#c0a668}
.sxs-wardrobe .sw-status{color:#4487a2}
.sxs-wardrobe .sw-filter-group{background:#e9f3f9}
.sxs-wardrobe .sw-filter-group button[aria-pressed=true]{background:#fff;color:#2a8eae;box-shadow:0 1px 4px #315e7b12}
.sxs-wardrobe .sw-favorites-filter{color:#7a91a2}
.sxs-wardrobe .sw-favorites-filter[aria-pressed=true]{color:#a16994}
.sxs-wardrobe .sw-card-art{background:radial-gradient(ellipse at 50% 65%,#fbfeff,transparent 75%),#e9f3fb;border-color:#d5e5ef}
.sxs-wardrobe .sw-look-card:nth-child(4n+2) .sw-card-art{background-color:#e7f3fc}
.sxs-wardrobe .sw-look-card:nth-child(4n+3) .sw-card-art{background-color:#eeedfb}
.sxs-wardrobe .sw-look-card:nth-child(4n+4) .sw-card-art{background-color:#e8f6f8}
.sxs-wardrobe .sw-card-art::after{background:#638cb022}
.sxs-wardrobe .sw-look-card[aria-pressed=true] .sw-card-art{border-color:#3baaca;box-shadow:inset 0 0 0 2px #59b9d4}
.sxs-wardrobe .sw-card-meta{color:#839aac}
.sxs-wardrobe .sw-card-heart{color:#a96999}
.sxs-wardrobe .sw-empty{background:#edf7fc;color:#7d95a6}
.sxs-wardrobe .sw-compare-tray{border-color:#d4bf84;background:#fffffff2;box-shadow:0 8px 30px #2c5c7c1a}
.sxs-wardrobe .sw-compare-slot{background:#e9f3fb}
.sxs-wardrobe .sw-compare-slot button{background:#fff;border-color:#c8dfe9}
.sxs-wardrobe .sw-comparison{background:#fcfeff;border-color:#d4be85;box-shadow:0 20px 70px #1d426b3b,inset 0 0 0 4px #fff}
.sxs-wardrobe .sw-comparison::backdrop{background:#1c426780;backdrop-filter:blur(4px)}
.sxs-wardrobe .sw-compared-look{background:linear-gradient(145deg,#e9f6ff,#efedfc)}
.sxs-wardrobe .sw-compared-look:nth-child(2){background:linear-gradient(145deg,#eef8ff,#e5f5fa)}
.sxs-wardrobe .sw-compared-look:nth-child(3){background:linear-gradient(145deg,#e7f1fc,#efedfc)}
.sxs-wardrobe :is(.sw-compared-look figcaption>span,.sw-source-detail,.sw-provenance,.sw-comparison>p){color:#7b94a5}
.sxs-closet-preview{background:linear-gradient(110deg,#ecf8ff,#eef5ff 55%,#eeedfc);border-color:#cadfec;box-shadow:inset 0 0 0 3px #ffffff80}
.sxs-closet-preview-copy h2{font-family:'Gmarket','Pretendard',sans-serif;font-weight:700;color:#28536d}
.sxs-closet-preview-copy p,.sxs-closet-preview-name{color:#7893a6}
.sxs-closet-preview-copy>a{color:#338caa;border-bottom-color:#9fc8db}
.sxs-closet-preview-number{color:#a5b9cf}

/* COUPON MAILBOX: retain the compact row and 14px visual checkbox. */
.sxs-coupons{color:#315871;font-family:'Pretendard','Malgun Gothic',sans-serif}
.sxs-coupons :is(button,input,select){font-family:'Pretendard','Malgun Gothic',sans-serif}
.sxs-coupons :is(button,input,select,a,summary):focus-visible{outline-color:#31aacb}
.sxs-coupons :is(.cp-region-select select,.cp-search input){background:#fff;border-color:#cfe2ec;color:#315b75;box-shadow:inset 0 1px #fff}
.sxs-coupons .cp-region-select button{background:#eaf7fe;border-color:#bfdfea;color:#3e89a5;box-shadow:inset 0 1px #fff}
.sxs-coupons .cp-toolbar-meta{color:#8098a9}
.sxs-coupons .cp-use-filters{background:#e9f3fa}
.sxs-coupons .cp-use-filters button{color:#7b96a9}
.sxs-coupons .cp-use-filters button[aria-pressed=true]{background:#fff;color:#2985a3;box-shadow:0 1px 4px #315e7b14}
.sxs-coupons .cp-scope-filters label{color:#7893a5}
.sxs-coupons .cp-scope-filters input[type=checkbox]{width:14px;height:14px;min-width:14px;min-height:14px;padding:0;margin:0;accent-color:#2fa8c8}
.sxs-coupons .cp-progress{color:#6e8ca1}
.sxs-coupons .cp-list-head{background:linear-gradient(#edf8fd,#e9f4fa);color:#688da4;border:1px solid #d2e6f0;border-bottom:0}
.sxs-coupons .cp-row{background:#fff;border-color:#dbe9f1}
.sxs-coupons .cp-code{color:#2b5874}
.sxs-coupons .cp-mini-meta{color:#859eb0}
.sxs-coupons .cp-row.is-ended .cp-code{color:#98a9b5}
.sxs-coupons .cp-row.is-used .cp-code{color:#8ba5b6}
.sxs-coupons .cp-reward{color:#627f94}
.sxs-coupons .cp-row-actions :is(button,a){background:#f8fcff;border-color:#d0e4ee;color:#4b86a2;box-shadow:inset 0 1px #fff}
.sxs-coupons .cp-row-actions .cp-copy{background:#e7f7fe;border-color:#a9d9e9;color:#2789a9}
.sxs-coupons .cp-row-actions .cp-used{background:transparent;color:#7895a8;box-shadow:none}
.sxs-coupons .cp-check-symbol{width:14px;height:14px;min-width:14px;border-color:#9cb9ca}
.sxs-coupons .cp-used[aria-pressed=true] .cp-check-symbol{background:#2c9fbe;border-color:#2c9fbe;color:#fff}
.sxs-coupons .cp-used[aria-pressed=true]{color:#2b92b0}
.sxs-coupons .cp-row details,.sxs-coupons .cp-row details summary{color:#8099aa}
.sxs-coupons .cp-details-content{background:#f0f8fd;color:#66869c}
.sxs-coupons .cp-note{color:#7590a3}
.sxs-coupons .cp-status{color:#308eac}
.sxs-coupons .cp-empty{background:#f9fcff;border-color:#c2deeb;color:#7894a7}
.sxs-coupons .cp-input-dialog{background:#fcfeff;border-color:#d5bd81;color:#315b75;box-shadow:0 20px 60px #244d682e,inset 0 0 0 4px #fff}
.sxs-coupons .cp-input-dialog h2{font-family:'Gmarket','Pretendard',sans-serif;font-weight:700;color:#28516b}
.sxs-coupons .cp-input-dialog::backdrop{background:#1c426780;backdrop-filter:blur(4px)}
.sxs-coupons .cp-input-dialog button{background:#eaf7fe;border-color:#aed7e7;color:#3086a4}
.sxs-coupons .cp-copy-fallback{background:#f9fcff;border-color:#b3d8e8;color:#315a75}
.sxs-coupons .pagination .btn{background:#fff;border-color:#bddce9;color:#3d8aa7;box-shadow:inset 0 1px #fff}

/* SKILL ARCHIVE: these generic class names are deliberately root-scoped. */
[data-sxs-db]{color:#2e5771;font-family:'Pretendard','Malgun Gothic',sans-serif}
[data-sxs-db] .filters{background:linear-gradient(135deg,#fff,#f5fbff);border-color:#cce2ee;box-shadow:0 4px 15px #315e7b08}
[data-sxs-db] .filters label{color:#6c8a9f;font-weight:650}
[data-sxs-db] .filters :is(input,select){background:#fff;border-color:#cfe2ed;color:#315b75;font-family:'Pretendard','Malgun Gothic',sans-serif}
[data-sxs-db] .count{color:#668ba2}
[data-sxs-db] .record{background:#fff;border-color:#d4e5ee;box-shadow:0 3px 13px #315e7b08}
[data-sxs-db] .record summary{color:#315b75}
[data-sxs-db] .db-skill-heading strong{font-family:'Pretendard',sans-serif;font-weight:750}
[data-sxs-db] .db-skill-heading small{color:#7897ab}
[data-sxs-db] .db-skill-record[open]{background:#f4fbff;border-color:#7bc5df;box-shadow:inset 0 0 0 1px #bee6f4}
[data-sxs-db] .db-skill-record[open] summary{border-color:#d6eaf3}
[data-sxs-db] .record p{color:#4c7088;line-height:1.8}
[data-sxs-db] .record>small{color:#829aab}
[data-sxs-db] .notice{background:#edf7fc;border-left-color:#77bdd6;color:#67899e}
[data-sxs-db] .empty{background:#f8fcff;border-color:#c5e0ec;color:#7594a8}
[data-sxs-db] .pagination .btn{background:#fff;border-color:#badce9;color:#3e88a4}
[data-sxs-db] :is(button,input,select,summary,a):focus-visible{outline-color:#32abcd}

/* GUIDES, NEWS AND LONG-FORM ARTICLES */
.sxs-hub-site :is(.article,article.content){background:#fff;border-color:#d6e6ef;color:#345a73;box-shadow:0 8px 27px #315e7b0a;font-family:'Pretendard','Malgun Gothic',sans-serif}
.sxs-hub-site :is(.article,article.content) h1{font-family:'Gmarket','Pretendard',sans-serif;font-weight:700;color:#244e69;line-height:1.55}
.sxs-hub-site :is(.article,article.content) :is(h2,h3){font-family:'Pretendard','Malgun Gothic',sans-serif;font-weight:750;color:#2c5c77;line-height:1.6}
.sxs-hub-site :is(.article,article.content) h2{border-bottom:1px solid #dcebf3;padding-bottom:10px}
.sxs-hub-site :is(.article,article.content) :is(p,li){line-height:1.9}
.sxs-hub-site :is(.article,article.content) a{color:#2186a7;text-decoration-color:#9ccee0}
.sxs-hub-site :is(.article,article.content) a:hover{text-decoration-color:#2186a7}
.sxs-hub-site :is(.article,article.content) .post-meta{color:#819aac;border-color:#deebf2;font-size:12px}
.sxs-hub-site :is(.article,article.content) :is(td,th){border-color:#d8e7ef}
.sxs-hub-site :is(.article,article.content) th{background:#edf7fd;color:#3c6984}
.sxs-hub-site :is(.article,article.content) tbody tr:nth-child(even){background:#f8fcff}
.sxs-hub-site :is(.article,article.content) blockquote{margin-inline:0;border-left:3px solid #91c9df;background:#f0f8fd;padding:12px 18px;color:#61869f}
.sxs-hub-site :is(.article,article.content) :is(.notice,.wp-block-pullquote){background:#f1f9fe;border-color:#85c4dc;color:#61869d}
.sxs-hub-site :is(.article,article.content) :is(code,pre){color:#3e6f8d;background:#f0f6fa}
.sxs-hub-site :is(.article,article.content) hr{border:0;border-top:1px solid #dce9f1}
.sxs-hub-site :is(.article,article.content) .eyebrow{color:#92a7b7}
.sxs-hub-site:not(.home) .cards .card{background:linear-gradient(135deg,#fff,#fbfdff);border-color:#d6e7ef;box-shadow:0 5px 16px #315e7b08}
.sxs-hub-site:not(.home) .cards .card :is(h2,h3){font-family:'Pretendard','Malgun Gothic',sans-serif;font-weight:750;color:#2b5873;line-height:1.6}
.sxs-hub-site:not(.home) .cards .card :is(h2,h3) a{text-decoration:none}
.sxs-hub-site:not(.home) .cards .card :is(h2,h3) a:hover{color:#2393b3}
.sxs-hub-site:not(.home) .cards .card :is(p,small){color:#7690a4}
.sxs-hub-site:not(.home) .cards .badge{background:#e9f6fc;color:#418da9}
.sxs-hub-site:not(.home) :is(.pagination a,.pagination .page-numbers){color:#4b8eaa}
.sxs-hub-site:not(.home) .pagination .current{color:#254f69;font-weight:750}

/* No tool grid, compact control height, breakpoint, canvas or sticky offset
   is changed here. Only the dedicated optional frame needs its own inset. */
@media(max-width:760px){
  .blue-tool-frame.blue-tool-ornate{padding:16px 14px;border-radius:11px}
  .blue-tool-frame.blue-tool-ornate::before{inset:-9px;border-width:0;border-image-width:48px}
  .sxs-customizer .sxc-preview-column{background:linear-gradient(#f5faff 93%,#f5faff00)}
  .sxs-coupons .cp-row{border-color:#d1e5ef;box-shadow:0 2px 7px #315e7b05}
  .sxs-hub-site :is(.article,article.content) :is(p,li){line-height:1.85}
}
@media(max-width:360px){
  .blue-tool-frame.blue-tool-ornate{padding-inline:10px}
  .blue-tool-frame.blue-tool-ornate::before{border-width:0;border-image-width:48px}
}
@media(prefers-reduced-motion:reduce){
  .blue-tool-frame.blue-tool-ornate::before{animation:none}
}

/* Different painted emblems identify the workshop and character studio. */
/* Native-size vector corners keep gold leaves and fine lines sharp at every DPR. */
#sxs-builder-preview .sb-presets{position:relative;background:#fff;border:1px solid #d6bb7e;border-radius:8px;padding:25px 22px 22px;margin-block:24px}
#sxs-builder-preview .sb-presets::before{content:'';position:absolute;inset:-10px;pointer-events:none;border-style:solid;border-width:0;border-image-source:url('blue/decor/panel-frame.svg');border-image-slice:64;border-image-width:56px;border-image-repeat:stretch}
@media(max-width:640px){#sxs-builder-preview .sb-presets{padding:25px 16px 17px;margin-block:23px}#sxs-builder-preview .sb-presets::before{inset:-9px;border-image-width:48px}}

/* Give mobile skill search its own row; the two selectors share the next. */
@media(max-width:600px){
  [data-sxs-db] .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-sxs-db] .filters>label{min-width:0}
  [data-sxs-db] .filters>label:first-child{grid-column:1/-1}
  [data-sxs-db] .filters :is(input,select){width:100%;min-width:0}
}