:root{--cl-text:#24292f;--cl-muted:#57606a;--cl-line:#d0d7de;--cl-soft:#f6f8fa;--cl-link:#0969da;--cl-green:#1f883d}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--cl-text);font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium",Meiryo,sans-serif;line-height:2}
.cl-global-header{background:#fff;border-bottom:1px solid var(--cl-line);padding:13px 20px}
.cl-global-header__inner{max-width:780px;margin:0 auto;display:flex;align-items:center;gap:11px}
.cl-global-mark{width:30px;height:30px;border-radius:7px;background:#1f2328;color:#7ee787;font-family:ui-monospace,Consolas,"Courier New",monospace;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cl-global-name{color:#1f2328;text-decoration:none;font-size:1.02rem;font-weight:700}
.cl-global-pr{max-width:780px;margin:20px auto 0;padding:0 16px;color:#8c959f;font-family:ui-monospace,Consolas,monospace;font-size:.78rem}
.cl-readme-stage{max-width:780px;margin:10px auto 0;padding:0 16px}
.cl-readme{border:1px solid var(--cl-line);border-radius:6px;padding:38px 40px 48px;background:#fff}
.cl-readme h1{font-size:1.55rem;line-height:1.6;font-weight:700;padding:0 0 .5em;border:0;border-bottom:1px solid var(--cl-line);margin:0 0 28px;background:none;color:var(--cl-text)}
.cl-readme h2,.cl-entry-content h2,.cl-embed-faq h2{font-size:1.25rem;line-height:1.6;font-weight:700;margin:2.4em 0 1.2em;padding:0 0 .4em;border:0;border-bottom:1px solid #d8dee4;background:none;color:var(--cl-text)}
.cl-readme h2::before,.cl-entry-content h2::before,.cl-embed-faq h2::before{content:"## ";color:#8c959f;font-family:ui-monospace,Consolas,monospace;font-weight:400}
.cl-readme p{margin:0 0 1.6em;font-size:1.02rem}
.cl-reason-box{border:1px solid var(--cl-line);border-radius:6px;padding:20px 24px;margin-bottom:16px}
.cl-reason-box p{margin:8px 0 0;font-size:1rem;line-height:2.05}
.cl-reason-tag{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;color:#8c959f}
.cl-readme-rule{border:0;border-top:1px solid var(--cl-line);margin:24px 0}
.cl-diagnosis-host{border:1px solid var(--cl-line);border-radius:6px;padding:24px;margin:0 0 1.6em;background:#fff}
.cl-faq{border:1px solid var(--cl-line);border-radius:6px;margin-bottom:10px;background:#fff}
.cl-faq-button{width:100%;display:flex;align-items:flex-start;gap:8px;border:0;background:#fff;color:var(--cl-text);padding:14px 18px;text-align:left;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.7;cursor:pointer}
.cl-faq-plus{color:#8c959f;font-family:ui-monospace,Consolas,monospace}.cl-faq-answer{border-top:1px solid var(--cl-line);padding:14px 18px;font-size:.98rem;line-height:1.95}.cl-faq-number{display:none}
.cl-article-groups>section{margin-bottom:16px}.cl-article-groups h3{font-size:1rem;margin:0 0 10px}.cl-article-list{list-style:none;margin:0;padding:0}.cl-article-list li{border:1px solid var(--cl-line);border-radius:6px;padding:20px 24px;margin-bottom:16px}.cl-article-list a{color:var(--cl-link);font-size:1.12rem;font-weight:700;line-height:1.7;text-decoration:none}
.cl-readme-footer{max-width:780px;margin:40px auto 0;padding:22px 16px 34px;border-top:1px solid var(--cl-line);font-size:.85rem;color:var(--cl-muted)}.cl-readme-footer a{color:var(--cl-link);text-decoration:none}
.cl-content-stage{max-width:1100px;margin:10px auto 0;padding:0 16px}.cl-sheet{box-shadow:none;border:1px solid var(--cl-line);border-radius:6px;background:#fff}.cl-site-footer{background:#fff;color:var(--cl-muted);border-top:1px solid var(--cl-line)}.cl-site-footer a{color:var(--cl-link)}
.cl-lp-accent{color:#0969da}.cl-lp-accent-bold{font-weight:700}
.cl-article-header h1,.cl-archive-header h1{font-size:1.55rem;line-height:1.6;font-weight:700;padding:0 0 .5em;border:0;border-bottom:1px solid var(--cl-line);margin:0 0 28px;background:none;color:var(--cl-text)}
.cl-entry-content{color:var(--cl-text);font-size:1.02rem;line-height:2}.cl-entry-content p{margin-bottom:1.6em}.cl-entry-content a{color:var(--cl-link)}.cl-entry-content h3{color:var(--cl-text);border:0;background:none}.cl-sidebar-section{border-color:var(--cl-line);background:var(--cl-soft);box-shadow:none}
@media(max-width:480px){.cl-global-header{padding:13px 16px}.cl-readme-stage{margin-top:4px;padding:0}.cl-global-pr{margin-top:14px}.cl-readme{padding:26px 20px 36px;border:0}.cl-readme h1{font-size:1.3rem}.cl-diagnosis-host{padding:18px 16px}.cl-reason-box,.cl-article-list li{padding:18px 16px}.cl-readme-footer{margin-top:20px}.cl-content-stage{padding:0}.cl-sheet{border-left:0;border-right:0}}

.cl-global-header .cl-global-pr{margin:6px auto 0;padding:0;font-size:.78rem;line-height:1.5}.cl-result-pr{max-width:780px;margin:0 auto;padding:9px 16px;color:#8c959f;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;line-height:1.5}.cl-one-column-stage{max-width:780px;margin:10px auto 0;padding:0 16px}.cl-one-column-article{width:100%}.cl-one-column-article .cl-entry-content{font-size:1.02rem;line-height:2}.cl-one-column-page .cl-site-footer,.cl-readme-footer{text-align:center}.cl-one-column-page .cl-footer-brand{text-align:center}
.cl-result-stage{max-width:680px;margin:18px auto 0;padding:0 16px}.cl-result-host{margin:0;padding:0;border:0;background:transparent}.cl-result-footer{max-width:680px}.cl-result-footer .cl-footer-links{margin-bottom:8px}
.cl-embed-faq .cl-chapter{display:none}.cl-embed-faq .cl-light-heading{font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1.6;color:var(--cl-text)}.cl-faq-question{color:var(--cl-text);font-family:inherit;font-size:1rem;font-weight:700;line-height:1.7}.cl-faq-answer{color:var(--cl-text);font-family:inherit;font-size:.98rem;line-height:1.95}
.cl-selected-service-cards{margin:2.6em 0 1em}.cl-service-card{overflow:hidden;margin:0 0 24px;border:1px solid var(--cl-line);background:#fff}.cl-service-card__header{padding:19px 18px 18px;border-bottom:1px solid var(--cl-line);text-align:center}.cl-service-card__header h3{margin:0;color:var(--cl-text);font-family:inherit;font-size:1.12rem;font-weight:700;letter-spacing:.04em;line-height:1.75;text-align:center}.cl-service-card__media{display:grid;min-height:0;padding:24px 22px;place-items:center;border-bottom:1px solid var(--cl-line);background:var(--cl-soft)}.cl-service-card__media img{display:block;width:auto;max-width:100%;max-height:240px;margin:0 auto;object-fit:contain}.cl-service-card__body{padding:26px 24px}.cl-service-card__body h4{margin:0 0 14px;color:var(--cl-text);font-size:1rem;font-weight:700;line-height:1.9}.cl-service-card__body ol{display:grid;gap:16px;margin:0;padding:0;list-style:none;counter-reset:service-point}.cl-service-card__body li{position:relative;min-height:28px;padding-left:36px;font-size:.98rem;line-height:2;counter-increment:service-point}.cl-service-card__body li::before{position:absolute;top:2px;left:0;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--cl-green);color:#fff;content:counter(service-point);font-size:12px;font-weight:700}.cl-service-card__footer{padding:18px 24px 22px;border-top:1px solid var(--cl-line);text-align:center}.cl-service-card__footer a{display:block;max-width:380px;margin:0 auto;padding:15px 18px;background:var(--cl-green);color:#fff!important;font-size:1rem;font-weight:700;letter-spacing:.06em;line-height:1.6;text-align:center;text-decoration:none}.cl-service-card__footer a:hover{background:#1a7f37}
.cl-skill-diagnosis{margin:2.2em 0}.cl-skill-question{margin-bottom:16px;padding:22px 24px;border:1px solid var(--cl-line);border-radius:6px}.cl-skill-question.is-hidden{display:none}.cl-skill-qnum{color:#8c959f;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;letter-spacing:.05em}.cl-entry-content .cl-skill-qtext{margin:6px 0 16px;font-size:1.06rem;font-weight:700;line-height:1.75}.cl-skill-options{margin:0;padding:0;list-style:none}.cl-skill-options li{margin-bottom:8px}.cl-skill-options button{width:100%;padding:12px 16px;border:1px solid var(--cl-line);border-radius:6px;background:#fff;color:var(--cl-text);font:inherit;font-size:.98rem;line-height:1.7;text-align:left;cursor:pointer}.cl-skill-options button:hover,.cl-skill-options button:focus-visible{border-color:var(--cl-green);background:#eefaf1}.cl-skill-question.is-answered .cl-skill-qtext{margin-bottom:8px;color:var(--cl-muted);font-size:.98rem;font-weight:400}.cl-skill-picked{display:flex;align-items:baseline;gap:9px;color:var(--cl-text);font-size:1rem}.cl-skill-picked span{color:var(--cl-green);font-family:ui-monospace,Consolas,monospace}.cl-skill-redo{margin:10px 0 0;padding:0;border:0;border-bottom:1px solid var(--cl-muted);background:none;color:var(--cl-muted);font:inherit;font-size:.82rem;cursor:pointer}.cl-skill-result[hidden]{display:none}.cl-skill-resultbox{margin-bottom:16px;padding:20px 24px;border:1px solid var(--cl-line);border-radius:6px}.cl-skill-resultbox>span{color:#8c959f;font-family:ui-monospace,Consolas,monospace;font-size:.78rem}.cl-entry-content .cl-skill-resultbox p{margin:8px 0 0;font-size:1rem;line-height:2.05}.cl-skill-blank{font-family:ui-monospace,Consolas,monospace;font-size:.9em;background:#ffebe9;border:1px solid #ffcecb;border-radius:6px;padding:.1em .9em;color:#cf222e;margin:0 2px}.cl-skill-after{margin-top:1.8em}
@media(max-width:480px){.cl-global-header .cl-global-pr{margin-top:6px}.cl-result-stage{margin-top:0;padding:0 16px}.cl-one-column-stage{padding:0}.cl-one-column-article{padding:26px 20px 36px}.cl-service-card__header{padding:17px 16px 16px}.cl-service-card__header h3{font-size:1.05rem}.cl-service-card__media{padding:20px 16px}.cl-service-card__body{padding:22px 18px}.cl-service-card__body li{padding-left:34px;font-size:.94rem;line-height:1.9}.cl-service-card__footer{padding:15px 16px 18px}.cl-service-card__footer a{padding:15px 10px}.cl-skill-question,.cl-skill-resultbox{padding:18px 16px}}

/* v2.0.23: keep article pages on the LP shell and preserve the result page's outer frame. */
.cl-lp-accent{color:#dc143c}
.cl-one-column-stage{max-width:none;margin:0;padding:0}
.cl-result-host{margin:0;padding:24px;border:1px solid var(--cl-line);background:#fff}
@media(max-width:480px){.cl-result-host{padding:18px 16px}}

/* v2.0.24: 2Y logo green is the only green used by theme UI. */
:root{--cl-green:#7ee787}
.cl-service-card__body li::before,.cl-service-card__footer a{background:#7ee787;color:#1f2328!important}
.cl-service-card__footer a:hover{background:#7ee787}
.cl-skill-options button:hover,.cl-skill-options button:focus-visible{border-color:#7ee787;background:#fff}
.cl-skill-picked span{color:#7ee787}

/* v2.0.24: reproduce new-design/mendan/mendankowai.html for the one-column template. */
.cl-one-column-page .cl-one-column-stage{max-width:780px;margin:30px auto 0;padding:0 16px}
.cl-one-column-page .cl-one-column-article{width:100%;border:1px solid #d0d7de;border-radius:6px;padding:38px 40px 48px;background:#fff}
.cl-one-column-page .cl-article-header h1{margin:0 0 28px;padding:0 0 .5em;border:0;border-bottom:1px solid #d0d7de;background:none;color:#24292f;font-size:1.55rem;font-weight:700;line-height:1.6}
.cl-one-column-page .cl-entry-content{color:#24292f;font-size:1.02rem;line-height:2}
.cl-one-column-page .cl-entry-content p{margin:0 0 1.6em;font-size:1.02rem}
.cl-one-column-page .cl-entry-content h2{margin:2.4em 0 1.2em;padding:0 0 .4em;border:0;border-bottom:1px solid #d8dee4;background:none;color:#24292f;font-size:1.25rem;font-weight:700;line-height:1.6}
.cl-one-column-page .cl-entry-content h2::before{content:"## ";color:#8c959f;font-family:ui-monospace,Consolas,monospace;font-weight:400}
.cl-one-column-page .cl-entry-content code{padding:.2em .45em;border-radius:6px;background:#f6f8fa;color:#cf222e;font-family:ui-monospace,Consolas,"Courier New",monospace;font-size:.92em}
.cl-one-column-page .cl-entry-content .kimebun{margin:1.8em 0;font-weight:700}
.cl-one-column-page .cl-entry-content .ctawrap{margin:2.6em 0 1em;text-align:center}
.cl-one-column-page .cl-entry-content .ctabtn{display:inline-block;padding:15px 34px;border-radius:6px;background:#7ee787;color:#1f2328!important;font-size:1.05rem;font-weight:700;line-height:1.6;text-decoration:none}
.cl-one-column-page .cl-entry-content .ctabtn:hover{background:#7ee787}
@media(max-width:480px){.cl-one-column-page .cl-one-column-stage{margin-top:4px;padding:0}.cl-one-column-page .cl-one-column-article{padding:26px 20px 36px;border:0}.cl-one-column-page .cl-article-header h1{font-size:1.3rem}.cl-one-column-page .cl-entry-content .ctabtn{display:block;padding:15px 10px}}

/* v2.0.25: restore the previously approved CTA green and white CTA text. */
:root{--cl-green:#1f883d}
.cl-global-mark{color:#1f883d}
.cl-service-card__body li::before,.cl-service-card__footer a{background:#1f883d;color:#fff!important}
.cl-service-card__footer a:hover{background:#1f883d}
.cl-skill-options button:hover,.cl-skill-options button:focus-visible{border-color:#1f883d}
.cl-skill-picked span{color:#1f883d}
.cl-one-column-page .cl-entry-content .ctabtn,.cl-one-column-page .cl-entry-content .ctabtn:hover{background:#1f883d;color:#fff!important}

/* v2.0.27: dedicated engineer LP body based on the approved static reference. */
.cl-engineer-lp-stage{margin-top:30px}
.cl-engineer-lp .cl-engineer-resultbox{margin-bottom:16px;padding:20px 24px;border:1px solid var(--cl-line);border-radius:6px;background:#fff}
.cl-engineer-lp .cl-engineer-resultbox__tag{color:#8c959f;font-family:ui-monospace,Consolas,monospace;font-size:.78rem}
.cl-engineer-lp .cl-engineer-resultbox h3{margin:6px 0 0;color:var(--cl-text);font-size:1.06rem;font-weight:700;line-height:1.75}
.cl-engineer-lp .cl-engineer-resultbox p{margin:8px 0 0;font-size:1rem;line-height:2.05}
@media(max-width:480px){.cl-engineer-lp-stage{margin-top:18px}.cl-engineer-lp .cl-engineer-resultbox{padding:18px 16px}}

/* v2.0.29: restore the approved diagnosis lead, framed title and FAQ return CTA. */
.cl-engineer-diagnosis-lead{margin:42px -40px 0;padding:30px 24px 64px;background:#fff;text-align:center}
.cl-engineer-diagnosis-lead p{margin:0;color:#24292f;font-size:1.25rem;font-weight:700;letter-spacing:.04em;line-height:1.6}
.cl-engineer-diagnosis-arrow{display:block;margin-top:14px;color:var(--cl-green);font-size:24px;line-height:1}
.cl-engineer-diagnosis-intro{margin:0 -40px;padding:16px;background:#f6f8fa}
.cl-engineer-diagnosis-intro__frame{padding:44px 24px 48px;border:1px solid #d0d7de;text-align:center}
.cl-engineer-diagnosis-kicker{margin:0 0 10px!important;color:#57606a;font-family:ui-monospace,Consolas,monospace;font-size:.72rem!important;letter-spacing:.3em;line-height:1.6}
.cl-engineer-lp .cl-engineer-diagnosis-intro h2{margin:0;padding:0;border:0;color:#24292f;font-size:clamp(24px,4vw,30px);font-weight:700;letter-spacing:.05em;line-height:1.75;text-align:center}
.cl-engineer-lp .cl-engineer-diagnosis-intro h2::before{content:none}
.cl-engineer-lp .cl-engineer-diagnosis-intro h2 span{display:block}
.cl-engineer-lp .cl-engineer-diagnosis-intro+.cl-diagnosis-host{position:relative;z-index:0;clear:both;margin-top:24px;border-top:1px solid var(--cl-line);border-radius:6px}
.cl-engineer-faq-cta{display:block;max-width:380px;margin:28px auto 0;padding:15px 18px;border-radius:6px;background:var(--cl-green);color:#fff!important;font-size:1rem;font-weight:700;letter-spacing:.04em;line-height:1.7;text-align:center;text-decoration:none}
.cl-engineer-faq-cta:hover{background:var(--cl-green);color:#fff!important}
@media(max-width:480px){.cl-engineer-diagnosis-lead{margin:34px -20px 0;padding:26px 18px 52px}.cl-engineer-diagnosis-intro{margin:0 -20px;padding:16px}.cl-engineer-diagnosis-intro__frame{padding:38px 16px 42px}.cl-engineer-faq-cta{max-width:none;padding:15px 10px}}

/* v2.0.32: inline code styling from mendan/mendankowai.html. */
.cl-readme code{padding:.2em .45em;border-radius:6px;background:#f6f8fa;color:#cf222e;font-family:ui-monospace,Consolas,"Courier New",monospace;font-size:.92em}
