/* wp-inline.css
   出どころ … 本番 eclatmo.com/fortune-telling/ の <style> と
              luxeritas/style.async.min.css ・ styles/nav.min.css ・ yarpp styles_thumbnails.css
   中身 …… 生成した静的HTMLに出てくるのに assets/css/ に定義が無かったクラスを含む規則だけ
   ★本番の規則をそのまま運んでいる（手で書いた CSS は1行も無い）
*/
.aligncenter{display:block;margin-right:auto;margin-left:auto}
blockquote.aligncenter,.wp-caption.aligncenter,.post img.aligncenter{clear:both;margin-top:.4em;margin-bottom:1.6em}
.wp-caption.alignleft,.wp-caption.alignright,.wp-caption.aligncenter{margin-bottom:1.2em}
.wp-block-image{margin:1.6em 0}
figure.wp-block-image{display:inline-block}
p.al-c,div.al-c{text-align:center;margin-left:auto;margin-right:auto}
.dl-style02 dt{padding:8px .8rem;margin:5px 0 0;background:#000;color:#fff;letter-spacing:0;display:block}
.dl-style02 dd{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;border-bottom:dotted .1rem #554562}
dl.dl-style02{margin-bottom:5px}
.ec{font-size:14px;line-height:1.8}
.ec{--bg:#fff;--surface:#fff;--border:#e0e0e0;--hover:#f5f5f5;--fg:#111;--accent:#111;--hd-bg:#0d0d0d;--hd-fg:#f0f0f0;--link:#111;--fg-111:#111;--fg-222:#222;--fg-333:#333;--fg-444:#444;--fg-555:#555;--fg-616161:#616161;--fg-666:#666;--fg-777:#777;--fg-888:#888;--fg-999:#999;--ln-ccd:#ccd;--ln-ddd:#ddd;--ln-e0e0e0:#e0e0e0;--ln-eee:#eee}
.ec a{color:var(--fg);text-decoration:none}
.ec a:hover{text-decoration:underline}
.ec .site-header{background:var(--hd-bg);border-bottom:1px solid #333;padding:14px 0}
.ec .hd{max-width:860px;margin:0 auto;padding:0 20px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ec .hd-title{font-size:17.6px;font-weight:800;color:var(--hd-fg);letter-spacing:-.01em;text-decoration:none}
.ec .hd-catch{font-size:11.2px;color:rgba(255,255,255,.5);letter-spacing:.06em}
.ec .wrap,.ec .art-wrap{max-width:860px;margin:0 auto;padding:28px 20px 60px}
.ec .art-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.ec .art-cat{display:inline-block;padding:2px 8px;border:1px solid var(--border);border-radius:2px;font-size:10.4px;color:var(--fg);font-weight:700;margin-bottom:10px}
.ec .art-meta{font-size:11.2px;color:var(--fg)}
.ec .art-body,.ec .art-wrap{line-height:1.85}
.ec .art-body p,.ec .art-wrap p{margin-bottom:1.1em}
.ec .art-body h2,.ec .art-wrap h2{font-size:18.4px;font-weight:800;margin:2em 0 .7em;padding:.5em .8em;background:0 0;border-left:4px solid var(--accent);border-radius:0;line-height:1.4}
.ec .art-body h3,.ec .art-wrap h3{font-size:16px;font-weight:700;margin:1.6em 0 .5em;padding-bottom:.3em;border-bottom:1px solid var(--border)}
.ec .art-body figure,.ec .art-wrap figure{margin:20px 0}
.ec .art-body figure img,.ec .art-wrap figure img{width:100%;max-width:800px;height:auto;display:block;margin:16px auto;border-radius:4px}
.ec .art-body a,.ec .art-wrap a{color:#1a73e8;text-decoration:underline}
.ec article a{color:#1a73e8;text-decoration:underline}
.ec :root[data-theme=dark] .art-body a,.ec :root[data-theme=dark] .art-wrap a,.ec :root[data-theme=dark] article a{color:#7baaf7}
.ec :root[data-theme=light] .art-body a,.ec :root[data-theme=light] .art-wrap a,.ec :root[data-theme=light] article a{color:#1a73e8}
.ec .art-body ul,.ec .art-body ol,.ec .art-wrap ul,.ec .art-wrap ol{padding-left:1.5em;margin-bottom:1em}
.ec .art-body li,.ec .art-wrap li{margin-bottom:.4em}
.ec .art-body blockquote,.ec .art-wrap blockquote{border-left:3px solid var(--accent);padding:.6em 1em;margin:1em 0;color:var(--fg);font-size:.9em;background:0 0}
.ec .art-body blockquote cite,.ec .art-wrap blockquote cite{display:block;font-size:12px;margin-top:.4em;color:var(--fg)}
.ec .art-body strong,.ec .art-wrap strong{font-weight:700}
.ec .art-body img,.ec .art-wrap img{width:100%;max-width:800px;height:auto;display:block;margin:16px auto}
.ec .cta-section{border-top:2px solid var(--accent);margin:48px 0 32px;padding-top:28px}
.ec .cta-lead-head{font-size:16.8px;font-weight:800;margin-bottom:12px;line-height:1.5}
.ec .cta-lead{font-size:14.08px;line-height:1.85;color:var(--fg);margin-bottom:24px}
.ec .cta-main{background:var(--surface);border:2px solid var(--accent);border-radius:4px;padding:22px 20px;margin-bottom:16px;text-align:center}
.ec .cta-badge{display:inline-block;background:#fff;color:#111;border:1px solid #111;font-size:10.4px;font-weight:700;padding:3px 12px;border-radius:2px;margin-bottom:12px;letter-spacing:.07em}
.ec .cta-svc{font-size:12.48px;color:var(--fg);margin-bottom:5px}
.ec .cta-teacher-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;text-align:left}
.ec .cta-teacher-row .cta-teacher-img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--accent);display:inline-block;margin:0}
.ec .cta-tname{font-size:19.2px;font-weight:800;margin-bottom:3px}
.ec .cta-tspec{font-size:11.52px;color:var(--fg);margin-bottom:0}
.ec .cta-tdesc{font-size:13.44px;line-height:1.8;text-align:left;margin-bottom:16px}
.ec .cta-bonus{font-size:13.12px;color:#111;font-weight:700;margin-bottom:16px}
.ec .cta-btn-main,.ec a.cta-btn-main{display:block;background:#fff;color:#111;border:2px solid #111;padding:15px 20px;border-radius:3px;font-size:15.2px;font-weight:800;text-align:center;transition:background .13s;text-decoration:none}
.ec .cta-btn-main:hover,.ec a.cta-btn-main:hover{background:#f0f0f0;color:#111;text-decoration:none}
.ec .cta-sub{border:1px solid var(--border);border-radius:4px;padding:18px 20px;margin-bottom:20px}
.ec .cta-sub-svc{font-size:11.52px;color:var(--fg);margin-bottom:4px}
.ec .cta-sub-teacher-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ec .cta-sub-teacher-row .cta-sub-teacher-img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border);display:inline-block;margin:0}
.ec .cta-sub-tname{font-size:16px;font-weight:700;margin-bottom:3px}
.ec .cta-sub-tspec{font-size:11.52px;color:var(--fg);margin-bottom:0}
.ec .cta-sub-tdesc{font-size:13.12px;line-height:1.75;margin-bottom:12px}
.ec .cta-sub-bonus{font-size:12.48px;color:#111;font-weight:700;margin-bottom:12px}
.ec .cta-btn-sub,.ec a.cta-btn-sub{display:inline-block;border:2px solid #111;color:#111;background:#fff;padding:9px 20px;border-radius:3px;font-size:13.12px;font-weight:700;transition:background .13s;text-decoration:none}
.ec .cta-btn-sub:hover,.ec a.cta-btn-sub:hover{background:#f0f0f0;color:#111;text-decoration:none}
.ec .cta-inline,.ec a.cta-inline{display:inline-block;border:2px solid #111;color:#111;background:#fff;padding:10px 22px;border-radius:3px;font-size:14.4px;font-weight:700;transition:background .13s;text-decoration:none}
.ec .cta-inline:hover,.ec a.cta-inline:hover{background:#f0f0f0;color:#111;text-decoration:none}
.ec .cta-note{font-size:11.52px;color:var(--fg);margin-top:16px;line-height:1.7}
.ec .cta-ranking{text-align:center;font-size:12.8px;color:var(--fg);margin-top:8px}
.ec .cta-ranking a{color:#1a73e8}
.ec .exp-box{background:var(--hover);border-left:4px solid var(--accent);padding:16px;margin:20px 0;border-radius:0 8px 8px 0;color:var(--fg);line-height:1.8}
.ec .exp-label{font-weight:700;margin-bottom:8px}
.ec .t-app{font-family:'Hiragino Sans','Meiryo',sans-serif;background:linear-gradient(160deg,#0a0618 0%,#1a0a2e 50%,#0d1a35 100%);min-height:500px;color:#e8d9ff;position:relative;overflow:hidden;border-radius:8px}
.ec .t-app *{box-sizing:border-box;margin:0;padding:0}
.ec .t-wrap{max-width:680px;margin:0 auto;padding:24px 16px 40px;position:relative;z-index:1}
.ec .t-screen{display:none}
.ec .t-screen.t-active{display:block}
.ec .t-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}
.ec .t-center{text-align:center}
.ec .t-dim{color:#a088cc}
.ec .t-sm{font-size:13px}
.ec .t-label{font-size:11px;letter-spacing:3px;color:#c9a84c;text-transform:uppercase;margin-bottom:8px}
.ec .t-btn{display:inline-block;font-family:inherit;cursor:pointer;border:none;border-radius:4px;transition:all .3s;text-decoration:none;letter-spacing:1px}
.ec .t-btn-primary{background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-size:16px;font-weight:700;padding:14px 36px;box-shadow:0 4px 20px rgba(201,168,76,.3)}
.ec .t-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(201,168,76,.5)}
.ec .t-btn-ghost{background:0 0;color:#c9a84c;font-size:13px;padding:10px 24px;border:1px solid #c9a84c}
.ec .t-btn-ghost:hover{background:rgba(201,168,76,.1)}
.ec .t-btn-reset{background:0 0;color:#a088cc;font-size:13px;padding:10px 24px;border:1px solid rgba(255,255,255,.15)}
.ec .t-btn-reset:hover{border-color:#c9a84c;color:#c9a84c}
.ec .t-welcome-icon{font-size:64px;margin:24px 0 16px;text-align:center}
.ec .t-welcome-title{font-size:26px;font-weight:700;color:#fff;text-align:center;line-height:1.4;margin-bottom:8px;text-shadow:0 0 20px rgba(201,168,76,.4)}
.ec .t-welcome-title em{color:#e8d08a;font-style:normal}
.ec .t-welcome-desc{font-size:14px;color:#a088cc;line-height:1.9;text-align:center;margin:16px 0 24px}
.ec .t-features{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:16px 20px;margin-bottom:24px}
.ec .t-feature{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13px;line-height:1.6;color:#e8d9ff}
.ec .t-feature-dot{color:#c9a84c;flex-shrink:0;margin-top:2px}
.ec .t-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.ec .t-theme-card{background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.25);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s;text-align:center}
.ec .t-theme-card:hover{border-color:#c9a84c;background:rgba(201,168,76,.08);transform:translateY(-2px)}
.ec .t-theme-icon{font-size:28px;margin-bottom:8px}
.ec .t-theme-text{font-size:14px;color:#e8d9ff;line-height:1.5}
.ec .t-shuffle-wrap{text-align:center;padding:20px 0}
.ec .t-shuffle-anim{position:relative;height:160px;margin:20px auto;max-width:280px}
.ec .t-shuffle-card{position:absolute;width:72px;height:116px;border-radius:8px;background:linear-gradient(160deg,#1e0f3a,#2d1b4e);border:2px solid rgba(201,168,76,.35);top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:rgba(201,168,76,.25);font-size:22px}
.ec .t-shuffle-card:nth-child(1){animation:tSh 2s ease-in-out infinite 0s}
.ec .t-shuffle-card:nth-child(2){animation:tSh 2s ease-in-out infinite .2s}
.ec .t-shuffle-card:nth-child(3){animation:tSh 2s ease-in-out infinite .4s}
.ec .t-shuffle-card:nth-child(4){animation:tSh 2s ease-in-out infinite .6s}
.ec .t-shuffle-card:nth-child(5){animation:tSh 2s ease-in-out infinite .8s}
.ec .t-shuffle-msg{font-size:14px;color:#a088cc;line-height:1.9;margin:12px 0 20px}
.ec .t-cards-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:16px auto}
.ec .t-result-label{font-size:11px;letter-spacing:3px;color:#c9a84c;text-align:center;margin-bottom:6px}
.ec .t-result-theme{font-size:13px;color:#a088cc;text-align:center;margin-bottom:20px}
.ec .t-flip-wrap{width:180px;height:290px;perspective:1000px;margin:0 auto 24px}
.ec .t-flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:tFlip .9s ease .3s forwards;transform:rotateY(180deg)}
.ec .t-card-face,.ec .t-card-back-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;border:2px solid rgba(201,168,76,.5)}
.ec .t-card-back-face{background:linear-gradient(160deg,#1e0f3a,#2d1b4e);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;font-size:32px;color:rgba(201,168,76,.2)}
.ec .t-card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;position:relative}
.ec .t-card-face:before{content:'';position:absolute;top:7px;left:7px;right:7px;bottom:7px;border:1px solid rgba(255,255,255,.15);border-radius:5px;pointer-events:none}
.ec .t-result-box{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:18px 20px;margin-bottom:14px}
.ec .t-result-box-title{font-size:11px;letter-spacing:2px;color:#c9a84c;margin-bottom:10px}
.ec .t-result-text{font-size:15px;line-height:1.95;color:#e8d9ff}
.ec .t-advice-box{background:linear-gradient(135deg,rgba(107,63,160,.15),rgba(201,168,76,.08));border:1px solid rgba(107,63,160,.35);border-radius:8px;padding:16px 20px;margin-bottom:20px}
.ec .t-advice-title{font-size:11px;letter-spacing:2px;color:#b090e0;margin-bottom:8px}
.ec .t-advice-text{font-size:14px;line-height:1.85;color:#e8d9ff}
.ec .t-cta-box{background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(107,63,160,.12));border:2px solid rgba(201,168,76,.35);border-radius:10px;padding:22px 20px;text-align:center;margin:20px 0}
.ec .t-cta-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.ec .t-cta-desc{font-size:13px;color:#a088cc;line-height:1.8;margin-bottom:16px}
.ec .t-cta-hl{color:#e8d08a;font-weight:700}
.ec .t-cta-btn{display:block;width:100%;background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-family:inherit;font-size:15px;font-weight:700;padding:16px 20px;border:none;border-radius:6px;cursor:pointer;letter-spacing:1px;text-decoration:none;transition:all .3s;box-shadow:0 4px 20px rgba(201,168,76,.3);margin-bottom:8px}
.ec .t-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(201,168,76,.5)}
.ec .t-cta-note{font-size:11px;color:#706090}
.ec .kkn-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}
.ec .kkn-wrap{max-width:680px;margin:0 auto;padding:24px 16px 40px;position:relative;z-index:1}
.ec .kkn-s{display:none}
.ec .kkn-s.kkn-on{display:block}
.ec .kkn-c{text-align:center}
.ec .kkn-label{font-size:11px;letter-spacing:3px;color:#c9a84c;text-transform:uppercase;margin-bottom:8px}
.ec .kkn-title{font-size:24px;font-weight:700;color:#fff;line-height:1.4;margin-bottom:8px;text-align:center;text-shadow:0 0 20px rgba(201,168,76,.4)}
.ec .kkn-title em{color:#e8d08a;font-style:normal}
.ec .kkn-sub{font-size:14px;color:#a088cc;line-height:1.9;text-align:center;margin:12px 0 20px}
.ec .kkn-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent);margin:20px 0}
.ec .kkn-features{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:16px 20px;margin-bottom:24px}
.ec .kkn-feat{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13px;line-height:1.6;color:#e8d9ff}
.ec .kkn-feat-dot{color:#c9a84c;flex-shrink:0;margin-top:2px}
.ec .kkn-btn{display:inline-block;font-family:inherit;cursor:pointer;border:none;border-radius:4px;transition:all .3s;letter-spacing:1px;width:100%;text-align:center;padding:14px}
.ec .kkn-btn-main{background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 20px rgba(201,168,76,.3)}
.ec .kkn-btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(201,168,76,.5)}
.ec .kkn-btn-ghost{background:0 0;color:#c9a84c;font-size:14px;border:1px solid #c9a84c;width:auto;padding:10px 28px}
.ec .kkn-btn-ghost:hover{background:rgba(201,168,76,.1)}
.ec .kkn-btn-reset{background:0 0;color:#a088cc;font-size:13px;border:1px solid rgba(255,255,255,.15);width:auto;padding:10px 24px}
.ec .kkn-btn-reset:hover{border-color:#c9a84c;color:#c9a84c}
.ec .kkn-form-section{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.15);border-radius:8px;padding:16px;margin-bottom:16px}
.ec .kkn-section-title{font-size:13px;font-weight:700;color:#c9a84c;margin-bottom:12px}
.ec .kkn-row{display:flex;gap:10px;align-items:flex-start}
.ec .kkn-field{flex:1;display:flex;flex-direction:column;gap:4px}
.ec .kkn-field label{font-size:11px;color:#a088cc;letter-spacing:.05em}
.ec .kkn-select{background:rgba(255,255,255,.05);border:1px solid rgba(201,168,76,.3);border-radius:4px;color:#e8d9ff;padding:8px 10px;font-size:14px;font-family:inherit;width:100%;appearance:none;-webkit-appearance:none}
.ec .kkn-select:focus{outline:none;border-color:#c9a84c}
.ec .kkn-error{display:none;color:#e87878;font-size:12px;margin-top:6px}
.ec .kkn-error.kkn-on{display:block}
.ec .kkn-checkbox-wrap{display:flex;align-items:center;gap:8px;font-size:13px;color:#a088cc;cursor:pointer;margin-bottom:8px}
.ec .kkn-checkbox-wrap input{accent-color:#c9a84c;width:16px;height:16px;cursor:pointer}
.ec .kkn-loading{text-align:center;padding:40px 0}
.ec .kkn-orbs{display:flex;justify-content:center;gap:10px;margin:20px 0}
.ec .kkn-orb{width:12px;height:12px;background:#c9a84c;border-radius:50%;animation:kknOrb 1.4s ease-in-out infinite}
.ec .kkn-orb:nth-child(1){animation-delay:0s}
.ec .kkn-orb:nth-child(2){animation-delay:.2s}
.ec .kkn-orb:nth-child(3){animation-delay:.4s}
.ec .kkn-orb:nth-child(4){animation-delay:.6s}
.ec .kkn-orb:nth-child(5){animation-delay:.8s}
.ec .kkn-loading-num{font-size:40px;font-weight:700;color:#c9a84c;margin:10px 0;text-shadow:0 0 20px rgba(201,168,76,.5)}
.ec .kkn-loading-txt{font-size:13px;color:#a088cc;line-height:1.8}
.ec .kkn-score-wrap{text-align:center;padding:24px 0 16px}
.ec .kkn-score-num{font-size:72px;font-weight:900;color:#c9a84c;text-shadow:0 0 30px rgba(201,168,76,.5);line-height:1}
.ec .kkn-score-pct{font-size:32px;font-weight:700;color:#c9a84c}
.ec .kkn-score-title{font-size:18px;font-weight:700;color:#fff;margin-top:8px}
.ec .kkn-meter-wrap{height:10px;background:rgba(255,255,255,.08);border-radius:5px;overflow:hidden;margin:12px 0 4px}
.ec .kkn-meter-fill{height:100%;background:linear-gradient(90deg,#8b5e20,#c9a84c);border-radius:5px;transition:width 1.2s ease;width:0}
.ec .kkn-meter-labels{display:flex;justify-content:space-between;font-size:10px;color:#a088cc;margin-bottom:16px}
.ec .kkn-cards-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0}
.ec .kkn-py-box,.ec .kkn-fav-box{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:16px;margin-bottom:14px;font-size:13px;line-height:1.8;color:#e8d9ff}
.ec .kkn-msg-box{background:rgba(201,168,76,.05);border:1px solid rgba(201,168,76,.25);border-radius:8px;padding:18px;margin-bottom:20px}
.ec .kkn-msg-title{font-size:12px;font-weight:700;color:#c9a84c;letter-spacing:2px;margin-bottom:10px}
.ec .kkn-msg-text{font-size:14px;line-height:1.9;color:#e8d9ff}
.ec .kkn-cta-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;text-align:center;margin-top:20px}
.ec .kkn-cta-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:10px}
.ec .kkn-cta-desc{font-size:13px;color:#a088cc;line-height:1.8;margin-bottom:16px}
.ec .kkn-cta-hl{color:#c9a84c;font-weight:700}
.ec .kkn-cta-btn1{display:block;background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-size:14px;font-weight:700;padding:14px;border-radius:4px;text-decoration:none;margin-bottom:10px;transition:opacity .2s}
.ec .kkn-cta-btn1:hover{opacity:.85;text-decoration:none;color:#fff}
.ec .kkn-cta-btn2{display:block;background:0 0;color:#c9a84c;font-size:13px;padding:10px;border:1px solid #c9a84c;border-radius:4px;text-decoration:none;transition:all .2s}
.ec .kkn-cta-btn2:hover{background:rgba(201,168,76,.1);text-decoration:none}
.ec .kkn-cta-note{font-size:11px;color:#a088cc;margin-top:8px}
.ec .t-answer-badge{text-align:center;margin:12px 0 20px}
.ec .t-cta-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}
.ec .article-list{list-style:none;padding:0;margin:0}
.ec .article-list li{display:block}
.ec .al-link{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--fg);transition:color .12s}
.ec .al-link:hover{text-decoration:none}
.ec .al-link:hover .al-title{color:var(--accent)}
.ec .al-new,.ec .al-cat{display:inline-block;flex-shrink:0;padding:2px 7px;border:1px solid var(--accent);border-radius:2px;font-size:9.6px;color:var(--accent);font-weight:700;white-space:nowrap;margin-top:3px}
.ec .al-body{flex:1;min-width:0}
.ec .al-title{font-size:13.6px;font-weight:500;color:var(--fg);line-height:1.5;transition:color .12s}
.ec .u-background-linear-gradient-135deg-x2d8040-x6{background:linear-gradient(135deg,#2d8040,#60d080) !important}
.ec .u-background-linear-gradient-135deg-x4aa8e0-x9{background:linear-gradient(135deg,#4aa8e0,#90d4ff) !important}
.ec .u-background-linear-gradient-135deg-x5a3a8a-x9{background:linear-gradient(135deg,#5a3a8a,#9070d0) !important}
.ec .u-background-linear-gradient-135deg-xc0392b-x8{background:linear-gradient(135deg,#c0392b,#8e44ad) !important}
.ec .u-background-linear-gradient-135deg-xc9a84c-xe{background:linear-gradient(135deg,#c9a84c,#e8d08a) !important}
.ec .u-background-linear-gradient-135deg-xf3e5f5-xe{background:linear-gradient(135deg,#f3e5f5,#ede7f6) !important}
.ec .u-background-linear-gradient-135deg-xfce4ec-xf{background:linear-gradient(135deg,#fce4ec,#f3e5f5) !important}
.ec .u-background-linear-gradient-135deg-xfff8e1-xf{background:linear-gradient(135deg,#fff8e1,#fff3cd) !important}
.ec .u-background-linear-gradient-135deg-xfff9e6-xf{background:linear-gradient(135deg,#fff9e6,#fff3cc) !important}
.ec .u-background-x004d40{background:#004d40 !important}
.ec .u-background-x0d2137{background:#0d2137 !important}
.ec .u-background-x111{background:#111 !important}
.ec .u-background-x1565c0{background:#1565c0 !important}
.ec .u-background-x1a0a2e{background:#1a0a2e !important}
.ec .u-background-x1a3320{background:#1a3320 !important}
.ec .u-background-x1a5276{background:#1a5276 !important}
.ec .u-background-x1a6aaa11{background:#1a6aaa11 !important}
.ec .u-background-x1a6aaa22{background:#1a6aaa22 !important}
.ec .u-background-x1a6aaa{background:#1a6aaa !important}
.ec .u-background-x1c1a3a{background:#1c1a3a !important}
.ec .u-background-x1e8449{background:#1e8449 !important}
.ec .u-background-x283593{background:#283593 !important}
.ec .u-background-x2980b911{background:#2980b911 !important}
.ec .u-background-x2980b922{background:#2980b922 !important}
.ec .u-background-x2980b9{background:#2980b9 !important}
.ec .u-background-x2a6a3a11{background:#2a6a3a11 !important}
.ec .u-background-x2a6a3a22{background:#2a6a3a22 !important}
.ec .u-background-x2a6a3a{background:#2a6a3a !important}
.ec .u-background-x2e7d32{background:#2e7d32 !important}
.ec .u-background-x3a6abf11{background:#3a6abf11 !important}
.ec .u-background-x3a6abf22{background:#3a6abf22 !important}
.ec .u-background-x3a6abf{background:#3a6abf !important}
.ec .u-background-x3a8a4a{background:#3a8a4a !important}
.ec .u-background-x4a148c{background:#4a148c !important}
.ec .u-background-x5a3a8a11{background:#5a3a8a11 !important}
.ec .u-background-x5a3a8a22{background:#5a3a8a22 !important}
.ec .u-background-x5a3a8a{background:#5a3a8a !important}
.ec .u-background-x5b4a7a11{background:#5b4a7a11 !important}
.ec .u-background-x5b4a7a22{background:#5b4a7a22 !important}
.ec .u-background-x5b4a7a{background:#5b4a7a !important}
.ec .u-background-x6a1b9a{background:#6a1b9a !important}
.ec .u-background-x7b1a00{background:#7b1a00 !important}
.ec .u-background-x7d3c98{background:#7d3c98 !important}
.ec .u-background-x9b59b611{background:#9b59b611 !important}
.ec .u-background-x9b59b622{background:#9b59b622 !important}
.ec .u-background-x9b59b6{background:#9b59b6 !important}
.ec .u-background-x9c27b0{background:#9c27b0 !important}
.ec .u-background-xb35c00{background:#b35c00 !important}
.ec .u-background-xc0392b11{background:#c0392b11 !important}
.ec .u-background-xc0392b{background:#c0392b !important}
.ec .u-background-xd4a01711{background:#d4a01711 !important}
.ec .u-background-xd4a017{background:#d4a017 !important}
.ec .u-background-xe65100{background:#e65100 !important}
.ec .u-background-xe65c00{background:#e65c00 !important}
.ec .u-background-xe67e2211{background:#e67e2211 !important}
.ec .u-background-xe67e2222{background:#e67e2222 !important}
.ec .u-background-xe67e22{background:#e67e22 !important}
.ec .u-background-xe8f4ea{background:#e8f4ea !important}
.ec .u-background-xe8f4f0{background:#e8f4f0 !important}
.ec .u-background-xe91e8c{background:#e91e8c !important}
.ec .u-background-xeaf4fb{background:#eaf4fb !important}
.ec .u-background-xeee{background:#eee !important}
.ec .u-background-xeef3fb{background:#eef3fb !important}
.ec .u-background-xf0e6d2{background:#f0e6d2 !important}
.ec .u-background-xf0e8f8{background:#f0e8f8 !important}
.ec .u-background-xf0ece4{background:#f0ece4 !important}
.ec .u-background-xf0f0f0{background:#f0f0f0 !important}
.ec .u-background-xf0f0f8{background:#f0f0f8 !important}
.ec .u-background-xf0f4ff{background:#f0f4ff !important}
.ec .u-background-xf0f5ff{background:#f0f5ff !important}
.ec .u-background-xf0f7f0{background:#f0f7f0 !important}
.ec .u-background-xf0f7ff{background:#f0f7ff !important}
.ec .u-background-xf0f8ff{background:#f0f8ff !important}
.ec .u-background-xf0fff4{background:#f0fff4 !important}
.ec .u-background-xf2f8f2{background:#f2f8f2 !important}
.ec .u-background-xf3e5f5{background:#f3e5f5 !important}
.ec .u-background-xf3e8ef{background:#f3e8ef !important}
.ec .u-background-xf5a7c7{background:#f5a7c7 !important}
.ec .u-background-xf5f0ff{background:#f5f0ff !important}
.ec .u-background-xf5f5f5{background:#f5f5f5 !important}
.ec .u-background-xf5f8ff{background:#f5f8ff !important}
.ec .u-background-xf5faff{background:#f5faff !important}
.ec .u-background-xf5fff8{background:#f5fff8 !important}
.ec .u-background-xf7faff{background:#f7faff !important}
.ec .u-background-xf8f5ee{background:#f8f5ee !important}
.ec .u-background-xf8f5ff{background:#f8f5ff !important}
.ec .u-background-xf8f7f4{background:#f8f7f4 !important}
.ec .u-background-xf8f8f8{background:#f8f8f8 !important}
.ec .u-background-xf8f9fa{background:#f8f9fa !important}
.ec .u-background-xf9ebea{background:#f9ebea !important}
.ec .u-background-xf9f6ff{background:#f9f6ff !important}
.ec .u-background-xf9f9f9{background:#f9f9f9 !important}
.ec .u-background-xfaf5fb{background:#faf5fb !important}
.ec .u-background-xfaf5ff{background:#faf5ff !important}
.ec .u-background-xfafafa{background:#fafafa !important}
.ec .u-background-xfbe9e7{background:#fbe9e7 !important}
.ec .u-background-xfdf5ff{background:#fdf5ff !important}
.ec .u-background-xfdf8ff{background:#fdf8ff !important}
.ec .u-background-xfff0e8{background:#fff0e8 !important}
.ec .u-background-xfff0f0{background:#fff0f0 !important}
.ec .u-background-xfff0fa{background:#fff0fa !important}
.ec .u-background-xfff3cd{background:#fff3cd !important}
.ec .u-background-xfff3f5{background:#fff3f5 !important}
.ec .u-background-xfff5e0{background:#fff5e0 !important}
.ec .u-background-xfff5f5{background:#fff5f5 !important}
.ec .u-background-xfff8e1{background:#fff8e1 !important}
.ec .u-background-xfff8e6{background:#fff8e6 !important}
.ec .u-background-xfff8f0{background:#fff8f0 !important}
.ec .u-background-xfff8f8{background:#fff8f8 !important}
.ec .u-background-xfff9e6{background:#fff9e6 !important}
.ec .u-background-xfffbee{background:#fffbee !important}
.ec .u-background-xfffbf0{background:#fffbf0 !important}
.ec .u-background-xfffdf0{background:#fffdf0 !important}
.ec .u-background-xfffdf7{background:#fffdf7 !important}
.ec .u-background-xfff{background:#fff !important}
.ec .u-border-1px-solid-rgba-255-255-255-0-1{border:1px solid rgba(255,255,255,.1) !important}
.ec .u-border-1px-solid-vln-ccd{border:1px solid var(--ln-ccd) !important}
.ec .u-border-1px-solid-vln-ddd{border:1px solid var(--ln-ddd) !important}
.ec .u-border-1px-solid-vln-e0e0e0{border:1px solid var(--ln-e0e0e0) !important}
.ec .u-border-1px-solid-vln-eee{border:1px solid var(--ln-eee) !important}
.ec .u-border-1px-solid-x0077b5{border:1px solid #0077b5 !important}
.ec .u-border-1px-solid-x1a6aaa33{border:1px solid #1a6aaa33 !important}
.ec .u-border-1px-solid-x2980b933{border:1px solid #2980b933 !important}
.ec .u-border-1px-solid-x2a6a3a33{border:1px solid #2a6a3a33 !important}
.ec .u-border-1px-solid-x2a6a3a{border:1px solid #2a6a3a !important}
.ec .u-border-1px-solid-x3a6abf33{border:1px solid #3a6abf33 !important}
.ec .u-border-1px-solid-x3a6abf{border:1px solid #3a6abf !important}
.ec .u-border-1px-solid-x5a3a8a33{border:1px solid #5a3a8a33 !important}
.ec .u-border-1px-solid-x5b4a7a33{border:1px solid #5b4a7a33 !important}
.ec .u-border-1px-solid-x80b8d8{border:1px solid #80b8d8 !important}
.ec .u-border-1px-solid-x8acc9a{border:1px solid #8acc9a !important}
.ec .u-border-1px-solid-x9b59b633{border:1px solid #9b59b633 !important}
.ec .u-border-1px-solid-x9bb3e8{border:1px solid #9bb3e8 !important}
.ec .u-border-1px-solid-xa07535{border:1px solid #a07535 !important}
.ec .u-border-1px-solid-xa0b8e8{border:1px solid #a0b8e8 !important}
.ec .u-border-1px-solid-xa0c8e8{border:1px solid #a0c8e8 !important}
.ec .u-border-1px-solid-xa0d8b0{border:1px solid #a0d8b0 !important}
.ec .u-border-1px-solid-xb09ad8{border:1px solid #b09ad8 !important}
.ec .u-border-1px-solid-xc0392b33{border:1px solid #c0392b33 !important}
.ec .u-border-1px-solid-xc8b8f8{border:1px solid #c8b8f8 !important}
.ec .u-border-1px-solid-xc9a8e8{border:1px solid #c9a8e8 !important}
.ec .u-border-1px-solid-xd4a01733{border:1px solid #d4a01733 !important}
.ec .u-border-1px-solid-xd4a017{border:1px solid #d4a017 !important}
.ec .u-border-1px-solid-xd7bde2{border:1px solid #d7bde2 !important}
.ec .u-border-1px-solid-xd8b4fe{border:1px solid #d8b4fe !important}
.ec .u-border-1px-solid-xe0c898{border:1px solid #e0c898 !important}
.ec .u-border-1px-solid-xe67e2233{border:1px solid #e67e2233 !important}
.ec .u-border-1px-solid-xe74c3c{border:1px solid #e74c3c !important}
.ec .u-border-1px-solid-xe8a0a0{border:1px solid #e8a0a0 !important}
.ec .u-border-1px-solid-xe8c97a{border:1px solid #e8c97a !important}
.ec .u-border-1px-solid-xf0a0a0{border:1px solid #f0a0a0 !important}
.ec .u-border-1px-solid-xf0d080{border:1px solid #f0d080 !important}
.ec .u-border-2px-solid-x004d40{border:2px solid #004d40 !important}
.ec .u-border-2px-solid-x1565c0{border:2px solid #1565c0 !important}
.ec .u-border-2px-solid-x1a6aaa{border:2px solid #1a6aaa !important}
.ec .u-border-2px-solid-x283593{border:2px solid #283593 !important}
.ec .u-border-2px-solid-x2a6a3a{border:2px solid #2a6a3a !important}
.ec .u-border-2px-solid-x2e7d32{border:2px solid #2e7d32 !important}
.ec .u-border-2px-solid-x3a6abf{border:2px solid #3a6abf !important}
.ec .u-border-2px-solid-x5a3a8a{border:2px solid #5a3a8a !important}
.ec .u-border-2px-solid-x6a1b9a{border:2px solid #6a1b9a !important}
.ec .u-border-2px-solid-x7b1fa2{border:2px solid #7b1fa2 !important}
.ec .u-border-2px-solid-x9b59b6{border:2px solid #9b59b6 !important}
.ec .u-border-2px-solid-x9c27b0{border:2px solid #9c27b0 !important}
.ec .u-border-2px-solid-xb44{border:2px solid #b44 !important}
.ec .u-border-2px-solid-xc0392b{border:2px solid #c0392b !important}
.ec .u-border-2px-solid-xc2185b{border:2px solid #c2185b !important}
.ec .u-border-2px-solid-xd4a017{border:2px solid #d4a017 !important}
.ec .u-border-2px-solid-xe65100{border:2px solid #e65100 !important}
.ec .u-border-2px-solid-xe74c3c{border:2px solid #e74c3c !important}
.ec .u-border-2px-solid-xe91e63{border:2px solid #e91e63 !important}
.ec .u-border-2px-solid-xe91e8c{border:2px solid #e91e8c !important}
.ec .u-border-2px-solid-xf5a623{border:2px solid #f5a623 !important}
.ec .u-border-2px-solid-xffca28{border:2px solid #ffca28 !important}
.ec .u-clear-both{clear:both !important}
.ec .u-color-rgba-255-255-255-0-75{color:rgba(255,255,255,.75) !important}
.ec .u-color-rgba-255-255-255-0-9{color:rgba(255,255,255,.9) !important}
.ec .u-color-vaccent{color:var(--accent) !important}
.ec .u-color-vfg-111{color:var(--fg-111) !important}
.ec .u-color-vfg-222{color:var(--fg-222) !important}
.ec .u-color-vfg-333{color:var(--fg-333) !important}
.ec .u-color-vfg-444{color:var(--fg-444) !important}
.ec .u-color-vfg-555{color:var(--fg-555) !important}
.ec .u-color-vfg-616161{color:var(--fg-616161) !important}
.ec .u-color-vfg-666{color:var(--fg-666) !important}
.ec .u-color-vfg-777{color:var(--fg-777) !important}
.ec .u-color-vfg-888{color:var(--fg-888) !important}
.ec .u-color-vfg-999{color:var(--fg-999) !important}
.ec .u-color-vfg{color:var(--fg) !important}
.ec .u-color-vhd-fg{color:var(--hd-fg) !important}
.ec .u-color-white{color:#fff !important}
.ec .u-color-x0077b5{color:#0077b5 !important}
.ec .u-color-x0a3a6a{color:#0a3a6a !important}
.ec .u-color-x0d2137{color:#0d2137 !important}
.ec .u-color-x155a8a{color:#155a8a !important}
.ec .u-color-x1a0a2e{color:#1a0a2e !important}
.ec .u-color-x1a3a5a{color:#1a3a5a !important}
.ec .u-color-x1a3a7f{color:#1a3a7f !important}
.ec .u-color-x1a3a8f{color:#1a3a8f !important}
.ec .u-color-x1a4a2a{color:#1a4a2a !important}
.ec .u-color-x1a5a8a{color:#1a5a8a !important}
.ec .u-color-x1a6aaa{color:#1a6aaa !important}
.ec .u-color-x1f5a2f{color:#1f5a2f !important}
.ec .u-color-x2980b9{color:#2980b9 !important}
.ec .u-color-x2a4a8a{color:#2a4a8a !important}
.ec .u-color-x2a4a9f{color:#2a4a9f !important}
.ec .u-color-x2a6a3a{color:#2a6a3a !important}
.ec .u-color-x2e7d32{color:#2e7d32 !important}
.ec .u-color-x3498db{color:#3498db !important}
.ec .u-color-x3a2060{color:#3a2060 !important}
.ec .u-color-x3a6abf{color:#3a6abf !important}
.ec .u-color-x48a{color:#48a !important}
.ec .u-color-x4a2a7a{color:#4a2a7a !important}
.ec .u-color-x4a7{color:#4a7 !important}
.ec .u-color-x4a8{color:#4a8 !important}
.ec .u-color-x579{color:#579 !important}
.ec .u-color-x5a2a4a{color:#5a2a4a !important}
.ec .u-color-x5a3a8a{color:#5a3a8a !important}
.ec .u-color-x5b2d82{color:#5b2d82 !important}
.ec .u-color-x5b4a7a{color:#5b4a7a !important}
.ec .u-color-x6a1b9a{color:#6a1b9a !important}
.ec .u-color-x6a2a8a{color:#6a2a8a !important}
.ec .u-color-x6a3a92{color:#6a3a92 !important}
.ec .u-color-x6a3d9b{color:#6a3d9b !important}
.ec .u-color-x6c3483{color:#6c3483 !important}
.ec .u-color-x706090{color:#706090 !important}
.ec .u-color-x7a3a8a{color:#7a3a8a !important}
.ec .u-color-x7a5c00{color:#7a5c00 !important}
.ec .u-color-x7a7{color:#7a7 !important}
.ec .u-color-x7b1fa2{color:#7b1fa2 !important}
.ec .u-color-x7d5a00{color:#7d5a00 !important}
.ec .u-color-x80e0a0{color:#80e0a0 !important}
.ec .u-color-x8a2a2a{color:#8a2a2a !important}
.ec .u-color-x8a6a00{color:#8a6a00 !important}
.ec .u-color-x8b1a1a{color:#8b1a1a !important}
.ec .u-color-x90d4ff{color:#90d4ff !important}
.ec .u-color-x96c{color:#96c !important}
.ec .u-color-x9b59b6{color:#9b59b6 !important}
.ec .u-color-x9c27b0{color:#9c27b0 !important}
.ec .u-color-xa02d20{color:#a02d20 !important}
.ec .u-color-xa03030{color:#a03030 !important}
.ec .u-color-xa088cc{color:#a088cc !important}
.ec .u-color-xa4a{color:#a4a !important}
.ec .u-color-xa55{color:#a55 !important}
.ec .u-color-xa74{color:#a74 !important}
.ec .u-color-xb44{color:#b44 !important}
.ec .u-color-xc0392b{color:#c0392b !important}
.ec .u-color-xc0b0ff{color:#c0b0ff !important}
.ec .u-color-xc2185b{color:#c2185b !important}
.ec .u-color-xc85{color:#c85 !important}
.ec .u-color-xc9a84c{color:#c9a84c !important}
.ec .u-color-xd4a017{color:#d4a017 !important}
.ec .u-color-xd68{color:#d68 !important}
.ec .u-color-xe65100{color:#e65100 !important}
.ec .u-color-xe65c00{color:#e65c00 !important}
.ec .u-color-xe67e22{color:#e67e22 !important}
.ec .u-color-xe74c3c{color:#e74c3c !important}
.ec .u-color-xe8d08a{color:#e8d08a !important}
.ec .u-color-xe91e63{color:#e91e63 !important}
.ec .u-color-xffaa80{color:#ffaa80 !important}
.ec .u-color-xfff{color:#fff !important}
.ec .u-cursor-not-allowed{cursor:not-allowed !important}
.ec .u-display-block{display:block !important}
.ec .u-display-flex{display:flex !important}
.ec .u-display-inline-block{display:inline-block !important}
.ec .u-display-none{display:none !important}
.ec .u-flex-1{flex:1 !important}
.ec .u-flex-2{flex:2 !important}
.ec .u-gap-10px{gap:10px !important}
.ec .u-gap-12px{gap:12px !important}
.ec .u-gap-16px{gap:16px !important}
.ec .u-gap-8px{gap:8px !important}
.ec .u-height-auto{height:auto !important}
.ec .u-margin-0-0-14px-0{margin:0 0 14px !important}
.ec .u-margin-0-0-8px{margin:0 0 8px !important}
.ec .u-margin-0-auto{margin:0 auto !important}
.ec .u-margin-0{margin:0 !important}
.ec .u-margin-1-5em-0{margin:1.5em 0 !important}
.ec .u-margin-10px-0{margin:10px 0 !important}
.ec .u-margin-12px-0-0{margin:12px 0 0 !important}
.ec .u-margin-12px-0-24px{margin:12px 0 24px !important}
.ec .u-margin-12px-0-6px{margin:12px 0 6px !important}
.ec .u-margin-12px-0{margin:12px 0 !important}
.ec .u-margin-14px-0{margin:14px 0 !important}
.ec .u-margin-16px-0{margin:16px 0 !important}
.ec .u-margin-16px-auto{margin:16px auto !important}
.ec .u-margin-20px-0{margin:20px 0 !important}
.ec .u-margin-24px-0{margin:24px 0 !important}
.ec .u-margin-28px-0{margin:28px 0 !important}
.ec .u-margin-30px-0{margin:30px 0 !important}
.ec .u-margin-32px-0{margin:32px 0 !important}
.ec .u-margin-40px-0-20px{margin:40px 0 20px !important}
.ec .u-margin-40px-0{margin:40px 0 !important}
.ec .u-margin-6px{margin:6px !important}
.ec .u-margin-8px-0{margin:8px 0 !important}
.ec .u-opacity-4{opacity:.4 !important}
.ec .u-opacity-72{opacity:.72 !important}
.ec .u-padding-10px-14px{padding:10px 14px !important}
.ec .u-padding-10px-16px{padding:10px 16px !important}
.ec .u-padding-10px-20px{padding:10px 20px !important}
.ec .u-padding-10px-22px{padding:10px 22px !important}
.ec .u-padding-10px-24px{padding:10px 24px !important}
.ec .u-padding-10px-8px{padding:10px 8px !important}
.ec .u-padding-10px{padding:10px !important}
.ec .u-padding-11px-24px{padding:11px 24px !important}
.ec .u-padding-11px-28px{padding:11px 28px !important}
.ec .u-padding-12px-16px{padding:12px 16px !important}
.ec .u-padding-12px-24px{padding:12px 24px !important}
.ec .u-padding-12px-28px{padding:12px 28px !important}
.ec .u-padding-12px-32px{padding:12px 32px !important}
.ec .u-padding-12px{padding:12px !important}
.ec .u-padding-13px-28px{padding:13px 28px !important}
.ec .u-padding-14px-16px{padding:14px 16px !important}
.ec .u-padding-14px-18px{padding:14px 18px !important}
.ec .u-padding-14px{padding:14px !important}
.ec .u-padding-16px-0-20px{padding:16px 0 20px !important}
.ec .u-padding-16px-0-8px{padding:16px 0 8px !important}
.ec .u-padding-16px-18px{padding:16px 18px !important}
.ec .u-padding-16px-20px-2px{padding:16px 20px 2px !important}
.ec .u-padding-16px-20px{padding:16px 20px !important}
.ec .u-padding-16px{padding:16px !important}
.ec .u-padding-18px-22px{padding:18px 22px !important}
.ec .u-padding-18px{padding:18px !important}
.ec .u-padding-20px-0-16px{padding:20px 0 16px !important}
.ec .u-padding-20px-24px{padding:20px 24px !important}
.ec .u-padding-20px{padding:20px !important}
.ec .u-padding-22px-20px{padding:22px 20px !important}
.ec .u-padding-22px{padding:22px !important}
.ec .u-padding-24px-20px{padding:24px 20px !important}
.ec .u-padding-24px{padding:24px !important}
.ec .u-padding-28px-20px{padding:28px 20px !important}
.ec .u-padding-2px-8px{padding:2px 8px !important}
.ec .u-padding-4px-0{padding:4px 0 !important}
.ec .u-padding-4px-10px{padding:4px 10px !important}
.ec .u-padding-4px-14px{padding:4px 14px !important}
.ec .u-padding-4px-8px-4px-0{padding:4px 8px 4px 0 !important}
.ec .u-padding-5px-14px{padding:5px 14px !important}
.ec .u-padding-5px-8px{padding:5px 8px !important}
.ec .u-padding-6px-0{padding:6px 0 !important}
.ec .u-padding-6px-10px-6px-0{padding:6px 10px 6px 0 !important}
.ec .u-padding-6px-10px{padding:6px 10px !important}
.ec .u-padding-6px-14px{padding:6px 14px !important}
.ec .u-padding-6px-16px{padding:6px 16px !important}
.ec .u-padding-6px-18px{padding:6px 18px !important}
.ec .u-padding-6px-20px-10px{padding:6px 20px 10px !important}
.ec .u-padding-6px-8px{padding:6px 8px !important}
.ec .u-padding-6px{padding:6px !important}
.ec .u-padding-7px-8px{padding:7px 8px !important}
.ec .u-padding-8px-10px{padding:8px 10px !important}
.ec .u-padding-8px-16px{padding:8px 16px !important}
.ec .u-padding-8px{padding:8px !important}
.ec .u-padding-9px-18px{padding:9px 18px !important}
.ec .u-padding-9px-20px{padding:9px 20px !important}
.ec .u-padding-9px{padding:9px !important}
.ec .u-width-100{width:100% !important}
.ec .u-width-3em{width:3em !important}
.ec .u-width-5-5em{width:5.5em !important}
.ec .u-width-5em{width:5em !important}
.ec .u-width-6em{width:6em !important}
.ec .u-align-items-center{align-items:center !important}
.ec .u-align-items-flex-start{align-items:flex-start !important}
.ec .u-border-bottom-1px-solid-xa0b8e8{border-bottom:1px solid #a0b8e8 !important}
.ec .u-border-bottom-1px-solid-xa0c8e8{border-bottom:1px solid #a0c8e8 !important}
.ec .u-border-bottom-1px-solid-xa0d8b0{border-bottom:1px solid #a0d8b0 !important}
.ec .u-border-bottom-1px-solid-xc8b8f8{border-bottom:1px solid #c8b8f8 !important}
.ec .u-border-bottom-1px-solid-xd8b4fe{border-bottom:1px solid #d8b4fe !important}
.ec .u-border-bottom-1px-solid-xe8daef{border-bottom:1px solid #e8daef !important}
.ec .u-border-bottom-1px-solid-xeee{border-bottom:1px solid #eee !important}
.ec .u-border-bottom-1px-solid-xf0a0a0{border-bottom:1px solid #f0a0a0 !important}
.ec .u-border-bottom-1px-solid-xf0d080{border-bottom:1px solid #f0d080 !important}
.ec .u-border-collapse-collapse{border-collapse:collapse !important}
.ec .u-border-color-x48a{border-color:#48a !important}
.ec .u-border-color-x4a7{border-color:#4a7 !important}
.ec .u-border-color-x4a8{border-color:#4a8 !important}
.ec .u-border-color-x579{border-color:#579 !important}
.ec .u-border-color-x777{border-color:#777 !important}
.ec .u-border-color-x7a7{border-color:#7a7 !important}
.ec .u-border-color-x888{border-color:#888 !important}
.ec .u-border-color-x96c{border-color:#96c !important}
.ec .u-border-color-xa4a{border-color:#a4a !important}
.ec .u-border-color-xa55{border-color:#a55 !important}
.ec .u-border-color-xa74{border-color:#a74 !important}
.ec .u-border-color-xb44{border-color:#b44 !important}
.ec .u-border-color-xc85{border-color:#c85 !important}
.ec .u-border-color-xd68{border-color:#d68 !important}
.ec .u-border-left-3px-solid-x004d40{border-left:3px solid #004d40 !important}
.ec .u-border-left-3px-solid-x1565c0{border-left:3px solid #1565c0 !important}
.ec .u-border-left-3px-solid-x283593{border-left:3px solid #283593 !important}
.ec .u-border-left-3px-solid-x2e7d32{border-left:3px solid #2e7d32 !important}
.ec .u-border-left-3px-solid-x3498db{border-left:3px solid #3498db !important}
.ec .u-border-left-3px-solid-x6a1b9a{border-left:3px solid #6a1b9a !important}
.ec .u-border-left-3px-solid-x9c27b0{border-left:3px solid #9c27b0 !important}
.ec .u-border-left-3px-solid-xccc{border-left:3px solid #ccc !important}
.ec .u-border-left-3px-solid-xddd{border-left:3px solid #ddd !important}
.ec .u-border-left-3px-solid-xe65100{border-left:3px solid #e65100 !important}
.ec .u-border-left-3px-solid-xe91e8c{border-left:3px solid #e91e8c !important}
.ec .u-border-left-3px-solid-xf39c12{border-left:3px solid #f39c12 !important}
.ec .u-border-left-4px-solid-x1a6aaa{border-left:4px solid #1a6aaa !important}
.ec .u-border-left-4px-solid-x27ae60{border-left:4px solid #27ae60 !important}
.ec .u-border-left-4px-solid-x2980b9{border-left:4px solid #2980b9 !important}
.ec .u-border-left-4px-solid-x2a6a3a{border-left:4px solid #2a6a3a !important}
.ec .u-border-left-4px-solid-x3a6abf{border-left:4px solid #3a6abf !important}
.ec .u-border-left-4px-solid-x4caf50{border-left:4px solid #4caf50 !important}
.ec .u-border-left-4px-solid-x5a3a8a{border-left:4px solid #5a3a8a !important}
.ec .u-border-left-4px-solid-x5b4a7a{border-left:4px solid #5b4a7a !important}
.ec .u-border-left-4px-solid-x9b59b6{border-left:4px solid #9b59b6 !important}
.ec .u-border-left-4px-solid-x9c27b0{border-left:4px solid #9c27b0 !important}
.ec .u-border-left-4px-solid-xa5780f{border-left:4px solid #a5780f !important}
.ec .u-border-left-4px-solid-xc0392b{border-left:4px solid #c0392b !important}
.ec .u-border-left-4px-solid-xc9a84c{border-left:4px solid #c9a84c !important}
.ec .u-border-left-4px-solid-xd4a017{border-left:4px solid #d4a017 !important}
.ec .u-border-left-4px-solid-xe67e22{border-left:4px solid #e67e22 !important}
.ec .u-border-left-4px-solid-xf39c12{border-left:4px solid #f39c12 !important}
.ec .u-border-left-4px-solid-xf9a825{border-left:4px solid #f9a825 !important}
.ec .u-border-left-4px-solid-xff8c42{border-left:4px solid #ff8c42 !important}
.ec .u-border-radius-0-8px-8px-0{border-radius:0 8px 8px 0 !important}
.ec .u-border-radius-10px{border-radius:10px !important}
.ec .u-border-radius-12px{border-radius:12px !important}
.ec .u-border-radius-14px{border-radius:14px !important}
.ec .u-border-radius-24px{border-radius:24px !important}
.ec .u-border-radius-25px{border-radius:25px !important}
.ec .u-border-radius-3px{border-radius:3px !important}
.ec .u-border-radius-4px{border-radius:4px !important}
.ec .u-border-radius-50px{border-radius:50px !important}
.ec .u-border-radius-6px{border-radius:6px !important}
.ec .u-border-radius-7px{border-radius:7px !important}
.ec .u-border-radius-8px{border-radius:8px !important}
.ec .u-box-shadow-0-4px-18px-rgba-0-0-0-0-18{box-shadow:0 4px 18px rgba(0,0,0,.18) !important}
.ec .u-flex-direction-column{flex-direction:column !important}
.ec .u-flex-wrap-wrap{flex-wrap:wrap !important}
.ec .u-font-size-0-82em{font-size:.82em !important}
.ec .u-font-size-0-85em{font-size:.85em !important}
.ec .u-font-size-0-88em{font-size:.88em !important}
.ec .u-font-size-0-8em{font-size:.8em !important}
.ec .u-font-size-0-92em{font-size:.92em !important}
.ec .u-font-size-0-94em{font-size:.94em !important}
.ec .u-font-size-0-95em{font-size:.95em !important}
.ec .u-font-size-0-9em{font-size:.9em !important}
.ec .u-font-size-1-05em{font-size:1.05em !important}
.ec .u-font-size-1-06em{font-size:1.06em !important}
.ec .u-font-size-1-15em{font-size:1.15em !important}
.ec .u-font-size-1-1em{font-size:1.1em !important}
.ec .u-font-size-1-35em{font-size:1.35em !important}
.ec .u-font-size-11px{font-size:11px !important}
.ec .u-font-size-12px{font-size:12px !important}
.ec .u-font-size-13px{font-size:13px !important}
.ec .u-font-size-14px{font-size:14px !important}
.ec .u-font-size-15px{font-size:15px !important}
.ec .u-font-size-16px{font-size:16px !important}
.ec .u-font-size-17px{font-size:17px !important}
.ec .u-font-size-18px{font-size:18px !important}
.ec .u-font-size-1em{font-size:1em !important}
.ec .u-font-size-20px{font-size:20px !important}
.ec .u-font-size-56px{font-size:56px !important}
.ec .u-font-size-72rem{font-size:11.52px !important}
.ec .u-font-size-74rem{font-size:11.84px !important}
.ec .u-font-size-78rem{font-size:12.48px !important}
.ec .u-font-size-83rem{font-size:13.28px !important}
.ec .u-font-size-85rem{font-size:13.6px !important}
.ec .u-font-size-88rem{font-size:14.08px !important}
.ec .u-font-size-8rem{font-size:12.8px !important}
.ec .u-font-size-90{font-size:90% !important}
.ec .u-font-style-italic{font-style:italic !important}
.ec .u-font-style-normal{font-style:normal !important}
.ec .u-font-weight-700{font-weight:700 !important}
.ec .u-font-weight-bold{font-weight:700 !important}
.ec .u-justify-content-center{justify-content:center !important}
.ec .u-letter-spacing-1px{letter-spacing:1px !important}
.ec .u-line-height-1-5{line-height:1.5 !important}
.ec .u-line-height-1-7{line-height:1.7 !important}
.ec .u-line-height-1-8{line-height:1.8 !important}
.ec .u-line-height-1-9{line-height:1.9 !important}
.ec .u-line-height-2{line-height:2 !important}
.ec .u-margin-bottom-10px{margin-bottom:10px !important}
.ec .u-margin-bottom-12px{margin-bottom:12px !important}
.ec .u-margin-bottom-14px{margin-bottom:14px !important}
.ec .u-margin-bottom-16px{margin-bottom:16px !important}
.ec .u-margin-bottom-18px{margin-bottom:18px !important}
.ec .u-margin-bottom-20px{margin-bottom:20px !important}
.ec .u-margin-bottom-4px{margin-bottom:4px !important}
.ec .u-margin-bottom-6px{margin-bottom:6px !important}
.ec .u-margin-bottom-8px{margin-bottom:8px !important}
.ec .u-margin-right-12px{margin-right:12px !important}
.ec .u-margin-right-4px{margin-right:4px !important}
.ec .u-margin-right-8px{margin-right:8px !important}
.ec .u-margin-top-0{margin-top:0 !important}
.ec .u-margin-top-10px{margin-top:10px !important}
.ec .u-margin-top-12px{margin-top:12px !important}
.ec .u-margin-top-14px{margin-top:14px !important}
.ec .u-margin-top-16px{margin-top:16px !important}
.ec .u-margin-top-20px{margin-top:20px !important}
.ec .u-margin-top-24px{margin-top:24px !important}
.ec .u-margin-top-40px{margin-top:40px !important}
.ec .u-margin-top-4px{margin-top:4px !important}
.ec .u-margin-top-6px{margin-top:6px !important}
.ec .u-margin-top-8px{margin-top:8px !important}
.ec .u-max-width-100{max-width:100% !important}
.ec .u-max-width-800px{max-width:800px !important}
.ec .u-max-width-860px{max-width:860px !important}
.ec .u-min-height-120px{min-height:120px !important}
.ec .u-min-width-280px{min-width:280px !important}
.ec .u-min-width-340px{min-width:340px !important}
.ec .u-min-width-480px{min-width:480px !important}
.ec .u-min-width-520px{min-width:520px !important}
.ec .u-min-width-540px{min-width:540px !important}
.ec .u-min-width-560px{min-width:560px !important}
.ec .u-min-width-600px{min-width:600px !important}
.ec .u-min-width-640px{min-width:640px !important}
.ec .u-min-width-680px{min-width:680px !important}
.ec .u-overflow-x-auto{overflow-x:auto !important}
.ec .u-text-align-center{text-align:center !important}
.ec .u-text-align-left{text-align:left !important}
.ec .u-text-align-right{text-align:right !important}
.ec .u-text-decoration-none{text-decoration:none !important}
.ec .u-vertical-align-top{vertical-align:top !important}
.ec .u-white-space-nowrap{white-space:nowrap !important}
.ec .u-word-break-break-word{word-break:break-word !important}
.ec .u-webkit-overflow-scrolling-touch{-webkit-overflow-scrolling:touch !important}
.ec-cmp .chip-wrap{max-width:860px;margin:0 auto;padding:14px 20px 6px}
.ec-cmp .chips{display:flex;flex-wrap:wrap;gap:6px}
.ec-cmp .ctrl{max-width:860px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ec-cmp .ctrl-lbl{font-size:11.52px;color:var(--fg);font-weight:700}
.ec-cmp .sort-btn{padding:4px 10px;border:1px solid var(--border);border-radius:3px;font-size:11.2px;cursor:pointer;background:var(--surface);color:var(--fg);transition:all .12s}
.ec-cmp .sort-btn:hover{border-color:var(--accent);color:var(--accent)}
.ec-cmp .sort-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}
.ec-cmp .count{font-size:11.52px;color:var(--fg);margin-left:auto}
.ec-cmp .btn{display:inline-block;padding:8px 14px;border-radius:3px;font-size:12.8px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .13s;white-space:nowrap;line-height:1.4}
.ec-cmp .btn-a{background:var(--accent);color:var(--bg);border:2px solid var(--accent)}
.ec-cmp .btn-a:hover{opacity:.8;color:var(--bg);text-decoration:none}
.ec-cmp .btn-d{background:0 0;color:var(--fg);border:1px solid var(--border)}
.ec-cmp .btn-d:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.ec-cmp .tbl-section{max-width:860px;margin:0 auto;padding:0 20px 20px}
.ec-cmp .swipe-bar{background:var(--hover);padding:6px 12px;font-size:11.2px;color:var(--accent);display:flex;align-items:center;gap:8px;border-radius:3px;margin-bottom:6px;transition:opacity .3s}
.ec-cmp .swipe-arr{font-size:14.4px}
.ec-cmp .tbl-note{max-width:860px;margin:0 auto 6px;padding:0 20px;font-size:11.2px;color:var(--muted,#777);line-height:1.6}
.ec-cmp .tbl-outer{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ec-cmp .tbl-outer table{width:100%;border-collapse:collapse;font-size:13.12px}
.ec-cmp .tbl-outer th,.ec-cmp .tbl-outer td{padding:10px 12px;border:1px solid var(--border);text-align:left;vertical-align:top}
.ec-cmp .tbl-outer thead th{background:var(--hover);font-weight:700;font-size:11.52px;white-space:nowrap;color:var(--fg)}
.ec-cmp .tbl-outer tbody tr:hover{background:var(--hover)}
.ec-cmp .tbl-outer tbody tr{cursor:default}
.ec-cmp .c-name{min-width:100px}
.ec-cmp .c-tags{min-width:100px}
.ec-cmp .c-sp{min-width:180px;font-size:11.52px}
.ec-cmp .c-price{min-width:80px;white-space:nowrap}
.ec-cmp .c-rev{min-width:90px}
.ec-cmp .c-svc{min-width:132px}
.ec-cmp .c-tchr{min-width:100px}
.ec-cmp .c-bonus{min-width:120px}
.ec-cmp .c-badge{min-width:80px}
.ec-cmp .tag{display:inline-block;padding:1px 6px;border-radius:2px;font-size:9.92px;font-weight:700;margin:1px 1px 1px 0;border:1px solid currentColor}
.ec-cmp .revlist-section{max-width:860px;margin:0 auto;padding:20px}
.ec-cmp .revlist-h2{font-size:16.8px;font-weight:800;padding:.5em .8em;background:var(--hover);border-left:3px solid var(--accent);border-radius:2px;margin-bottom:12px;line-height:1.4}
.ec-cmp .revlist-desc{font-size:13.12px;color:var(--fg);margin-bottom:16px;line-height:1.75}
.ec-cmp .revlist-more-btn{display:block;width:100%;max-width:240px;margin:14px auto 0;padding:9px;border:1px solid var(--accent);border-radius:3px;background:0 0;color:var(--accent);font-size:13.12px;font-weight:700;cursor:pointer;text-align:center;transition:all .13s}
.ec-cmp .revlist-more-btn:hover{background:var(--accent);color:var(--bg)}
.ec-cmp .content-section{max-width:860px;margin:20px auto 0;padding:0 20px}
.ec-cmp .sec-head{font-size:16.8px;font-weight:800;padding:.5em .8em;background:var(--hover);border-left:3px solid var(--accent);border-radius:2px;margin-bottom:0;line-height:1.4}
.ec-cmp .content-body-wrap{position:relative;overflow:hidden}
.ec-cmp .content-body{max-height:260px;overflow:hidden;transition:max-height .4s ease}
.ec-cmp .article{padding:20px 0;font-size:14.08px;line-height:1.85}
.ec-cmp .article p{margin-bottom:.9em}
.ec-cmp .article h2{font-size:16.8px;font-weight:800;margin:1.8em 0 .7em;padding:.5em .8em;background:var(--hover);border-left:3px solid var(--accent);border-radius:2px;line-height:1.4}
.ec-cmp .article h3{font-size:15.2px;font-weight:700;margin:1.4em 0 .5em;padding-bottom:.3em;border-bottom:1px solid var(--border)}
.ec-cmp .article ul,.ec-cmp .article ol{padding-left:1.4em;margin-bottom:1em}
.ec-cmp .article li{margin-bottom:.4em}
.ec-cmp .article blockquote{border-left:3px solid var(--accent);padding:.6em 1em;margin:1em 0;background:var(--hover);font-size:.88em}
.ec-cmp .article blockquote cite{display:block;font-size:11.52px;margin-top:.4em;color:var(--fg)}
.ec-cmp .article strong{font-weight:700}
.ec-cmp .article dl{margin-bottom:1em}
.ec-cmp .article dt{font-weight:700;margin-top:1em}
.ec-cmp .article dd{padding-left:1em;margin-bottom:.5em}
.ec-cmp .article table{width:100%;border-collapse:collapse;margin-bottom:1em}
.ec-cmp .article table th,.ec-cmp .article table td{padding:8px 10px;border:1px solid var(--border);font-size:12.8px;text-align:left;vertical-align:top}
.ec-cmp .article table thead th{background:var(--hover);font-weight:700}
.ec-cmp .cta-inline{display:block;text-align:center;padding:12px;background:var(--hover);border:1px solid var(--accent);border-radius:3px;color:var(--accent);font-weight:700;font-size:14.08px;margin:20px 0;text-decoration:none}
.ec-cmp .cta-inline:hover{background:var(--accent);color:var(--bg);text-decoration:none}
.ec-cmp .pexels-fig{margin:20px 0}
.ec-cmp .pexels-fig img{width:100%;max-width:800px;height:auto;display:block;margin:0 auto;border-radius:4px}
.ec-cmp .art-section{max-width:860px;margin:0 auto;padding:24px 20px 40px}
.ec-cmp .art-sec-title{font-size:16.8px;font-weight:800;padding:.5em .8em;border-left:4px solid var(--accent);margin-bottom:16px;line-height:1.4}
.ec-cmp .art-list{list-style:none;padding:0;margin:0}
.ec-cmp .art-list li{display:block}
.ec-cmp .al-link{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--fg);transition:color .12s}
.ec-cmp .al-link:hover{text-decoration:none}
.ec-cmp .al-link:hover .al-title{color:var(--accent)}
.ec-cmp .al-tag{display:inline-block;flex-shrink:0;padding:2px 7px;border:1px solid var(--accent);border-radius:2px;font-size:9.6px;color:var(--accent);font-weight:700;white-space:nowrap;margin-top:3px}
.ec-cmp .al-body{flex:1;min-width:0}
.ec-cmp .al-title{font-size:13.6px;font-weight:500;color:var(--fg);line-height:1.5;transition:color .12s}
.ec-cmp .revlist-empty{font-size:13.12px;color:#888;text-align:center;padding:20px 0}
.ec-cmp .cmp-table{width:100%;border-collapse:collapse;font-size:12.48px}
.ec-cmp .cmp-table td,.ec-cmp .cmp-table th{padding:8px 10px;border:1px solid var(--border);text-align:left;vertical-align:top;line-height:1.6}
.ec-cmp .cmp-table thead td,.ec-cmp .cmp-table thead th{background:var(--hover);font-weight:700;white-space:nowrap}
.ec-cmp .cmp-table tbody tr:hover{background:var(--hover)}
.ec-cmp .grp-note{margin:16px 0 0;padding:13px 15px;border-left:3px solid var(--border);background:var(--surface);border-radius:0 4px 4px 0;font-size:13px;line-height:1.9;color:var(--fg-333)}
.ec-cmp .grp-note p{margin:0 0 9px}
.ec-cmp .grp-note p:last-child{margin-bottom:0}
.ec-cmp .grp-note .grp-h{font-weight:700;color:var(--fg-111)}
.ec-sen .tag{display:inline-block;padding:2px 8px;border:1px solid currentColor;border-radius:2px;font-size:10.4px;font-weight:700}
.ec-sen .btn{display:inline-block;padding:10px 18px;border-radius:3px;font-size:13.12px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .13s;white-space:nowrap;line-height:1.4}
.ec-sen .btn-a{background:var(--accent);color:var(--bg);border:2px solid var(--accent)}
.ec-sen .btn-a:hover{opacity:.8;color:var(--bg);text-decoration:none}
.ec-sen .btn-d{background:0 0;color:var(--fg);border:1px solid var(--border)}
.ec-sen .btn-d:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.ec-por .main{max-width:860px;margin:0 auto;padding:28px 20px 60px}
.ec-por .micro-section{margin-bottom:40px}
.ec-por .sec-title{font-size:16px;font-weight:800;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--accent)}
.ec-por .micro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ec-por .mc{display:block;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:4px;padding:18px 16px;text-decoration:none;color:var(--fg);transition:box-shadow .15s}
.ec-por .mc:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none}
.ec-por .mc-name{font-size:15.2px;font-weight:800;color:var(--fg);margin-bottom:6px}
.ec-por .mc-desc{font-size:12.48px;color:var(--fg);line-height:1.7;margin-bottom:10px}
.ec-por .mc-link{font-size:11.52px;color:var(--accent);font-weight:700}
.ec-por .article-list{list-style:none;padding:0;margin:0}
.ec-por .article-list li{display:block}
.ec-por .al-link{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--fg);transition:color .12s}
.ec-por .al-link:hover{text-decoration:none}
.ec-por .al-link:hover .al-title{color:var(--accent)}
.ec-por .al-new,.ec-por .al-cat{display:inline-block;flex-shrink:0;padding:2px 7px;border:1px solid var(--accent);border-radius:2px;font-size:9.6px;color:var(--accent);font-weight:700;white-space:nowrap;margin-top:3px}
.ec-por .al-body{flex:1;min-width:0}
.ec-por .al-title{font-size:13.6px;font-weight:500;color:var(--fg);line-height:1.5;transition:color .12s}
.ec-por .theme-section,.ec-por .articles-section{margin-bottom:40px}
.ec-por .theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.ec-por .tc{display:block;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:4px;padding:16px 14px;text-decoration:none;color:var(--fg);transition:box-shadow .15s}
.ec-por .tc:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none}
.ec-por .tc-name{font-size:14.4px;font-weight:800;color:var(--fg);margin-bottom:6px}
.ec-por .tc-desc{font-size:12.16px;color:var(--fg);line-height:1.7;margin-bottom:10px}
.ec-por .tc-link{font-size:11.52px;color:var(--accent);font-weight:700}
.ec-por .al-date{display:block;font-size:10.88px;color:var(--fg);margin-top:3px;opacity:.7}
.ec-cmp .content-body.open{max-height:none;overflow:visible}
.ec-cmp .content-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.ec-cmp .content-fade.gone,.ec-cmp .more-wrap.gone{display:none}
.ec-cmp .more-wrap{text-align:center;padding:14px 20px 20px;max-width:860px;margin:0 auto}
.ec-cmp .more-btn{background:0 0;border:1px solid var(--accent);color:var(--accent);padding:9px 24px;border-radius:3px;font-size:13.12px;font-weight:700;cursor:pointer;transition:all .13s}
.ec-cmp .more-btn:hover{background:var(--accent);color:var(--bg)}
.ec-cmp .chip{display:inline-block;padding:5px 12px;border:1px solid var(--border);border-radius:20px;font-size:11.52px;cursor:pointer;background:var(--surface);color:var(--fg);transition:all .12s}
.ec-cmp .chip:hover{border-color:var(--accent);color:var(--accent)}
.ec-cmp .chip.active{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}
.ec-cmp .t-btns{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.ec-cmp .t-btns .btn{width:100%;padding:6px 8px;font-size:11.52px}
.ec-cmp .t-nm{font-weight:700;margin-bottom:2px}
.ec-cmp .t-kana{font-size:10.4px;color:var(--fg)}
.ec-cmp .price-n{font-weight:700}
.ec-cmp .price-u{font-size:11.52px;color:var(--fg)}
.ec-cmp .rev-star{color:var(--accent);font-weight:700}
.ec-cmp .rev-cnt{font-size:11.52px;color:var(--fg)}
.ec-cmp .review-card{border:1px solid var(--border);border-radius:4px;padding:12px 14px;margin-bottom:8px;background:var(--surface)}
.ec-cmp .rev-stars{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.ec-cmp .rev-text{font-size:13.6px;line-height:1.75;margin-bottom:4px}
.ec-cmp .rev-date{font-size:10.88px;color:var(--fg)}
.ec-cmp .rv-card{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:12px 14px;margin-bottom:10px}
.ec-cmp .rv-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px;font-size:11.84px}
.ec-cmp .rv-teacher{font-weight:700;color:var(--fg);text-decoration:none}
.ec-cmp a.rv-teacher:hover{color:var(--accent);text-decoration:underline}
.ec-cmp a.rv-teacher{text-decoration:underline;text-underline-offset:2px}
.ec-cmp span.rv-teacher{text-decoration:none;cursor:default}
.ec-cmp .rv-more{display:block;margin-top:10px;padding:8px 0;font-size:12.48px;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.ec-cmp .rv-more:hover{opacity:.75;color:var(--accent)}
.ec-cmp .rv-stars{color:var(--accent);letter-spacing:.05em}
.ec-cmp .rv-date{color:#888;font-size:10.88px;margin-left:auto}
.ec-cmp .rv-body{font-size:13.12px;line-height:1.8;color:var(--fg);white-space:pre-wrap;word-break:break-word}
.ec-cmp .rv-del{border:1px solid var(--border);background:0 0;color:#888;font-size:10.24px;padding:2px 6px;border-radius:2px;cursor:pointer}
.ec-cmp .rv-del:hover{border-color:#c66;color:#c66}
.ec .t-card-back.t-selected{animation:tPick .4s ease forwards}
.ec .t-card-numeral{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:2px;margin-bottom:6px}
.ec .t-card-symbol{font-size:48px;line-height:1;margin:4px 0}
.ec .t-card-name{font-size:15px;font-weight:700;color:#fff;margin-top:8px;text-shadow:0 0 10px rgba(255,255,255,.4)}
.ec .t-card-name-en{font-size:10px;color:rgba(255,255,255,.5);letter-spacing:1px;margin-top:3px}
.ec .t-reversed-badge{background:rgba(107,63,160,.5);color:#d0aaff;font-size:11px;padding:2px 8px;border-radius:12px;margin-top:6px;letter-spacing:1px}
.ec .t-card-name-label{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(201,168,76,.3)}
.ec .t-card-name-label-en{font-size:13px;color:rgba(255,255,255,.5);font-weight:400;letter-spacing:1px}
.ec .t-position-badge{font-size:12px;padding:3px 12px;border-radius:12px;letter-spacing:2px;font-weight:700}
.ec .t-position-badge.t-upright{background:rgba(201,168,76,.2);color:#e8d08a;border:1px solid rgba(201,168,76,.4)}
.ec .t-position-badge.t-reversed{background:rgba(107,63,160,.3);color:#d0aaff;border:1px solid rgba(107,63,160,.5)}
.ec .t-answer-badge-inner{display:inline-block;padding:10px 28px;border-radius:6px;font-size:20px;font-weight:700;letter-spacing:2px}
.ec .t-answer-yes .t-answer-badge-inner{background:rgba(201,168,76,.2);border:2px solid #c9a84c;color:#e8d08a}
.ec .t-answer-yeslean .t-answer-badge-inner{background:rgba(201,168,76,.1);border:1px solid #c9a84c;color:#c9a84c;font-size:16px}
.ec .t-answer-no .t-answer-badge-inner{background:rgba(160,60,60,.2);border:2px solid #c07070;color:#f0aaaa}
.ec .t-answer-nolean .t-answer-badge-inner{background:rgba(160,60,60,.1);border:1px solid #c07070;color:#e08888;font-size:16px}
.ec .svc-name{margin:2.6em 0 0;padding:12px 18px;background:var(--accent);color:var(--bg);font-size:17.6px;font-weight:800;letter-spacing:.02em;border:none;border-radius:8px 8px 0 0}
.ec .svc-desc{margin:0 0 1.8em;padding:14px 18px;border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;background:var(--surface);font-size:14.08px;line-height:1.85}
.ec .t-name{margin:2em 0 .7em;padding:.15em 0 .15em .9em;border:none;border-left:4px solid var(--accent);background:0 0;border-radius:0;font-size:15.2px;font-weight:700;line-height:1.65}
.ec .t-spec{margin:0 0 .8em;padding:0;border:none;background:0 0;font-size:12.8px;line-height:1.7;opacity:.7}
.ec .t-name+p,.ec .t-spec+p,.ec .t-spec+p+p{border:none;background:0 0;padding:0;margin:0 0 1.1em;border-radius:0;font-size:14.08px;line-height:1.85}
:root,.ec{--link-blue:#1558d6;--warn-red:#c0392b;--ok-green:#1e7e34;--star:#e8a33d}
.ec-cmp .rev-star,.ec-cmp .rv-stars,.ec-sen .rv-stars,.ec-por .rv-stars,.rv-stars,.ecl-nr-stars{color:var(--star) !important}
.ec-cmp .content-section, .ec-cmp .chip-wrap, .ec-cmp .ctrl, .ec-cmp .tbl-section, .ec-cmp .tbl-note, .ec-cmp .art-section, .ec-cmp .more-wrap{max-width:none;padding-left:0;padding-right:0}
.ec-cmp .t-row{display:flex;align-items:center;gap:8px}
.ec-cmp .t-ph{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 38px;margin:0;display:block;border:1px solid var(--border)}
.ec-cmp .t-ph-n{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;flex:0 0 38px;background:var(--hover);color:var(--fg);font-size:15px;font-weight:700;line-height:1;border:1px solid var(--border)}
.ec-cmp .t-txt{min-width:0}
.ec-cmp .c-name{min-width:146px}
.ec-cmp .t-card{display:flex;gap:14px;align-items:flex-start;margin:4px 0 16px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--hover)}
.ec-cmp .t-card-ph{flex:0 0 76px;line-height:0;margin:0}
.ec-cmp .t-card-img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 76px;border:1px solid var(--border);display:block;margin:0}
.ec-cmp .t-card-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0;flex:1 1 auto;min-width:0}
.ec-cmp .t-card-dl dt{margin:0;font-size:13px;font-weight:700;white-space:nowrap;line-height:1.9}
.ec-cmp .t-card-dl dd{margin:0;font-size:14px;min-width:0;line-height:1.9}
.ec-cmp .t-chip{display:inline-block;margin:0 5px 5px 0;padding:1px 9px;border:1px solid var(--border);border-radius:999px;font-size:12px;line-height:1.8;white-space:nowrap}
.lo-card-body{padding:10px 10px 12px}
.lo-card-name{font-weight:bold;font-size:14px;margin-bottom:4px}
.lo-card-fee{font-size:12px;color:#c0397a;margin-bottom:3px}
.lo-card-reviews{font-size:11px;color:#888;margin-bottom:6px}
.lo-tags{display:flex;flex-wrap:wrap;gap:3px}
.lo-tag{font-size:10px;padding:2px 7px;border-radius:10px;background:#f0eaff;color:#6b4c9a}
.lo-badge-new{display:inline-block;font-size:10px;padding:1px 7px;border-radius:10px;background:#ff7043;color:#fff;margin-bottom:4px}
.lo-badge-popular{display:inline-block;font-size:10px;padding:1px 7px;border-radius:10px;background:#7b4ea0;color:#fff;margin-bottom:4px}
.lo-empty{grid-column:1/-1;padding:20px;text-align:center;color:#888;font-size:13px}
.page-hd{margin-bottom:28px}
.page-desc{font-size:.85rem;line-height:1.8;color:var(--fg)}
.sec{margin-bottom:36px}
.sec-sub{font-size:.82rem;color:var(--fg);margin-bottom:14px}
.pickup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:4px}
.pickup-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:4px;text-decoration:none;color:var(--fg);transition:box-shadow .15s}
.pickup-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none}
.pickup-icon{font-size:1.8rem;margin-bottom:6px}
.pickup-label{font-size:.6rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:1px 6px;margin-bottom:6px}
.pickup-title{font-size:.78rem;font-weight:700;color:var(--fg);text-align:center;line-height:1.4}
.al-tag,.al-tag-free{display:inline-block;flex-shrink:0;padding:2px 7px;border:1px solid var(--accent);border-radius:2px;font-size:.6rem;color:var(--accent);font-weight:700;white-space:nowrap;margin-top:3px}
.al-tag-free{background:var(--hover)}
.wc-card-body{padding:10px 10px 12px}
.wc-card-name{font-weight:bold;font-size:14px;margin-bottom:4px}
.wc-card-fee{font-size:12px;color:#e65c00;margin-bottom:3px}
.wc-card-reviews{font-size:11px;color:#888;margin-bottom:6px}
.wc-tags{display:flex;flex-wrap:wrap;gap:3px}
.wc-tag{font-size:10px;padding:2px 7px;border-radius:10px;background:#f0eaff;color:#6b4c9a}
.wc-badge-new{display:inline-block;font-size:10px;padding:1px 7px;border-radius:10px;background:#ff7043;color:#fff;margin-bottom:4px}
.wc-badge-popular{display:inline-block;font-size:10px;padding:1px 7px;border-radius:10px;background:#7b5ea7;color:#fff;margin-bottom:4px}
.t-card-numeral{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:2px;margin-bottom:6px}
.t-card-symbol{font-size:48px;line-height:1;margin:4px 0}
.t-card-name{font-size:15px;font-weight:bold;color:#fff;margin-top:8px;text-shadow:0 0 10px rgba(255,255,255,.4)}
.t-card-name-en{font-size:10px;color:rgba(255,255,255,.5);letter-spacing:1px;margin-top:3px}
.t-reversed-badge{background:rgba(107,63,160,.5);color:#d0aaff;font-size:11px;padding:2px 8px;border-radius:12px;margin-top:6px;letter-spacing:1px}
.t-card-name-label{font-size:18px;font-weight:bold;color:#fff;text-shadow:0 0 10px rgba(201,168,76,.3)}
.t-card-name-label-en{font-size:13px;color:rgba(255,255,255,.5);font-weight:normal;letter-spacing:1px}
.t-position-badge{font-size:12px;padding:3px 12px;border-radius:12px;letter-spacing:2px;font-weight:bold}
.t-position-badge.t-upright{background:rgba(201,168,76,.2);color:#e8d08a;border:1px solid rgba(201,168,76,.4)}
.t-position-badge.t-reversed{background:rgba(107,63,160,.3);color:#d0aaff;border:1px solid rgba(107,63,160,.5)}
@media (prefers-color-scheme:dark){
 .ec{--bg:#0a0a0a;--surface:#141414;--border:#333;--hover:#1e1e1e;--fg:#efefef;--accent:#fff;--hd-bg:#050505;--hd-fg:#f0f0f0;--link:#fff;--fg-111:#e3e3e3;--fg-222:#dbdbdb;--fg-333:#d4d4d4;--fg-444:#ccc;--fg-555:#c4c4c4;--fg-616161:#bfbfbf;--fg-666:#bdbdbd;--fg-777:#b5b5b5;--fg-888:#adadad;--fg-999:#a6a6a6;--ln-ccd:#464646;--ln-ddd:#3a3a3a;--ln-e0e0e0:#373737;--ln-eee:#292929}
 :root,.ec{--link-blue:#7aa7f0;--warn-red:#e8837a;--ok-green:#6fbf87;--star:#f0b95a}
}
@media(prefers-color-scheme:dark){
 .ec :root:not([data-theme=light]) .art-body a,.ec :root:not([data-theme=light]) .art-wrap a,.ec :root:not([data-theme=light]) article a{color:#7baaf7}
}
@media(max-width:600px){
 .ec .cta-teacher-row{flex-direction:column;align-items:center;text-align:center}
 .ec .cta-sub-teacher-row{flex-direction:column;align-items:center;text-align:center}
 .ec .cta-tdesc,.ec .cta-sub-tdesc{text-align:center}
 .ec-cmp .ctrl{gap:6px}
 .ec-cmp .sort-btn{font-size:10.4px;padding:3px 7px}
 .ec-cmp .c-sp{min-width:140px}
 .ec-cmp .c-svc{min-width:118px}
 .ec-cmp .c-name{min-width:118px}
 .ec-sen .btn{width:100%;display:block}
 .ec-por .micro-grid{grid-template-columns:1fr}
 .ec-por .theme-grid{grid-template-columns:1fr 1fr}
 .ec-cmp .t-btns{gap:4px;margin-top:6px}
 .ec-cmp .t-btns .btn{padding:5px 6px;font-size:10.88px}
 .ec-cmp .c-name{min-width:164px}
 .ec-cmp .t-card{flex-direction:column;align-items:center;gap:10px}
 .ec-cmp .t-card-dl{width:100%}
 .ec-cmp .t-card-dl dt{font-size:12px}
 .ec-cmp .t-chip{white-space:normal}
}
@media(max-width:480px){
 .ec .t-theme-grid{grid-template-columns:1fr}
 .ec .kkn-title{font-size:20px}
 .ec .kkn-score-num{font-size:56px}
 .ec .kkn-btn-main{font-size:14px}
 .pickup-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:540px){
 .ec .t-cards-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:400px){
 .ec-por .theme-grid{grid-template-columns:1fr}
}
