:root{--ink:#202b2b;--muted:#788481;--line:#e5eae7;--green:#21634d;--mint:#edf5ef}*{box-sizing:border-box}body{margin:0;background:#f7f9f7;color:var(--ink);font-family:'Malgun Gothic','맑은 고딕',Arial,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #328366;outline-offset:3px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#fff;z-index:100}.trial-bar{background:#244f40;color:#fff;text-align:center;font-size:11px;letter-spacing:.04em;padding:7px 20px}.trial-bar span{opacity:.6;margin-left:18px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1480px;margin:auto;display:flex;align-items:center;gap:50px;padding:25px 36px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;white-space:nowrap;letter-spacing:-1.3px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#244f40;color:#fff;font-size:28px;font-family:Georgia,serif;letter-spacing:-2px;padding-bottom:4px}.brand-light{font-weight:400}.site-search{max-width:500px;flex:1;display:flex;border-radius:7px;background:#f5f7f5;border:1px solid #e7ece8;padding:3px 6px 3px 16px;margin-left:45px}.site-search input{background:transparent;border:0;flex:1;min-width:0;padding:9px 0;outline:none;font-size:12px}.site-search button{border:0;background:none;color:#4e6257;font-size:11px;cursor:pointer;padding:0 10px}.account-links{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:12px;white-space:nowrap}.join-link{background:#eef4ef;padding:9px 15px;border-radius:5px;color:#285c45;font-weight:700}.main-nav{max-width:1480px;margin:auto;padding:0 36px;display:flex;gap:34px;overflow:auto}.main-nav a{white-space:nowrap;padding:13px 1px;font-size:13px;position:relative;color:#5f6b65}.main-nav a.active{color:#245c45;font-weight:700}.main-nav a.active:after{content:'';position:absolute;bottom:0;height:3px;background:#245c45;left:0;right:0}.site-body{max-width:1480px;margin:auto;display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;padding:32px 36px 55px}.left-rail{padding-top:15px}.rail-title{font-size:18px;font-weight:800;line-height:1.65;letter-spacing:-.6px}.left-rail>p{font-size:11px;color:#849087;margin-top:12px;line-height:1.9}.rail-divider{height:1px;background:var(--line);margin:27px 0 18px}.rail-link{display:flex;justify-content:space-between;padding:10px 12px;margin-left:-12px;font-size:12px;color:#5a6c60;border-radius:5px}.rail-link span{color:#99aaa1}.rail-link:hover,.rail-link.selected{background:#e8f0e9;color:#244f40}.rail-note{margin-top:35px;font-size:11px;color:#315c45;line-height:2.2}.rail-note small{color:#8b948c;font-size:10px}.green-dot{display:inline-block;width:6px;height:6px;background:#4a9371;border-radius:50%;margin-right:4px}.main-content{min-width:0}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}.home-primary{min-width:0}.hero{min-height:308px;background:#e8f0e8;border:1px solid #e0e9df;padding:35px 32px;border-radius:10px;position:relative;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#6a8170;display:block}.hero h1{font-size:30px;line-height:1.5;letter-spacing:-1.8px;font-weight:750;margin:15px 0 12px;position:relative;z-index:2}.hero h1 em{font-style:normal;color:#416d51}.hero>p{font-size:12px;color:#728270;line-height:1.9;position:relative;z-index:2}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:24px;position:relative;z-index:2}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 17px;border-radius:5px;font-size:12px;font-weight:600}.dark{background:#28563f;color:#fff!important}.text-link{font-size:11px;color:#50705b}.hero-art{position:absolute;width:260px;height:270px;right:-10px;top:25px;transform:rotate(-3deg);pointer-events:none}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d9e5d8 1px,transparent 1px),linear-gradient(90deg,#d9e5d8 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to right,transparent,#000)}.art-card{position:absolute;border:1px solid #c8d8c7;border-radius:8px;padding:19px;background:#f9fcf7;width:157px;height:185px;box-shadow:0 10px 20px #345f4310}.card-one{right:65px;top:20px;transform:rotate(-7deg)}.art-card span{font-size:7px;letter-spacing:.7px;color:#819781}.art-card b{display:block;margin-top:20px;font-size:18px;letter-spacing:-1px;color:#476349;line-height:1.6}.art-card i{font-size:30px;color:#6e8d6a}.card-two{right:-15px;top:72px;transform:rotate(9deg);background:#d8e4d0}.art-lines{border-top:2px solid #a6bba1;border-bottom:2px solid #a6bba1;height:10px;width:70px;margin-top:20px}.art-circle{position:absolute;right:140px;bottom:8px;background:#c7d9aa;width:70px;height:70px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.5;color:#516e35;border:4px solid #e8f0e8;transform:rotate(7deg)}.notice-strip{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:13px 16px;background:#fff;border-radius:6px;margin:15px 0 22px;font-size:11px;min-width:0}.notice-strip>a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#647469}.notice-tag{color:#315d43;font-size:10px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.quick-grid>a{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px 14px}.quick-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:15px;font-family:Georgia,serif;font-weight:bold;margin-bottom:11px}.mint{background:#e8f2e8;color:#4d7752}.blue{background:#eaf0f6;color:#547994}.peach{background:#faf0e5;color:#b1845c}.quick-grid b{display:block;font-size:12px;letter-spacing:-.5px}.quick-grid small{font-size:9px;color:#91a092;display:block;margin-top:5px}.quick-arrow{position:absolute;right:12px;top:18px;color:#9ca79c}.feed-section,.resource-section{margin-top:25px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:14px}.section-heading h2{font-size:18px;letter-spacing:-.7px;line-height:1.5;margin:4px 0 0;font-weight:700}.section-heading>a{font-size:10px;white-space:nowrap;color:#809083;padding-bottom:2px}.topic-labels{display:flex;gap:17px;border-bottom:1px solid var(--line);font-size:10px;color:#8e9b90;padding-bottom:10px}.topic-labels span:first-child{color:#2c6246;font-weight:700}.post-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eaf0ea;padding:13px 1px;font-size:12px}.post-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-row>small{font-size:9px;color:#95a196;white-space:nowrap}.post-row:hover>span{color:#29694b}.resource-section{margin-top:32px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.resource-cover{position:relative;padding:17px;height:118px;overflow:hidden}.resource-cover>span{font-size:7px;letter-spacing:1px;opacity:.6}.resource-cover>b{position:absolute;right:12px;top:0;font:72px Georgia,serif;opacity:.13}.mint-card .resource-cover{background:#e2eade;color:#426242}.blue-card .resource-cover{background:#e1e9ee;color:#4c6c7b}.peach-card .resource-cover{background:#efe4d5;color:#896b45}.sheet-lines{position:absolute;left:20px;bottom:-15px;width:90px;height:85px;background:repeating-linear-gradient(0deg,white,white 12px,#d9e1d6 13px,#d9e1d6 14px);border:7px solid #fff;transform:rotate(-10deg);box-shadow:3px 4px 0 #00000008}.resource-detail{padding:14px}.resource-detail>small{font-size:9px;color:#67846d}.resource-detail h3{font-size:12px;margin:7px 0;letter-spacing:-.4px}.resource-detail p{font-size:9px;color:#8a988c;margin:0}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compact h2{font-size:16px}.compact .post-row{font-size:11px}.compact .post-row>small{display:none}.right-rail>section,.help-card{display:block;border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:17px;padding:23px 20px}.welcome-card h2{font-size:22px;line-height:1.5;letter-spacing:-1px;margin:12px 0}.welcome-card p{font-size:11px;line-height:1.8;color:#8a968b;margin:13px 0 22px}.full{width:100%}.login-prompt{display:block;text-align:center;font-size:9px;color:#9aa398;padding-top:13px}.login-prompt b{color:#597061;margin-left:6px}.guide-card h3{font-size:14px;margin:10px 0 13px;letter-spacing:-.5px}.guide-card>a{display:flex;align-items:center;gap:10px;margin-top:18px}.guide-card i{font-size:9px;color:#8e9a8a;font-style:normal}.guide-card a b{display:block;font-size:11px;font-weight:500}.guide-card a small{display:block;font-size:9px;color:#9aa498;margin-top:2px}.guide-card a>span{margin-left:auto;font-size:11px;color:#97a48f}.right-rail .points-card{background:#eef1e8;border-color:#e2e8d9;padding-top:21px}.points-mark{display:grid;place-items:center;border-radius:50%;border:1px solid #c8d5b8;background:#e1e7d5;color:#748853;width:30px;height:30px;font-family:Georgia,serif;font-size:18px}.points-card h3{font-size:13px;letter-spacing:-.4px;margin:14px 0 8px}.points-card p{font-size:11px;color:#87927a;line-height:1.8;margin:0}.points-card small{display:block;margin-top:16px;font-size:8px;color:#94a086}.help-card b{font-size:12px}.help-card p{font-size:9px;color:#97a091;margin:7px 0 15px}.help-card>span{font-size:10px;color:#657c60}.site-footer{max-width:1408px;margin:0 auto;padding:30px 0 35px;border-top:1px solid var(--line);color:#96a092;font-size:10px}.footer-brand{font-size:18px;font-weight:bold;color:#5f725d}.site-footer p{margin:6px 0 15px}.site-footer>div{display:flex;gap:20px;margin-bottom:12px}.site-footer small{font-size:9px}.page-context{font-size:10px;color:#71927b;letter-spacing:1px;margin:5px 0 24px}.page-context span{color:#9ba79e;letter-spacing:0;margin-left:12px}#bo_list,#bo_v,#bo_w,#mb_login,#register,#register_form,#faq_wrap,#ssch{background:#fff;padding:25px;border:1px solid var(--line);border-radius:8px;max-width:100%;width:auto!important;min-width:0}#bo_list,#bo_v,#bo_w{font-size:13px}.tbl_head01 thead th{background:#eff4ef;border-color:#e0e7df;color:#57705b}.tbl_head01 td{border-color:#edf0e9}.tbl_head01{overflow-x:auto}.tbl_head01 table{min-width:600px}.btn_submit,.btn_b02{background:#28563f!important;border-color:#28563f!important;color:#fff!important}#mb_login{max-width:500px;margin:35px auto}#mb_login h1{font-size:21px}#register_form{margin-top:20px}.frm_input{max-width:100%}#bo_v_con{font-size:14px;line-height:2;color:#435748}#bo_v_title .bo_v_tit{font-size:23px;line-height:1.5}#bo_v_title .bo_v_cate{background:#edf4ed;color:#376344}.bo_v_com{margin-top:25px}#fboardlist{min-width:0}#bo_gall{max-width:100%}#ft,#hd,#wrapper{min-width:0}#bo_w .bo_w_info .frm_input{width:auto}#bo_w .write_div{margin:14px 0}.tbl_frm01 table{width:100%}.new_win{min-width:0}.trial-bar,.site-header,.site-body,.site-footer{clear:both}#container_title{display:none}@media(min-width:1280px){.hero-art{opacity:1}.hero h1{font-size:29px}.hero>p{max-width:65%}}@media(max-width:1279px){.site-body{grid-template-columns:150px minmax(0,1fr);gap:24px;padding:25px}.header-inner{padding:22px 25px;gap:25px}.site-search{margin-left:15px}.main-nav{padding:0 25px;gap:29px}.home-columns{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.hero{padding:28px 24px}.hero h1{font-size:27px}.hero-art{opacity:.24;right:-50px}.hero>p{color:#61765f}.right-rail>section,.help-card{padding:20px 16px}.site-footer{margin:0 25px}}@media(max-width:1050px){.left-rail{display:none}.site-body{display:block}.hero-art{opacity:.8;right:-40px}.hero h1{font-size:30px}.site-search{margin-left:0;max-width:420px}.main-nav{gap:30px}.site-body{padding:25px}.hero{min-height:310px}.hero-actions{gap:15px}}@media(max-width:800px){.home-columns{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.right-rail>section,.help-card{margin-bottom:0}.right-rail .guide-card,.right-rail .points-card{display:none}.welcome-card h2{font-size:19px}.welcome-card p{font-size:11px;margin:12px 0}.header-inner{gap:20px;flex-wrap:wrap;padding:18px 20px}.site-search{order:3;max-width:100%;flex-basis:100%}.account-links{font-size:11px}.main-nav{padding:0 20px;gap:25px}.main-nav a{font-size:12px}.site-body{padding:20px}.hero-art{right:0}.hero{padding:30px}.trial-bar{font-size:10px}.site-footer{margin:0 20px}}@media(max-width:520px){.hero{padding:26px 21px;min-height:330px}.hero h1{font-size:27px;letter-spacing:-1.5px}.hero-art{opacity:.18;right:-20px;top:35px}.hero-actions{align-items:start;flex-direction:column;gap:12px;margin-top:20px}.hero>p{font-size:11px}.hero .eyebrow{font-size:8px}.site-body{padding:15px 12px 30px}.brand{font-size:21px}.brand-icon{width:32px;height:32px;font-size:25px}.account-links{gap:12px}.header-inner{padding:16px}.main-nav{padding:0 16px;gap:25px}.trial-bar span{display:none}.quick-grid{gap:7px;margin-bottom:25px}.quick-grid>a{padding:13px 10px}.quick-grid b{font-size:11px}.quick-grid small{font-size:9px;line-height:1.6}.quick-arrow{display:none}.resource-grid{gap:8px}.resource-cover{height:95px;padding:10px}.resource-cover>span{font-size:6px}.resource-cover>b{font-size:55px}.sheet-lines{width:60px;height:70px;left:15px}.resource-detail{padding:10px}.resource-detail h3{font-size:11px;line-height:1.65}.resource-detail p{font-size:9px}.section-heading h2{font-size:17px}.lower-grid{grid-template-columns:1fr;gap:0}.right-rail{grid-template-columns:1fr}.right-rail .welcome-card{display:none}.help-card{padding:20px}.site-footer>div{flex-wrap:wrap;gap:10px}.site-footer{margin:0 15px}#bo_list,#bo_v,#bo_w,#register,#register_form,#faq_wrap,#ssch{padding:15px 12px}#bo_v_title .bo_v_tit{font-size:19px}#bo_v_con{font-size:13px;line-height:1.9}#bo_v_info{font-size:10px}.bo_fx{font-size:11px}.btn_bo_user>li{margin-left:3px}.btn_b01,.btn_b02{padding:7px 10px}#bo_v_share{display:none}.bo_v_com{float:none;text-align:right}.bo_v_com li{float:none;display:inline-block}.topic-labels{gap:14px;font-size:9px}.post-row{font-size:11px}.notice-strip{padding:12px;gap:8px}.notice-strip>a{font-size:10px}}@media(prefers-reduced-motion:no-preference){a{transition:color .15s,background .15s}.resource-card:hover{transform:translateY(-2px);transition:transform .15s}}
/* Simple community layout */
body{background:#f8f9f8;font-size:14px}.header-inner{padding-top:22px;padding-bottom:22px}.trial-bar{background:#eff3ef;color:#69766a;letter-spacing:0}.trial-bar span{display:none}.brand-icon{border-radius:5px;font-size:25px;width:32px;height:32px}.brand{font-size:22px}.main-nav a{font-size:14px}.site-body{padding-top:28px}.rail-title{font-size:16px;font-weight:650}.rail-link{font-size:13px;padding-top:11px;padding-bottom:11px}.left-rail>p{font-size:12px}.home-columns{grid-template-columns:minmax(0,1fr) 250px}.home-intro{position:relative;padding:10px 0 26px}.intro-label{font-size:12px;color:#7d887e}.home-intro h1{font-size:25px;margin:7px 0 9px;letter-spacing:-1px;font-weight:700}.home-intro p{font-size:13px;color:#7e887f;margin:0;max-width:75%;line-height:1.9}.home-intro .button{position:absolute;right:0;bottom:29px;font-size:12px}.notice-strip{margin-top:0;font-size:12px;border-radius:4px;padding:13px 15px}.notice-strip>a{font-size:12px}.notice-tag{font-size:11px}.panel{background:#fff;border:1px solid var(--line);padding:21px 23px;border-radius:4px;margin-top:20px}.section-heading{margin-bottom:8px}.section-heading h2{font-size:17px;letter-spacing:-.5px;margin:0}.section-heading>a{font-size:11px}.section-desc{font-size:11px;color:#96a093;margin:0 0 13px}.post-row{font-size:13px;padding:14px 0}.post-row:last-child{border-bottom:0}.post-row>small{font-size:10px;color:#9aa399}.compact .post-row{font-size:12px}.right-rail>section,.help-card{border-radius:4px;padding:22px 19px}.welcome-card h2{font-size:18px;font-weight:650;line-height:1.65;letter-spacing:-.5px;margin:0 0 12px}.welcome-card p{font-size:12px;margin:0 0 19px}.welcome-card .button{justify-content:center;border-radius:3px}.login-prompt{font-size:11px}.simple-guide h3{font-size:13px;margin:0 0 13px;font-weight:700}.simple-guide>a{display:flex;justify-content:space-between;font-size:12px;padding:9px 0;color:#6f7b70}.simple-guide>a span{color:#a6afa3}.simple-guide p{font-size:12px;line-height:1.9;color:#8d988b;margin:0 0 12px}.simple-guide p:last-child{margin-bottom:0}.help-card b{font-size:13px}.help-card p{font-size:11px}.help-card>span{font-size:11px}.site-footer{font-size:11px}.site-footer small{font-size:10px}.page-context{font-size:11px}.lower-grid{gap:18px}.resource-card:hover{transform:none}@media(max-width:1279px){.home-columns{grid-template-columns:minmax(0,1fr) 225px}.home-intro p{max-width:68%}}@media(max-width:800px){.home-columns{grid-template-columns:1fr}.home-intro p{max-width:75%}.right-rail{display:none}.panel{padding:20px}.home-intro h1{font-size:24px}.site-body{padding:20px}}@media(max-width:520px){.home-intro{padding:8px 3px 24px}.home-intro h1{font-size:23px}.home-intro p{max-width:100%;font-size:12px}.home-intro .button{position:static;margin-top:16px}.site-body{padding:17px 12px 30px}.post-row{font-size:12px;padding:14px 0}.post-row>small{font-size:9px}.panel{padding:18px 15px}.section-heading h2{font-size:16px}.main-nav a{font-size:13px}.notice-strip>a{font-size:11px}.lower-grid{gap:0}.section-desc{font-size:10px}.compact .post-row{font-size:12px}}
/* Pink & sky community theme */
:root{--ink:#30334c;--muted:#73778c;--line:#ebe8f0;--pink:#b73670;--pink-soft:#fff0f6;--sky:#166ca4;--sky-soft:#eaf6ff;--green:#b73670;--mint:#fff0f6}
body{background:#f9faff;color:var(--ink);font-size:15px}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#b73670}.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle}.trial-bar{background:#ffe7f1;color:#8a315a;font-size:12px;padding:9px 20px;font-weight:600}.trial-bar span{display:inline;color:#8a315a;opacity:1}.site-header{border-bottom-color:#e9e5ef}.header-inner{padding-top:25px;padding-bottom:25px}.brand{font-size:25px;letter-spacing:-1px;color:#30334c;gap:12px}.brand-light{font-weight:600;color:#b73670}.brand-icon{position:relative;width:42px;height:42px;border-radius:13px;background:#fff0f6;color:#b73670;font-family:Arial,sans-serif;font-weight:800;font-size:28px;letter-spacing:-2px;border:1px solid #f7cadc;padding:0}.brand-icon>span{position:absolute;right:5px;bottom:0;color:#3294ca;font-size:23px}.site-search{border-radius:12px;background:#f5faff;border-color:#d9eaf8;max-width:540px;margin-left:25px;padding:6px 6px 6px 17px}.site-search input{font-size:13px}.site-search button{display:flex;align-items:center;gap:6px;background:#dff1ff;color:#145b8b;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.site-search button .ui-icon{width:18px;height:18px}.account-links{font-size:13px;gap:16px}.join-link{background:#bd3e78;color:#fff;padding:11px 17px;border-radius:9px}.main-nav{gap:26px}.main-nav a{display:flex;align-items:center;gap:8px;font-size:14px;padding:15px 2px;color:#575c73;font-weight:600}.main-nav .ui-icon{width:19px;height:19px;color:#8690a7}.main-nav a.active,.main-nav a:hover{color:#b73670}.main-nav a.active .ui-icon{color:#b73670}.main-nav a.active:after{background:#cf548e;height:3px;border-radius:3px 3px 0 0}.site-body{grid-template-columns:178px minmax(0,1fr);gap:28px;padding-top:30px}.rail-title{font-size:18px;font-weight:750;line-height:1.65;color:#4b4b68;letter-spacing:-.6px}.left-rail>p{color:#7b7e93;font-size:12px}.rail-link{font-size:13px;border-radius:9px;padding:12px 11px;margin-bottom:5px}.rail-label{display:flex;align-items:center;gap:10px;color:#555d77!important}.rail-label .ui-icon{width:21px;height:21px;color:#7185a3}.rail-link:hover,.rail-link.selected{background:#ffeef6}.rail-link.selected .rail-label,.rail-link.selected .ui-icon{color:#af3168!important}.rail-arrow{color:#9b91aa!important}.rail-note{font-size:12px;color:#9c3767;background:#fff0f6;border:1px solid #f5d3e3;border-radius:10px;padding:12px}.rail-note small{font-size:10px;color:#8e6880}.green-dot{background:#d74f8f}.home-columns{grid-template-columns:minmax(0,1fr) 256px;gap:22px}.home-intro{padding:29px 30px 30px;border:1px solid #f2dce8;border-radius:16px;background:#fff1f7;min-height:224px}.intro-label{display:inline-block;color:#8f3d66;background:#fff;border:1px solid #f1d6e4;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600}.home-intro h1{font-size:29px;font-weight:800;line-height:1.55;letter-spacing:-1.2px;margin:14px 0 12px}.home-intro h1 em{font-style:normal;color:#b73670}.home-intro p{font-size:13px;line-height:1.8;color:#705f76;max-width:100%;margin-bottom:19px}.home-intro .button{position:static;display:inline-flex;gap:9px;font-size:13px;padding:12px 18px;border-radius:9px}.dark{background:#b73670;color:#fff!important}.dark:hover{background:#98285c}.button{font-size:13px}.button .ui-icon{width:18px;height:18px}.notice-strip{border:1px solid #d9eafa;background:#f0f8ff;border-radius:10px;padding:13px 15px;margin:14px 0 19px}.notice-tag{background:#d9efff;color:#175f93;border-radius:5px;padding:3px 7px;font-size:10px}.notice-strip>a{font-size:12px;color:#48657d}.start-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:24px}.shortcut{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:17px 13px;background:#fff;min-width:0}.shortcut-icon{display:grid;place-items:center;width:40px;height:40px;background:#ffe8f2;border-radius:11px;color:#ba3f77;flex-shrink:0}.shortcut.resources .shortcut-icon{background:#e4f4ff;color:#1d75aa}.shortcut.projects .shortcut-icon{background:#f0eaff;color:#7951a6}.shortcut-icon .ui-icon{width:23px;height:23px}.shortcut b{font-size:13px;display:block;color:#3e405c;font-weight:750;white-space:nowrap}.shortcut small{display:block;font-size:10px;color:#777b91;margin-top:4px;line-height:1.6}.shortcut-arrow{margin-left:auto;color:#9c91a8;font-size:20px}.shortcut:hover{border-color:#e2b5cc;box-shadow:0 3px 12px #b736700a}.panel{border-radius:13px;border:1px solid #e7e7f0;padding:23px;background:#fff;margin-top:22px;box-shadow:0 3px 15px #394a6b03}.section-heading{margin-bottom:11px;align-items:center}.section-heading h2{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:750;letter-spacing:-.6px}.section-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#ffedf5;color:#b73670}.section-icon.resources{background:#e8f5ff;color:#1d70a4}.section-icon.projects{background:#f0eaff;color:#7f51ad}.section-icon.cases{background:#e8f4ff;color:#3d70a5}.section-icon .ui-icon{width:22px;height:22px}.section-heading>a{font-size:11px;font-weight:600;color:#70758c}.section-desc{color:#74798e;font-size:12px;margin:0 0 13px;padding-bottom:12px;border-bottom:1px solid #edf0f6}.post-row{font-size:14px;line-height:1.7;border-bottom-color:#f0edf4;padding:14px 0}.post-row>span{color:#42465e}.post-row:hover>span{color:#b73670}.post-row>small{font-size:10px;color:#7d8296}.compact .post-row{font-size:13px}.lower-grid{gap:16px}.compact.panel{padding:20px}.compact .section-heading h2{font-size:17px}.compact .section-icon{width:32px;height:32px}.right-rail>section,.help-card{border-radius:13px;padding:23px 20px;border-color:#e7e7f1;box-shadow:0 3px 15px #394a6b03}.right-rail .welcome-card{background:#eef8ff;border-color:#d9eaf9}.welcome-icon{display:grid;place-items:center;width:44px;height:44px;background:#fff;border:1px solid #cee5f8;border-radius:13px;color:#3a82b2;margin-bottom:14px}.welcome-card h2{font-size:19px;line-height:1.6;color:#344e6e;font-weight:750;letter-spacing:-.6px}.welcome-card p{font-size:12px;color:#667e98;line-height:1.9}.welcome-card .button{border-radius:9px;font-size:14px;padding:12px;justify-content:center;background:#2378ad}.welcome-card .button:hover{background:#185d8c}.login-prompt{font-size:11px;color:#6f8197}.login-prompt b{color:#286f9b}.simple-guide h3{font-size:14px;color:#44465e}.simple-guide>a{font-size:12px;color:#696f89;padding:10px 0}.simple-guide>a:hover{color:#b73670}.simple-guide p{font-size:12px;color:#757a90}.help-card{background:#fff2f8;border-color:#f1dce7}.help-card b{display:flex;align-items:center;gap:8px;font-size:14px;color:#a5386b}.help-card p{font-size:11px;color:#816b80}.help-card>span{font-size:12px;font-weight:600;color:#b33b73}.site-footer{border-top-color:#e7e5ef;color:#7d7e96}.footer-brand{color:#a73b70}.site-footer small{color:#88859c}.page-context{color:#b73670}.page-context span{color:#7b7e94}
#bo_list,#bo_v,#bo_w,#mb_login,#register,#register_form,#faq_wrap,#ssch{border-radius:13px;border-color:#e7e7f1}#bo_list,#bo_v,#bo_w{font-size:14px}.tbl_head01 thead th{background:#eaf6ff;border-color:#dcecf9;color:#34658b;font-size:13px}.tbl_head01 td{border-color:#eeeef5}.btn_submit,.btn_b02{background:#b73670!important;border-color:#b73670!important;border-radius:7px!important;color:#fff!important}#bo_v_con{color:#41465d;font-size:15px;line-height:2}#bo_v_title .bo_v_cate{background:#ffeaf4;color:#a53469}.frm_input:focus,textarea:focus{border-color:#c86695;outline-color:#b73670}.bo_v_com .btn{border-radius:7px}.tbl_frm01 th{background:#f3f9ff}.btn_b01{border-color:#dbe9f5;color:#346b91;background:#f3faff}.site-search input::placeholder{color:#6d829a;opacity:1}
@media(max-width:1279px){.home-columns{grid-template-columns:minmax(0,1fr) 225px}.site-body{grid-template-columns:150px minmax(0,1fr);gap:22px}.header-inner{gap:25px}.site-search{margin-left:0}.main-nav{gap:23px}.main-nav a{font-size:13px}.home-intro h1{font-size:27px}.shortcut{gap:8px;padding:14px 10px}.shortcut-icon{width:32px;height:36px}.shortcut small{font-size:9px}.shortcut-arrow{display:none}.home-intro{padding:25px}.section-heading h2{font-size:18px}}
@media(max-width:1050px){.site-body{display:block}.home-columns{grid-template-columns:minmax(0,1fr) 240px}.main-nav{gap:22px}.brand{font-size:23px}.home-intro h1{font-size:28px}.start-shortcuts{gap:10px}.shortcut b{font-size:13px}.shortcut small{font-size:10px}.post-row{font-size:13px}}
@media(max-width:800px){.home-columns{grid-template-columns:1fr}.home-intro p{max-width:100%}.header-inner{padding:20px;gap:20px}.main-nav{gap:23px}.main-nav a{padding:14px 0}.main-nav .ui-icon{width:18px;height:18px}.right-rail{display:none}.home-intro{padding:27px}.panel{padding:22px}.shortcut{padding:17px 14px}.shortcut-icon{width:40px;height:40px}.section-heading h2{font-size:19px}.brand-icon{width:38px;height:38px;font-size:26px}.trial-bar span{display:none}.site-search{max-width:100%}}
@media(max-width:520px){.site-body{padding:18px 12px 30px}.home-intro{padding:23px 20px;border-radius:14px}.home-intro h1{font-size:25px;line-height:1.6;letter-spacing:-1px}.home-intro p{font-size:12px}.intro-label{font-size:10px}.home-intro .button{margin-top:0}.start-shortcuts{gap:7px}.shortcut{padding:14px 10px;display:block;text-align:left;border-radius:10px}.shortcut-icon{width:36px;height:36px;border-radius:10px;margin-bottom:10px}.shortcut-icon .ui-icon{width:22px;height:22px}.shortcut b{font-size:12px}.shortcut small{font-size:10px;line-height:1.7;margin-top:5px}.panel{padding:19px 16px;margin-top:18px}.section-heading h2{font-size:17px;gap:8px}.section-icon{width:32px;height:32px;border-radius:9px}.section-desc{font-size:11px;line-height:1.8}.post-row{font-size:13px;gap:8px;padding:14px 0}.post-row>small{font-size:9px}.post-row>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8}.compact .post-row{font-size:13px}.header-inner{padding:17px 16px}.account-links{font-size:12px;gap:13px}.join-link{padding:9px 12px}.main-nav{padding:0 16px;gap:24px}.main-nav a{font-size:13px;gap:6px}.brand{font-size:23px}.trial-bar{font-size:11px}.notice-strip>a{font-size:11px}.site-footer{margin:0 16px}.lower-grid{grid-template-columns:1fr;gap:0}#bo_list,#bo_v,#bo_w,#register,#register_form{padding:17px 13px}#bo_v_con{font-size:14px}.site-search input{font-size:12px}.section-heading>a{font-size:10px}}
/* Account pages: readable forms on narrow screens. */
.auth-heading{max-width:460px;margin:56px auto 18px;padding:0 20px;text-align:center}.auth-heading>a{font-size:29px;font-weight:800;color:#30334c;letter-spacing:-1px}.auth-heading>a span{color:#b73670}.auth-heading p{font-size:13px;color:#73778c;margin:10px 0}.auth-note{font-size:12px;text-align:left;line-height:1.8;padding:13px 15px;margin:0;background:#eef8ff;color:#3e678c;border-bottom:1px solid #d9eaf9}#mb_login{width:calc(100% - 32px)!important;max-width:460px;margin:20px auto 50px;padding:0;overflow:hidden}#mb_login .mbskin_box{border:0}#mb_login #login_fs{padding:24px}#mb_login .mb_log_cate{font-size:14px}#mb_login .mb_log_cate .join{background:#fff0f6;color:#a83970}#mb_login .frm_input{height:48px;font-size:15px;border-radius:7px}#mb_login #login_info{font-size:12px;line-height:1.8}#mb_login .btn_submit{height:48px;font-size:15px}.register{max-width:780px;width:calc(100% - 32px);margin:35px auto 50px}.register_form_inner{background:#fff;border-color:#e7e7f1;border-radius:10px;overflow:hidden}.register_form_inner h2{font-size:17px;color:#3c506d;background:#eef8ff}.register_form_inner ul{padding:22px}.register_form_inner label{font-size:13px;color:#4a4d67}.register_form_inner input.frm_input{height:45px;max-width:100%;font-size:14px}.register_form_inner input[type=text],.register_form_inner input[type=password],.register_form_inner input[type=email]{width:100%}.register .btn_confirm{display:flex;gap:10px;clear:both}.register .btn_confirm .btn_submit,.register .btn_confirm .btn_close{float:none;width:50%;margin:0!important;border-radius:8px}#fregister .fregister_terms table{font-size:12px;line-height:1.8}#fregister .fregister_terms table th,#fregister .fregister_terms table td{padding:10px 7px;word-break:keep-all}#captcha{max-width:100%}#captcha #captcha_key{max-width:100%}input[type=checkbox]+label{cursor:pointer}.auth-heading~.register{margin-top:20px}@media(max-width:520px){.auth-heading{margin-top:30px}#mb_login #login_fs{padding:20px 16px}#mb_login #login_info{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}#mb_login .login_if_auto,#mb_login .login_if_lpl{float:none}.register{width:calc(100% - 24px);margin:24px auto}.register #register_form{padding:0}.register_form_inner ul{padding:17px 13px}.register_form_inner h2{padding:17px!important;font-size:16px}#fregister .fregister_terms table{font-size:11px}.register .btn_confirm .btn_submit,.register .btn_confirm .btn_close{font-size:13px}.register_form_inner .tooltip{max-width:calc(100vw - 70px);margin-left:0}.register_form_inner .half_input{width:100%}#captcha.m_captcha{width:100%}}
/* Shared account dialogs also fit 320px viewports. */
.mbskin{max-width:calc(100% - 32px)}.mbskin .frm_input{min-width:0}.register .register_form_inner{min-width:0}#mb_confirm{padding:24px;background:#fff;border:1px solid #e7e7f1;border-radius:13px}#mb_confirm h1{margin:10px 0 20px;font-size:21px}#mb_confirm .confirm_id{font-size:13px}#mb_confirm .frm_input{height:46px;border-radius:7px}@media(max-width:520px){#mb_confirm{margin-top:30px;padding:20px 16px}}
/* Editorial identity and original asset system. */
.brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1.3}.brand-copy>small{font-size:10px;font-weight:400;letter-spacing:-.1px;color:#7c8194}.brand-icon{width:45px;height:45px;border-radius:13px}.header-inner{gap:34px}.site-search{margin-left:10px}.home-intro.editorial-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);border:1px solid #ebe5ec;border-radius:18px;background:#fff;padding:0;overflow:hidden;margin-bottom:27px;min-height:340px;box-shadow:0 5px 20px #423b5805}.editorial-hero .hero-copy{padding:35px 36px;align-self:center}.editorial-hero .intro-label{background:transparent;border:0;border-radius:0;border-left:3px solid #d28cad;padding:0 0 0 10px;font-size:11px;color:#89667c;letter-spacing:-.1px}.editorial-hero h1{font-size:31px;line-height:1.65;letter-spacing:-1.4px;margin:16px 0 13px;font-weight:750}.editorial-hero h1 em{color:#aa3f71}.editorial-hero .hero-copy>p{font-size:14px;line-height:1.9;color:#73758b;margin:0 0 23px;max-width:100%}.editorial-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editorial-hero .button{border-radius:8px;font-size:12px;padding:12px 15px;gap:8px;margin:0}.button.secondary{background:#f0f8ff;color:#28688e;border:1px solid #d7e9f4}.button.secondary:hover{background:#e4f3ff}.hero-topics{display:flex;flex-wrap:wrap;gap:0;margin-top:20px;font-size:10px;color:#858293}.hero-topics span+span:before{content:'·';padding:0 8px;color:#b8a7b4}.hero-photo{margin:0;position:relative;min-width:0;min-height:100%;background:#f6f5f3;border-left:1px solid #f0eaf0;overflow:hidden}.hero-photo>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:57% 55%}.hero-photo>figcaption{position:absolute;left:22px;bottom:23px;display:flex;align-items:center;gap:11px;background:#fffffff0;border:1px solid #ffffffbd;border-radius:10px;padding:12px 17px;box-shadow:0 4px 18px #38486208}.photo-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#fae7ef;color:#ab4575;font:bold 25px Georgia,serif}.hero-photo figcaption strong{display:block;font-size:12px;color:#4a4661}.hero-photo figcaption small{display:block;font-size:10px;color:#96909c;margin-top:3px}.notice-strip{margin-top:0}.shortcut{padding:16px 12px;gap:10px;box-shadow:0 2px 8px #46445a02}.shortcut-icon{width:57px;height:57px;background:transparent!important;border-radius:0}.shortcut-icon>img{display:block;width:57px;height:57px}.shortcut b{font-size:14px}.shortcut small{font-size:11px}.shortcut-arrow{font-size:20px;color:#aaa5b5}.toolkit-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.toolkit-tile{min-width:0;display:block}.toolkit-cover{position:relative;border:1px solid #ece8f0;border-radius:9px;overflow:hidden;background:#f6f5f8}.toolkit-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.download-pill{display:grid;place-items:center;width:29px;height:29px;background:#ffffffec;border:1px solid #ffffffad;border-radius:50%;position:absolute;right:10px;bottom:10px;color:#6d6381;transform:rotate(90deg)}.download-pill .ui-icon{width:16px;height:16px}.toolkit-caption{padding:13px 1px 0}.toolkit-caption>span{font-size:10px;letter-spacing:.1px;font-weight:600;color:#9a5b7b}.toolkit-tile:nth-child(2) .toolkit-caption>span{color:#4880a3}.toolkit-tile:nth-child(3) .toolkit-caption>span{color:#806b9f}.toolkit-caption h3{font-size:14px;font-weight:700;line-height:1.6;margin:5px 0 4px;letter-spacing:-.5px;color:#41445b}.toolkit-caption p{font-size:11px;line-height:1.7;margin:0;color:#828296}.toolkit-tile:hover h3{color:#af3971}.resource-directory{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eeedf3;padding:16px 0 0;margin-top:22px;font-size:11px;color:#72768b}.resource-directory>span{font-size:16px;color:#9d92ab}.featured-toolkits .section-desc{margin-bottom:0;padding-bottom:0;border:0}.panel{box-shadow:0 3px 14px #45465b03}.main-nav a.active:after{height:3px}.site-footer{margin-top:0}.section-heading h2{letter-spacing:-.5px}
@media(max-width:1279px){.editorial-hero .hero-copy{padding:30px}.editorial-hero h1{font-size:28px}.editorial-hero .hero-copy>p{font-size:13px}.home-intro.editorial-hero{min-height:330px}.brand-copy>small{font-size:9px}.header-inner{gap:23px}.shortcut{gap:8px;padding:14px 10px}.shortcut-icon,.shortcut-icon>img{width:48px;height:48px}.shortcut b{font-size:13px}.shortcut small{font-size:10px}.toolkit-gallery{gap:12px}.toolkit-caption h3{font-size:13px}.toolkit-caption p{font-size:10px}}
@media(max-width:1050px){.home-intro.editorial-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.editorial-hero .hero-copy{padding:27px}.editorial-hero h1{font-size:28px}.brand-copy>small{display:none}.toolkit-caption h3{font-size:13px}.shortcut-icon,.shortcut-icon>img{width:49px;height:49px}.shortcut small{font-size:10px}}
@media(max-width:800px){.home-intro.editorial-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:340px;margin-bottom:22px}.editorial-hero .hero-copy{padding:24px}.editorial-hero h1{font-size:25px}.editorial-hero .hero-copy>p{font-size:12px}.editorial-hero .button{font-size:11px;padding:11px 12px}.hero-topics{font-size:9px}.hero-photo>figcaption{left:15px;bottom:18px;padding:10px 12px}.hero-photo figcaption small{font-size:9px}.toolkit-gallery{gap:16px}.toolkit-caption h3{font-size:14px}.toolkit-caption p{font-size:11px}.shortcut-icon,.shortcut-icon>img{width:55px;height:55px}.shortcut b{font-size:14px}.shortcut small{font-size:11px}.header-inner{gap:20px}}
@media(max-width:600px){.home-intro.editorial-hero{display:flex;flex-direction:column;border-radius:14px;min-height:0}.editorial-hero .hero-copy{padding:26px 23px;width:100%}.editorial-hero h1{font-size:26px;line-height:1.65;margin-top:14px}.editorial-hero .intro-label{font-size:10px}.editorial-hero .hero-copy>p{font-size:12px;margin-bottom:19px}.editorial-hero .button{font-size:12px;padding:11px 13px}.hero-topics{font-size:9px;margin-top:16px}.hero-photo{width:100%;height:210px;min-height:0;border-left:0;border-top:1px solid #f0eaf0}.hero-photo>img{object-position:55% 56%}.hero-photo>figcaption{left:16px;bottom:15px;padding:9px 12px;border-radius:8px}.photo-mark{width:29px;height:29px;font-size:21px}.hero-photo figcaption strong{font-size:11px}.hero-photo figcaption small{font-size:9px}.toolkit-gallery{gap:10px}.toolkit-caption h3{font-size:12px;line-height:1.7}.toolkit-caption p{font-size:10px}.toolkit-caption>span{font-size:9px}.toolkit-caption{padding-top:10px}.download-pill{width:24px;height:24px;right:7px;bottom:7px}.download-pill .ui-icon{width:14px;height:14px}.resource-directory{font-size:10px;line-height:1.8;margin-top:19px}.shortcut{display:block;padding:13px 10px}.shortcut-icon,.shortcut-icon>img{width:49px;height:49px}.shortcut-icon{margin-bottom:8px}.shortcut b{font-size:12px}.shortcut small{font-size:10px}.shortcut-arrow{display:none}.brand-icon{width:38px;height:38px}.site-search{margin-left:0}.featured-toolkits .section-heading h2{font-size:16px}.featured-toolkits .section-heading>a{font-size:9px}.featured-toolkits .section-heading{gap:6px}.section-desc{line-height:1.9}}
@media(max-width:380px){.editorial-hero .hero-copy{padding:23px 18px}.editorial-hero h1{font-size:23px}.editorial-hero .button{font-size:11px;padding:10px 11px}.toolkit-caption h3{font-size:11px}.toolkit-caption p{display:none}.section-heading h2{font-size:16px}.shortcut b{font-size:11px}}
.welcome-card h2{word-break:keep-all;font-size:18px;line-height:1.65}.welcome-card p,.simple-guide p,.toolkit-caption,.hero-copy p{word-break:keep-all}.shortcut small{word-break:keep-all}.toolkit-caption h3{overflow-wrap:anywhere}@media(max-width:1279px){.welcome-card h2{font-size:17px}}
.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.post-row>span{word-break:keep-all;overflow-wrap:anywhere}.post-row>small{flex-shrink:0}@media(max-width:600px){.toolkit-gallery{grid-template-columns:1fr;gap:15px}.toolkit-tile{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}.toolkit-tile+.toolkit-tile{border-top:1px solid #eeedf4;padding-top:15px}.toolkit-caption{padding:0}.toolkit-caption h3{font-size:14px;line-height:1.7;word-break:keep-all;overflow-wrap:normal}.toolkit-caption p{font-size:11px;display:block;line-height:1.8}.toolkit-caption>span{font-size:10px}.download-pill{width:23px;height:23px;right:7px;bottom:7px}.toolkit-cover{border-radius:8px}}@media(max-width:380px){.toolkit-tile{grid-template-columns:100px minmax(0,1fr);gap:12px}.toolkit-caption h3{font-size:13px}.toolkit-caption p{font-size:10px;display:block}}
.operator-contact{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#73758a;margin:18px 0 12px}.operator-contact>a{color:#9a4c75}.operator-contact>a:hover{text-decoration:underline}@media(max-width:520px){.operator-contact{font-size:10px;gap:7px 12px}}