/* KlangPrompt UX Master — isolated presentation, existing Noto Sans Thai 400/500/600. */
body.kp30-master{--paper:#f3f6fa;--surface:#fff;--ink:#19324b;--muted:#52677b;--line:#ccd9e5;--violet:#075bc4;--kpm-blue:#075bc4;--kpm-tint:#eaf1fb;--kpm-radius:14px;font-family:"Noto Sans Thai",Tahoma,sans-serif;font-size:16px;line-height:1.8;background:var(--paper);color:var(--ink)}
.kp30-master :is(button,input,select,textarea){font-family:inherit;font-size:16px;line-height:1.65}.kp30-master :is(h1,h2,h3,h4,h5,h6,strong,b){font-family:inherit;font-weight:600;letter-spacing:0}.kp30-master .site-main{padding:100px 40px 70px;max-width:1600px}.kp30-master .site-main :is(h1,.kpx-intro h1,.kpg-heading h1,.kp-product-lock-head h1,.kp-image-tool-head h1,.kc-intro h1){font-size:42px;line-height:1.36;letter-spacing:-.7px;margin:0 0 14px}.kp30-master .site-main h2{font-size:28px;line-height:1.5;margin:0 0 18px}.kp30-master .site-main h3{font-size:20px;line-height:1.6}.kp30-master .site-main p{font-size:16px;line-height:1.85;color:var(--muted);max-width:76ch}.kp30-master .site-main small{font-size:14px;line-height:1.7}.kp30-master .site-main :is(label,legend){font-size:15px;line-height:1.7}.kp30-master .site-main :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea){border:1px solid #91a6ba;border-radius:9px;background:#fff;color:var(--ink);padding:12px 14px;min-width:0;max-width:100%;box-sizing:border-box;font-size:16px}.kp30-master .site-main :is(button,.button-primary,.button,.kp30-button,.kpx-action){font-size:15px;min-height:46px;line-height:1.6;border-radius:9px;font-weight:500}.kp30-master .site-main textarea{line-height:1.85;resize:vertical}.kp30-master .site-main :is(p,li,dd,h1,h2,h3){overflow-wrap:break-word}.kp30-master .site-main [hidden]{display:none!important}.kp30-master :focus-visible{outline:3px solid #075bc4;outline-offset:4px}.kp30-master .site-footer{font-size:14px}.kp30-master .site-footer :is(a,p){font-size:14px}.kp30-master .site-main>*,.kp30-master .site-main :is(section,article,form,fieldset,aside){min-width:0}
/* Navigation remains a product rail, not a second marketing header. */
.kp30-master .kp30-side{padding:24px 14px 18px;gap:20px}.kp30-master .kp30-side a{font-size:15px;min-height:46px;padding:11px 12px;line-height:1.6}.kp30-master .kp30-brand>a{padding:0}.kp30-master .kp30-menu summary{font-size:14px;color:#52677b;min-height:46px;font-weight:500}.kp30-master .kp30-menu details{padding:12px 0}.kp30-master .kp30-menu summary:before{font-size:12px}.kp30-master .kp30-topbar{font-size:14px;padding-inline:40px}.kp30-master .kp30-side a[aria-current]{background:var(--kpm-tint);color:#075bc4;font-weight:500}.kp30-master .kp30-menu-close{font-size:15px}.kp30-master .kp30-account{background:#f6f9fc;border-color:var(--line)}
.kp30-master .kp30-search,.kp30-master .kpx .kp30-search{border:1px solid #91a6ba;background:white;border-radius:12px;min-height:60px;padding:6px 7px 6px 20px;gap:14px;box-shadow:none}.kp30-master .kp30-search input{border:0!important;background:transparent!important;padding:6px 0!important;box-shadow:none}.kp30-master .kp30-search button{min-width:82px;min-height:46px;padding:10px 18px;font-size:15px}.kp30-master .kpx-search-line input{min-height:52px}.kp30-master .kpx .kpx-intro{margin:0 0 28px}.kp30-master .kpx .kpx-intro>p{font-size:17px}.kp30-master .kpx-tabs{border-color:var(--line);gap:28px}.kp30-master .kpx-tabs a{font-size:16px;min-height:48px}.kp30-master .kpx-type,.kp30-master .kpx-access,.kp30-master .kpx-row-meta,.kp30-master .kpx-live{font-size:14px}.kp30-master .kpx-tool-row{padding:26px 0;border-color:var(--line)}.kp30-master .kpx .kpx-tool-row h3{font-size:20px}.kp30-master .kpx-row-main>p{font-size:15px}.kp30-master .kpx-tool-form{padding:22px;border-color:var(--line);border-radius:14px}.kp30-master .kpx-selects label{font-size:14px}.kp30-master .kpx-selects select{min-height:48px}.kp30-master .kpx-row-action summary{font-size:14px;min-height:44px}.kp30-master .kpx-row-action dd{font-size:15px}.kp30-master .kpx-native-tools{margin-top:36px}.kp30-master .kpx-native-group h4{font-size:18px}.kp30-master .kpx-native-group p{font-size:15px}.kp30-master .kpx-native-index a{font-size:14px;min-height:46px}.kp30-master .kpx-native-group .kpx-action{font-size:14px}.kp30-master .kpx-native-group article{align-items:flex-start;padding:22px 0}.kp30-master .kpx-native-group h4 a{min-height:30px}
/* Home: task-led search, progressive journey rail, asymmetric real-tool previews. */
.kpm-home{max-width:1400px;margin:auto}.kpm-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.kpm-home-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.kp30-master .kpm-home-header h1{font-size:48px;letter-spacing:-1px;line-height:1.3;margin:0 0 12px}.kp30-master .kpm-home-header p{font-size:20px;margin:0}.kpm-directory-link{display:inline-flex;align-items:center;gap:12px;min-height:46px;font-size:15px;color:var(--kpm-blue);white-space:nowrap}.kpm-directory-link .kpm-icon{width:20px}.kpm-home-search{max-width:920px;margin:30px 0 34px}.kpm-home-search>nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:8px 0 0}.kpm-home-search>nav a{min-height:44px;display:flex;align-items:center;color:#52677b;font-size:14px;text-decoration:none}.kpm-home-search>nav a:hover{text-decoration:underline}.kpm-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);padding:22px 0;margin-bottom:38px}.kpm-journey>a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:4px 12px;text-decoration:none;color:var(--ink);padding:0 24px}.kpm-journey>a:first-child{padding-left:0}.kpm-journey>a+a{border-left:1px solid var(--line)}.kpm-journey>a>span{font-size:14px;color:var(--muted);grid-column:1}.kpm-journey strong{font-size:21px;grid-column:1}.kpm-journey small{font-size:14px;grid-column:1;color:var(--muted)}.kpm-journey .kpm-icon{grid-column:2;grid-row:2;align-self:center;width:21px;color:var(--kpm-blue)}.kpm-journey>a:hover strong{color:var(--kpm-blue)}
.kpm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px}.kp30-master .kpm-section-heading h2{font-size:28px;margin:0}.kp30-master .kpm-section-heading p{margin:6px 0 0;font-size:15px}.kpm-section-heading>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--kpm-blue);text-decoration:none;font-size:15px;white-space:nowrap}.kpm-section-heading .kpm-icon{width:20px}.kpm-home-mosaic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(230px,.9fr);gap:20px;align-items:stretch}.kpm-product{border:1px solid var(--line);border-radius:16px;padding:24px;background:white;display:flex;flex-direction:column;min-width:0}.kpm-product-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.kpm-tool-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--kpm-tint);color:var(--kpm-blue);border-radius:12px}.kpm-access{font-size:13px;color:#245e4b;white-space:nowrap}.kp30-master .kpm-product h3{font-size:23px;margin:0 0 8px}.kpm-product h3 a{color:var(--ink);text-decoration:none}.kp30-master .kpm-product p{font-size:15px;margin:0}.kpm-open{display:inline-flex;align-items:center;gap:16px;min-height:46px;text-decoration:none;color:var(--kpm-blue);font-size:15px;font-weight:500;margin-top:22px;align-self:flex-start}.kpm-open .kpm-icon{width:20px}.kpm-share-sample{background:#f7f9fc;border:1px solid #dbe4ed;border-radius:10px;padding:16px;margin-top:22px;color:#536779}.kpm-share-sample>span{font-size:13px}.kpm-share-sample>i{height:5px;display:block;background:#d5dfea;border-radius:3px;margin:9px 0;width:90%}.kpm-share-sample>i:nth-of-type(2){width:76%}.kpm-share-sample>i:nth-of-type(3){width:58%}.kpm-share-sample>div{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:#075bc4}.kpm-share-sample .kpm-icon{width:17px;height:17px}.kpm-product-steps{display:flex;align-items:center;gap:7px;margin-top:30px;padding:20px 0;font-size:13px;color:var(--muted);flex-wrap:wrap}.kpm-product-steps span,.kpm-product-steps strong{background:var(--kpm-tint);padding:9px 10px;border-radius:7px;white-space:nowrap}.kpm-product-steps .kpm-icon{width:16px}.kpm-product-steps strong{font-weight:500;color:#075bc4}.kpm-home-utilities{border-block:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.kpm-home-utilities>a{display:flex;align-items:flex-start;gap:14px;min-height:100px;padding:23px 0;text-decoration:none;color:var(--ink)}.kpm-home-utilities>a+a{border-top:1px solid var(--line)}.kpm-home-utilities>a>.kpm-icon:first-child{color:var(--kpm-blue);margin-top:2px}.kpm-home-utilities>a>.kpm-icon:last-child{width:18px;margin-left:auto}.kpm-home-utilities strong{font-size:17px;display:block}.kpm-home-utilities small{display:block;font-size:14px;color:var(--muted);margin-top:6px}.kpm-home-utilities>a>span{min-width:0;flex:1}
.kpm-home-gallery{margin:46px 0}.kpm-gallery-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.kpm-gallery-contact>a{color:var(--ink);text-decoration:none;min-width:0}.kpm-gallery-contact img{display:block;width:100%;height:auto;border-radius:10px}.kpm-gallery-contact>a:nth-child(2){padding-top:30px}.kpm-gallery-contact>a:nth-child(4){padding-top:45px}.kpm-gallery-contact span{display:block;font-size:15px;line-height:1.75;font-weight:500;padding:12px 0;min-height:44px}.kpm-workspace-entry{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:44px;padding:36px 0;border-top:1px solid var(--line)}.kpm-workspace-entry .kpx-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kpm-workspace-entry .kpx-skills article{padding:20px}.kp30-master .kpx-skills h3{font-size:18px;line-height:1.7}.kp30-master .kpx-skills p{font-size:15px}.kp30-master .kpx-skill-meta,.kp30-master .kpx-skills small{font-size:13px}.kpm-academy-entry{border:1px solid var(--line);border-radius:14px;background:#eaf1fb;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:20px 0}.kpm-status{font-size:14px;color:#425a73}.kp30-master .kpm-academy-entry h2{margin:8px 0;font-size:28px}.kp30-master .kpm-academy-entry h3{font-size:22px;margin:8px 0}.kp30-master .kpm-academy-entry p{margin:4px 0;font-size:15px}.kpm-academy-entry a{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:15px;color:#075bc4}.kpm-resource-footer{display:flex;gap:12px 28px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0}.kpm-resource-footer a{font-size:15px;min-height:44px;display:flex;align-items:center;color:var(--kpm-blue)}
/* The complete native directory follows six featured tools; featured is not the inventory. */
.kpm-tool-selection{margin:30px 0 42px}.kpm-tool-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpm-tool-mosaic .is-featured{grid-column:span 2}.kpm-tool-mosaic .kpm-product:not(.is-featured){padding:22px 18px}.kp30-master .kpm-tool-mosaic .kpm-product:not(.is-featured) h3{font-size:18px}.kpm-tool-mosaic .kpm-product:not(.is-featured) .kpm-product-top{margin-bottom:18px}.kpm-tool-mosaic .kpm-product:not(.is-featured) p{font-size:14px}.kpm-tool-mosaic .kpm-share-sample{max-width:440px}.kpm-inline-destinations{display:flex;gap:12px;flex-wrap:wrap;border-block:1px solid var(--line);padding:14px 0;margin:16px 0 36px}.kpm-inline-destinations a{min-height:46px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#075bc4;padding:4px 14px;font-size:15px}.kpm-inline-destinations .kpm-icon{width:20px}
/* Existing native surfaces: unify reading/editing states without rebuilding any controller. */
.kp30-master .kp-share{max-width:1040px;padding:0 0 40px;--paper:#f3f6fa;--ink:#19324b}.kp30-master .kp-share-nav{font-size:15px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:26px}.kp30-master .kp-share-nav a{min-height:44px;display:flex;align-items:center;color:#075bc4}.kp30-master .kp-share textarea{min-height:300px;border-color:#91a6ba;background:#fff;line-height:1.85;padding:20px}.kp30-master .kp-share .kp-share-primary{background:#075bc4;border-color:#075bc4;color:white;min-height:50px;padding-inline:24px}.kp30-master .kp-share :is(.kp-share-fullscreen,.kp-share-reader-dialog){background:#f3f6fa}.kp30-master .kp-share-content{font-size:16px;border-color:var(--line);border-radius:14px;background:white}.kp30-master .kp-share-actions{gap:12px}.kp30-master .kp-share label{margin-top:24px}.kp30-master .kp-share-notice{border-left:3px solid #075bc4;background:#eaf1fb;border-radius:0 9px 9px 0;font-size:15px}.kp30-master .kp-share-note,.kp30-master .kp-share-editor-tools{font-size:14px}.kp30-master .kp-share :focus-visible{outline-color:#075bc4}.kp30-master .kp-share-ai a{border-color:var(--line);font-size:15px}.kp30-master .kp-share-report{font-size:14px}.kp30-master .kp-share-list-row{padding:24px;border:1px solid var(--line);border-radius:12px;background:white;margin:16px 0}
.kp30-master :is(.kp-qr-tool-head,.kp-image-tool-head,.kp-product-lock-head){margin:0 0 30px;max-width:900px}.kp30-master :is(.kp-qr-tool-head,.kp-image-tool-head,.kp-product-lock-head)>p{font-size:17px}.kp30-master :is(.kp-qr-editor,.kp-qr-preview,.kp-image-editor,.kp-image-preview){background:white;border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:26px}.kp30-master .kp-qr-app,.kp30-master .kp-image-app{gap:26px;align-items:start}.kp30-master .kp-qr-preview,.kp30-master .kp-image-preview{top:85px}.kp30-master :is(.kp-qr-canvas-wrap,.kp-image-preview-wrap){background:#f3f6fa;border-radius:10px}.kp30-master :is(.kp-qr-actions,.kp-qr-downloads,.kp-image-actions,.kp-image-downloads) button{background:#075bc4;border-color:#075bc4;color:#fff;font-size:15px;min-height:48px}.kp30-master :is(.kp-qr-actions,.kp-image-actions) button[data-reset]{background:white;color:var(--ink);border-color:#91a6ba}.kp30-master :is(.kp-qr-breadcrumb,.kp-qr-privacy,.kp-image-privacy){font-size:14px;color:var(--muted)}.kp30-master :is(.kp-image-drop){background:#f5f8fc;border:1px dashed #7895b3;border-radius:12px;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;text-align:center}.kp30-master .kp-image-drop strong{font-size:20px}.kp30-master .kp-image-drop small{font-size:13px;max-width:44ch}.kp30-master :is(.kp-qr-two,.kp-image-two){gap:18px}.kp30-master .kp-qr-tool-icon{background:var(--kpm-tint);color:#075bc4}.kp30-master :is(.kp-qr-support,.kp-image-support,.kp-qr-related,.kp-image-related){margin-top:40px}.kp30-master :is(.kp-qr-support,.kp-image-support) summary{min-height:46px;display:flex;align-items:center;font-weight:500}.kp30-master :is(.kp-product-lock-note,.kp-pl-access-details,.kp-product-lock-access){background:#eaf1fb;color:var(--ink);border-color:var(--line);box-shadow:none}.kp30-master .kp-product-lock-note span{color:var(--muted);font-size:15px}.kp30-master :is(.kp-pl-card,.kp-product-lock-card){border:1px solid var(--line);border-radius:14px;background:white;box-shadow:none}.kp30-master .kp-product-lock-gallery{padding-top:18px}.kp30-master .kp-pl-categories{gap:8px}.kp30-master .kp-pl-categories button{background:white;color:var(--ink);border-color:var(--line);font-size:14px}.kp30-master .kp-pl-categories button[aria-pressed=true]{background:#075bc4;color:white;border-color:#075bc4}.kp30-master .kp-pl-filter-row{gap:16px}.kp30-master .kp-pl-filter-row label{font-size:14px}.kp30-master .kp-product-lock-grid{gap:20px}.kp30-master .kp-product-lock-grid h3{font-size:18px}.kp30-master .kp-product-lock-grid p{font-size:15px}.kp30-master .kp-product-lock-grid img{object-fit:contain;background:#f3f6fa}.kp30-master :is(.kp-product-lock-form,.kp-product-lock-output,.kp-pl-builder,.kp-pl-output){border-color:var(--line);border-radius:14px;background:#fff;box-shadow:none}.kp30-master .kp-product-lock :is(button[type=submit],[data-generate]){background:#075bc4;color:white;border-color:#075bc4}
/* Calendar is still the original three-tab/date-selection/prompt engine. */
.kp30-master .kc-page{--kc-ink:#19324b;--kc-muted:#52677b;--kc-blue:#075bc4;--kc-line:#ccd9e5;--kc-soft:#f3f6fa;--kc-pale:#eaf1fb}.kp30-master .kc-intro{padding:0 0 26px}.kp30-master .kc-tool-tabs{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:20px;background:transparent}.kp30-master .kc-tool-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:15px 4px;color:var(--muted);background:transparent;font-size:16px}.kp30-master .kc-tool-tabs button[aria-selected=true]{border-bottom-color:#075bc4;background:transparent;color:#075bc4}.kp30-master .kc-planner{border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:28px}.kp30-master .kc-section-head h2{font-size:27px;margin:6px 0 12px}.kp30-master .kc-tab-panel{padding-top:30px}.kp30-master .kc-page textarea{background:white}.kp30-master .kc-page .kc-period{min-width:0;gap:18px}.kp30-master .kc-page .kc-period input{box-sizing:border-box;min-width:0;width:100%}.kp30-master .kc-page :is(.kc-views a,.kc-views button){background:white;color:#19324b;border-color:var(--line);font-size:14px}.kp30-master .kc-page :is(.kc-card,.kc-event,.kc-pack-card){border-color:var(--line);border-radius:12px;box-shadow:none;background:#fff}.kp30-master .kc-page :is(.kc-eyebrow,.kc-step,.kc-example-label){font-size:14px;letter-spacing:0;font-weight:500}.kp30-master .kc-page :is(.kc-meta,.kc-tag,.kc-note){font-size:14px}
/* Original discovery, Library, Packs, Skills and protected account markup stays intact. */
.kp30-master :is(.kpg-heading,.archive-head,.kpa-hero,.ks-intro,.kf-head){padding-top:0;margin-top:0;margin-bottom:28px}.kp30-master :is(.kpg-grid,.kp-pack-grid,.kpa-grid){gap:24px}.kp30-master :is(.kpg-card h2,.kpg-card h2 a,.kp-pack-card h2,.kp-pack-card h3){font-size:19px;line-height:1.65}.kp30-master :is(.kpg-card,.kp-pack-card){box-shadow:none;border-color:var(--line);background:#fff;border-radius:14px}.kp30-master .kp-pack-card :is(img,picture img){width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none}.kp30-master :is(.kpg-card img,.kp30-gallery-grid img){height:auto;aspect-ratio:auto;object-fit:contain;border-radius:10px}.kp30-master :is(.kpg-search,.kpg-categories a,.kp30-platforms a,.kp30-hub-nav a){font-size:15px;border-color:#b6c7d8;border-radius:9px;min-height:46px}.kp30-master .kp30-platforms{gap:9px}.kp30-master .kp30-platforms a{flex-shrink:0;padding:10px 14px}.kp30-master .kp30-platforms img{width:22px;height:22px}.kp30-master .kpg-preview-info h1{font-size:32px}.kp30-master .kpg-preview-info p{font-size:16px}.kp30-master #kpg-command{font-size:16px;line-height:1.85;background:white;border:1px solid #91a6ba;border-radius:10px;padding:20px}.kp30-master :is(.kpa-card,.kd-card,.kv-card,.kp-tool-card,.kf-card,.ks-card){border-color:var(--line);box-shadow:none;border-radius:12px;background:white}.kp30-master :is(.kpa-card h2,.kd-card h2,.kv-card h2,.kp-tool-card h2,.kf-card h2,.ks-card h2){font-size:19px;line-height:1.7}.kp30-master :is(.kd-controls,.kf-controls,.kp-filters,.kpa-controls){border-color:var(--line);border-radius:12px;background:#fff;box-shadow:none}.kp30-master :is(.kp-tool-page,.kp-tool-composer,.kp-composer,.kp-prompt-library){max-width:none}.kp30-master :is(.kp-tool-composer form,.kp-composer form,.ks-install,.kp-skill-detail,.kp-skill-body){background:#fff;border-color:var(--line);border-radius:12px;padding:26px}.kp30-master :is(.kd-skill-card,.kd-skill-card:nth-child(2n),.kd-skill-card:nth-child(3n)){background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.kp30-master .kd-skill-card :is(h2,h3,strong){color:var(--ink)}.kp30-master .kd-skill-card :is(p,li){color:var(--muted)}.kp30-master .kd-skill-icon{background:#eaf1fb;color:#075bc4}.kp30-master .ks-card{border-color:var(--line);box-shadow:none}.kp30-master :is(.kp30-panel,.kp30-course-preview,.kp30-empty,.kp30-lesson-body,.kp30-download,.kp30-team-row){border-color:var(--line);background:#fff;border-radius:14px;padding:26px}.kp30-master .kp30-featured-course{background:#eaf1fb;border-color:var(--line);border-radius:14px;padding:32px}.kp30-master .kp30-resource-row{font-size:16px;padding:20px 0;gap:18px;border-color:var(--line)}.kp30-master .kp30-resource-row small{font-size:14px;margin-top:7px}.kp30-master .kp30-resource-kind{font-size:13px}.kp30-master .kp30-empty p{font-size:16px}.kp30-master .member-page--auth{background:white;border:1px solid var(--line);border-radius:16px;padding:32px;max-width:700px;margin:0 auto;box-shadow:none}.kp30-master .member-page--auth h1{font-size:32px}.kp30-master .member-page--auth :is(button,.button-primary){min-height:50px;font-size:16px}.kp30-master .kp-member-card{background:#f6f9fc;border-color:var(--line);border-radius:10px;padding:22px}.kp30-master .kp-member-card h2{font-size:22px}.kp30-master .kp-member-card p{font-size:15px}
/* Easy uses its original engine; explicit block prevents the hidden-number 34px grid defect. */
.kp30-master .kpx.kpx-starter .easy-task{display:block;min-height:138px;padding:20px;border-color:var(--line);border-radius:12px;background:#fff}.kp30-master .kpx.kpx-starter .easy-task.is-selected{background:#eaf1fb;border-color:#075bc4;box-shadow:inset 0 0 0 1px #075bc4}.kp30-master .kpx.kpx-starter .easy-task strong{font-size:17px;line-height:1.65}.kp30-master .kpx.kpx-starter .easy-task small{font-size:14px;line-height:1.8;color:#52677b}.kp30-master .kpx.kpx-starter .easy-form-panel,.kp30-master .kpx.kpx-starter .easy-preview{padding:28px;border-radius:14px;border-color:var(--line);background:white}.kp30-master .kpx.kpx-starter .easy-form-panel h2,.kp30-master .kpx.kpx-starter .easy-preview h2{font-size:25px}.kp30-master .kpx.kpx-starter .easy-eyebrow,.kp30-master .kpx.kpx-starter .easy-steps li span{font-size:14px}.kp30-master .kpx.kpx-starter .easy-ai-links a{font-size:15px;min-height:48px}.kp30-master .kpx.kpx-starter .easy-steps{gap:12px}.kp30-master .kpx.kpx-starter #easy-output{font-size:16px;line-height:1.85}.kp30-master .kpx.kpx-starter .easy-copy{min-height:50px;font-size:16px}
@media(min-width:1600px){.kp30-master .site-main{padding-inline:56px}.kpm-home-header{margin-top:10px}.kpm-home-mosaic{gap:26px}.kpm-gallery-contact{gap:28px}.kp30-master .kp30-topbar{padding-inline:56px}}
@media(max-width:1280px){.kp30-master .site-main{padding-inline:28px}.kpm-home-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.kpm-home-utilities{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kpm-home-utilities>a+a{border-top:0}.kpm-home-utilities>a>.kpm-icon:last-child{display:none}.kpm-tool-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.kpm-tool-mosaic .is-featured{grid-column:auto}.kpm-product{padding:24px}.kpm-workspace-entry{grid-template-columns:1fr;gap:20px}.kpm-workspace-entry .kpx-skills{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:781px) and (max-width:1100px){.kp30-master .site-main{padding-inline:28px}.kpm-journey>a{padding-inline:16px}.kpm-journey strong{font-size:18px}.kpm-journey small{font-size:13px}.kpm-directory-link{display:none}.kpm-gallery-contact{grid-template-columns:repeat(2,minmax(0,1fr))}.kpm-gallery-contact>a:nth-child(4){padding-top:30px}.kp30-master .kp-qr-app,.kp30-master .kp-image-app{grid-template-columns:minmax(0,1fr)}.kp30-master .kp-qr-preview,.kp30-master .kp-image-preview{position:static}.kpm-workspace-entry .kpx-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.kpm-home-utilities{grid-template-columns:1fr}.kpm-home-utilities>a{min-height:76px;padding:18px 0}.kpm-home-utilities>a+a{border-top:1px solid var(--line)}.kp30-master .kc-page .kc-period{grid-template-columns:minmax(0,1fr)}}
@media(max-width:780px){.kp30-master{font-size:16px}.kp30-master .site-main{width:100%;margin-left:0;padding:142px 20px 48px}.kp30-master .kp30-brand{padding-inline:20px}.kp30-master .kp30-journeys{padding:0 12px}.kp30-master .kp30-journeys a{font-size:14px;min-height:48px;justify-content:center;padding:10px 6px}.kp30-master .kp30-journeys>a:first-child{display:none}.kp30-master .kp30-side{padding:0;gap:0}.kp30-master .kp30-menu{padding:26px 22px}.kp30-master .kp30-menu a{font-size:16px;min-height:48px}.kp30-master .kp30-menu summary{font-size:15px;min-height:48px}.kp30-master .kp30-menu-toggle{width:46px;min-height:46px}.kp30-master .site-main :is(h1,.kpx-intro h1,.kpg-heading h1,.kp-product-lock-head h1,.kp-image-tool-head h1,.kc-intro h1){font-size:32px;line-height:1.45;letter-spacing:-.4px}.kp30-master .site-main h2{font-size:24px;line-height:1.5}.kp30-master .site-main h3{font-size:19px}.kp30-master .site-main p{font-size:16px}.kp30-master .site-main .kpm-home-header h1{font-size:34px;line-height:1.4}.kp30-master .kpm-home-header p{font-size:17px;line-height:1.8}.kpm-directory-link{display:none}.kpm-home-search{margin:24px 0 26px}.kp30-master .kp30-search,.kp30-master .kpx .kp30-search{padding-left:14px;gap:8px}.kp30-master .kp30-search button{min-width:70px;padding-inline:13px}.kpm-home-search>nav{gap:2px 18px}.kpm-home-search>nav a{font-size:14px}.kpm-journey{display:block;padding:0;margin:0 0 30px}.kpm-journey>a,.kpm-journey>a:first-child{grid-template-columns:100px minmax(0,1fr) 20px;grid-template-rows:auto auto;gap:1px 14px;padding:17px 0}.kpm-journey>a+a{border-left:0;border-top:1px solid var(--line)}.kpm-journey>a>span{grid-column:1;grid-row:1/3;align-self:center;font-size:13px}.kpm-journey strong{grid-column:2;grid-row:1;font-size:18px}.kpm-journey small{grid-column:2;grid-row:2;font-size:13px}.kpm-journey .kpm-icon{grid-column:3;grid-row:1/3;align-self:center;width:18px}.kp30-master .kpm-section-heading h2{font-size:23px}.kpm-section-heading{align-items:flex-start;gap:16px;margin-bottom:18px}.kpm-section-heading>a{font-size:14px}.kpm-section-heading>a>.kpm-icon{display:none}.kp30-master .kpm-section-heading p{font-size:15px}.kpm-home-mosaic{display:block}.kpm-home-mosaic>.kpm-product{margin-bottom:16px}.kpm-product{padding:22px;border-radius:14px}.kpm-product-top{margin-bottom:18px}.kp30-master .kpm-product h3{font-size:23px}.kpm-share-sample{max-width:none;margin-top:18px}.kpm-share-sample>div{font-size:13px}.kpm-product-steps{margin-top:14px;flex-wrap:nowrap;gap:7px}.kpm-product-steps :is(span,strong){font-size:13px;padding:9px}.kpm-home-utilities{display:block;margin-top:24px}.kpm-home-utilities>a{padding:20px 0;min-height:86px}.kpm-home-utilities>a+a{border-top:1px solid var(--line)}.kpm-gallery-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.kpm-gallery-contact>a:nth-child(2),.kpm-gallery-contact>a:nth-child(4){padding-top:22px}.kpm-gallery-contact span{font-size:14px;line-height:1.8;padding-top:9px}.kpm-home-gallery{margin:34px 0}.kpm-workspace-entry{display:block;padding:28px 0}.kpm-workspace-entry .kpx-skills{grid-template-columns:1fr;margin-top:24px}.kpm-academy-entry{display:block;padding:24px}.kpm-academy-entry>div+div{border-top:1px solid #c7d7eb;margin-top:20px;padding-top:18px}.kp30-master .kpm-academy-entry h3{font-size:21px}.kpm-resource-footer{gap:8px 24px;padding-top:18px}.kpm-resource-footer a{font-size:14px}.kpm-tool-mosaic{grid-template-columns:minmax(0,1fr);gap:14px}.kpm-tool-mosaic .kpm-product:not(.is-featured){display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px 16px;padding:20px}.kpm-tool-mosaic .kpm-product:not(.is-featured) .kpm-product-top{display:block;grid-column:1;grid-row:1;margin:0}.kpm-tool-mosaic .kpm-product:not(.is-featured) .kpm-access{display:none}.kpm-tool-mosaic .kpm-product:not(.is-featured) .kpm-product-body{grid-column:2;grid-row:1}.kpm-tool-mosaic .kpm-product:not(.is-featured) .kpm-open{grid-column:2;margin-top:0}.kpm-tool-mosaic .kpm-product:not(.is-featured) h3{font-size:19px!important}.kpm-tool-selection{margin-top:26px}.kpm-inline-destinations{display:grid;gap:0}.kpm-inline-destinations a{padding:12px 0;min-height:48px}.kp30-master .kpx-tool-form{padding:18px 14px}.kp30-master .kpx-selects{gap:14px}.kp30-master .kpx-selects select{font-size:15px}.kp30-master .kpx-native-group article{display:block;padding:20px 0}.kp30-master .kpx-native-group .kpx-action{padding-left:0;margin-top:8px;min-height:44px;font-size:15px}.kp30-master .kpx .kpx-tool-row h3{font-size:19px}.kp30-master .kpx .kpx-tool-row .kpx-row-main>p{font-size:15px}.kp30-master .kpx-native-group h4{font-size:18px}.kp30-master .kpx-native-group p{font-size:15px}.kp30-master .kpx.kpx-starter .easy-task{padding:17px 14px;min-height:152px}.kp30-master .kpx.kpx-starter .easy-task strong{font-size:16px}.kp30-master .kpx.kpx-starter .easy-task small{font-size:14px}.kp30-master .kpx.kpx-starter .easy-form-panel,.kp30-master .kpx.kpx-starter .easy-preview{padding:22px 16px}.kp30-master .kpx.kpx-starter .easy-form-panel h2,.kp30-master .kpx.kpx-starter .easy-preview h2{font-size:23px}.kp30-master .kpx-starter .kpx-tabs{gap:18px}.kp30-master .kpx-starter .kpx-tabs a{font-size:14px}.kp30-master .kpx.kpx-starter .easy-steps li span{font-size:13px}.kp30-master .kp-share-nav{font-size:14px;gap:8px 18px}.kp30-master .kp-share textarea{padding:16px;min-height:280px}.kp30-master .kp-share-ai a{font-size:14px}.kp30-master .kp-share-editor-tools{font-size:14px}.kp30-master :is(.kp-qr-editor,.kp-qr-preview,.kp-image-editor,.kp-image-preview){padding:20px 16px;border-radius:14px}.kp30-master :is(.kp-qr-preview,.kp-image-preview){position:static}.kp30-master .kp-image-drop{padding:20px 16px;min-height:220px}.kp30-master .kp-image-drop strong{font-size:18px}.kp30-master .kp-image-drop small{font-size:13px}.kp30-master .kp-product-lock-head>p{font-size:16px}.kp30-master .kp-pl-filter-row{gap:14px}.kp30-master .kp-pl-categories{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px}.kp30-master .kp-pl-categories button{flex-shrink:0;font-size:14px;min-height:46px;white-space:nowrap}.kp30-master .kp-product-lock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kp30-master .kp-product-lock-grid h3{font-size:16px}.kp30-master .kp-product-lock-grid p{font-size:14px}.kp30-master .kc-tool-tabs{gap:10px}.kp30-master .kc-tool-tabs button{font-size:14px;line-height:1.7;min-height:58px;padding:12px 2px}.kp30-master .kc-planner{padding:22px 16px}.kp30-master .kc-page .kc-period{grid-template-columns:1fr;gap:16px}.kp30-master .kc-section-head h2{font-size:24px}.kp30-master .kc-page .kc-note{font-size:14px}.kp30-master .kpg-grid{gap:16px}.kp30-master .kpg-card h2,.kp30-master .kpg-card h2 a{font-size:15px;line-height:1.8}.kp30-master .kpg-preview-info h1{font-size:27px}.kp30-master :is(.kp-pack-grid,.kpa-grid){gap:18px}.kp30-master .kp-pack-card h2{font-size:21px}.kp30-master .kp30-platforms{overflow-x:auto;flex-wrap:nowrap;padding:4px 2px 12px}.kp30-master .kp30-platforms a{font-size:14px}.kp30-master .member-page--auth{padding:24px 20px}.kp30-master .member-page--auth h1{font-size:28px}.kp30-master .kp-member-card{padding:18px}.kp30-master .kp-member-card h2{font-size:21px}.kp30-master .kp30-featured-course{padding:24px}.kp30-master .kp30-resource-row{font-size:16px}.kp30-master .site-footer{padding:24px 20px}.kp30-master .site-footer p{font-size:14px}}
@media(max-width:359px){.kp30-master .site-main{padding-inline:16px}.kp30-master .kp30-brand{padding-inline:16px}.kpm-journey>a,.kpm-journey>a:first-child{grid-template-columns:82px minmax(0,1fr) 16px;gap:0 10px}.kpm-journey strong{font-size:16px}.kpm-journey small{font-size:13px}.kpm-journey>a>span{font-size:12px}.kp30-master .kpx.kpx-starter .easy-tasks{grid-template-columns:1fr}.kp30-master .kpx.kpx-starter .easy-task{min-height:110px}.kp30-master .kp-product-lock-grid{grid-template-columns:1fr}.kpm-product-steps{gap:5px}.kpm-product-steps :is(span,strong){font-size:12px;padding:8px}.kpm-gallery-contact{gap:12px}.kp30-master .site-main .kpm-home-header h1{font-size:32px}}
@media(hover:hover){.kpm-product:hover{border-color:#8fa9c5}.kpm-open:hover{text-decoration:underline;text-underline-offset:5px}.kp30-master a,.kp30-master button{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.kpm-product h3 a:hover{color:#075bc4}}
@media(prefers-reduced-motion:reduce){.kp30-master *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Native mobile rail is sticky/in flow: do not reserve desktop fixed-header space twice. */
@media(max-width:780px){.kp30-master .site-main{padding-top:28px}.kp30-master .kp30-brand{min-height:64px}.kp30-master .kp30-side .kp30-journeys{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0 12px;width:100%}.kp30-master .kp30-journeys a{min-width:0}.kp30-master .site-main :is(h1,h2,h3,[tabindex="-1"]){scroll-margin-top:140px}}
/* Native Share form: writing first, settings alongside; one reading column on mobile. */
.kp30-master .kpm-share-sample>p{font-size:15px;color:#19324b;margin:10px 0;line-height:1.8}
.kp30-master .site-main :is(input,textarea)::placeholder{color:#52677b;opacity:1}.kp30-master #share-editor[data-kind="collection"]{display:block}
.kp30-master .kp30-featured-course :is(li,.kp30-course-includes>*){font-size:16px;line-height:1.8}.kp30-master .kp30-featured-course .kp30-label{font-size:14px}
/* The legacy /easy-mode/ entry uses the same engine and the same palette as embedded Easy. */
.kp30-master .kp-easy .easy-switch small{opacity:1}.kp30-master .kp-easy .easy-preview .easy-eyebrow{color:#075bc4;font-size:14px}.kp30-master .kp-easy .easy-preview .easy-reset{color:#075bc4}.kp30-master .kp-easy #easy-copy-status{color:#245e4b;font-size:14px}.kp30-master .kp-easy .easy-preview-head>span:last-child{font-size:14px;border-color:#ccd9e5;color:#52677b}.kp30-master .kp-easy .easy-preview #easy-result-actions{border-color:#ccd9e5}.kp30-master .kp-easy .easy-copy:hover{background:#06499c;color:#fff}
.kp30-master .kp-easy{--easy-ink:#19324b;--easy-muted:#52677b;--easy-line:#ccd9e5;--easy-blue:#075bc4;--easy-blue-dark:#075bc4;--easy-blue-soft:#eaf1fb;--easy-lime:#ccd9e5;--easy-lime-soft:#eaf1fb;padding:0 0 40px}.kp30-master .kp-easy :is(.easy-switch,.easy-form-panel,.easy-preview,.easy-hero-note){background:#fff;border-color:#ccd9e5;color:#19324b}.kp30-master .kp-easy .easy-switch a[aria-current]{background:#075bc4;color:#fff}.kp30-master .kp-easy .easy-switch a[aria-current] :is(span,small){color:#fff}.kp30-master .kp-easy .easy-switch small{font-size:13px}.kp30-master .kp-easy .easy-hero-note{background:#eaf1fb}.kp30-master .kp-easy .easy-task{background:#fff;border-color:#ccd9e5;border-radius:12px;padding:20px}.kp30-master .kp-easy .easy-task.is-selected{background:#eaf1fb;border-color:#075bc4}.kp30-master .kp-easy .easy-task strong{font-size:17px;line-height:1.65}.kp30-master .kp-easy .easy-task small{font-size:14px;color:#52677b;line-height:1.75}.kp30-master .kp-easy .easy-steps li{color:#52677b}.kp30-master .kp-easy .easy-steps li.is-current{color:#075bc4}.kp30-master .kp-easy .easy-steps li :is(span,b){font-size:14px}.kp30-master .kp-easy .easy-preview :is(p,small){color:#52677b}.kp30-master .kp-easy #easy-output{font-size:16px;color:#19324b;background:white;line-height:1.85}.kp30-master .kp-easy :is(.easy-generate,.easy-copy){background:#075bc4;color:#fff;border-color:#075bc4;min-height:48px}.kp30-master .kp-easy .easy-ai-links a{font-size:15px;min-height:46px}.kp30-master .kp-easy :is(.easy-example,.easy-reset){min-height:44px}.kp30-master .kp-easy .easy-help{font-size:14px}.kp30-master .kp-easy .easy-form-panel label small{font-size:13px}.kp30-master .kp-easy :focus-visible{outline:3px solid #075bc4;outline-offset:4px}
@media(max-width:780px){.kp30-master .kp-easy .easy-task{padding:16px 12px}.kp30-master .kp-easy .easy-task strong{font-size:16px}.kp30-master .kp-easy .easy-form-panel,.kp30-master .kp-easy .easy-preview{padding:22px 16px}.kp30-master .kp-easy .easy-hero{padding:20px 0 28px}.kp30-master .kp-easy .easy-hero-note{padding:22px}.kp30-master .kp-easy .easy-switch a{min-height:62px}}
.kp30-master #share-editor{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:24px;align-items:start;margin-top:26px}.kp30-master #share-editor>.kp-share-editor-area{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.kp30-master #share-editor>.kp-share-editor-area>label{margin:0 0 16px;font-size:18px;font-weight:500}.kp30-master #share-text{min-height:540px;border:0;border-radius:0;padding:0;background:#fff}.kp30-master .kp-share-editor-tools{border-top:1px solid var(--line);padding-top:14px;gap:12px;flex-wrap:wrap}.kp30-master .kpm-share-options{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.kp30-master .kpm-share-options h2{font-size:20px;margin:0 0 14px}.kp30-master .kpm-share-options>label:first-of-type{margin-top:0}.kp30-master .kpm-share-options #share-description{min-height:100px;padding:12px 14px}.kp30-master .kpm-share-options select{white-space:normal;width:100%}.kp30-master .kpm-share-options .kp-share-actions{display:grid;grid-template-columns:1fr;margin-top:22px}.kp30-master .kpm-share-options .kp-share-actions button{width:100%}.kp30-master #share-editor>:is([data-share-success],[data-history]){grid-column:1/-1}.kp30-master .kp-share-editor-area.kp-share-fullscreen{padding:24px;background:#fff}.kp30-master .kp-share-editor-area.kp-share-fullscreen #share-text{min-height:0}.kp30-master .kp-share-checkbox{display:flex;gap:12px;align-items:flex-start}.kp30-master .kp-share-checkbox input{margin-top:5px;flex-shrink:0}.kp30-master .kpm-lock-access{border-block:1px solid var(--line);margin:0 0 24px;padding:6px 0}.kp30-master .kpm-lock-access>summary{min-height:48px;cursor:pointer;font-size:15px;color:var(--muted);padding:10px 0}.kp30-master .kpm-lock-access .kp-product-lock-access{margin-top:12px;background:white}.kp30-master .kp30-password-control{display:flex;gap:10px;align-items:center}.kp30-master .kp30-password-control input{width:100%;min-width:0;flex:1}.kp30-master .kp30-password-control button{flex-shrink:0;font-size:14px;min-width:105px;padding-inline:10px}
@media(max-width:1100px){.kp30-master #share-editor{grid-template-columns:minmax(0,1fr)}.kp30-master #share-text{min-height:420px}.kp30-master .kpm-share-options .kp-share-actions{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.kp30-master #share-editor{gap:20px}.kp30-master #share-editor>.kp-share-editor-area,.kp30-master .kpm-share-options{padding:20px 16px}.kp30-master #share-text{min-height:360px}.kp30-master .kpm-share-options .kp-share-actions{grid-template-columns:1fr}.kp30-master #share-editor label{margin-top:18px}.kp30-master #share-editor>.kp-share-editor-area>label{margin-top:0}.kp30-master .kp-share-editor-tools button{font-size:14px}.kp30-master .kp-share-nav{gap:4px 18px}.kp30-master .kp30-password-control{flex-wrap:wrap}.kp30-master .kp30-password-control input{flex-basis:100%}.kp30-master .kp30-password-control button{margin-left:auto}}