.learning-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin:0 0 36px; padding:0 0 18px; border-bottom:1px solid #ded5ca; font-size:14px; color:#7b6253; }
.learning-links a:hover,.text-link:hover { color:var(--brand-red); }
.learning-links a:focus-visible,.text-link:focus-visible,.skill-article a:focus-visible { outline:2px solid #ac5d37; outline-offset:5px; }
.text-link { color:#9b4d2e; font-weight:700; font-size:14px; }
.skills-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr); gap:clamp(28px,5vw,80px); align-items:start; }
.circle-invite h3 { font-size:clamp(22px,2vw,28px); line-height:1.5; margin:10px 0 20px; }
.circle-invite p { font-size:14px; line-height:1.9; color:var(--muted); }
.join-method { border-top:1px solid #ded5ca; padding-top:20px; margin-top:24px; }
.join-method strong { font-size:15px; color:var(--deep); }
.join-method p { margin:8px 0 10px; }
.articles-list-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid #c8b5a3; padding-bottom:16px; }
.articles-list-heading h3 { margin:0; font-size:18px; }
.articles-list-heading span { font-size:12px; color:#8a7565; }
.skill-article { border-bottom:1px solid #ded5ca; }
.skill-article a { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:start; gap:16px; padding:24px 0; }
.skill-article a:hover h3 { color:#9b4d2e; }
.article-number { color:#b18f72; font:16px/1.6 Georgia,serif; }
.skill-article h3 { margin:0 0 9px; font-size:20px; line-height:1.5; }
.skill-article p { margin:0 0 10px; color:var(--muted); font-size:14px; line-height:1.8; }
.skill-article time { display:inline; padding:0; border:0; font-size:12px; color:#8b7b70; }
.article-arrow { color:#a47d5d; padding-top:4px; }
.article-state { padding:24px 0; color:var(--muted); font-size:14px; }
.article-retry { font:inherit; cursor:pointer; background:transparent; border:1px solid #d8c9bb; border-radius:5px; padding:7px 14px; color:var(--deep); }
.growth-section>.section-heading { max-width:1000px; }
.growth-section h2 { font-size:clamp(26px,3vw,40px); line-height:1.4; }
.growth-section>.section-heading>p:last-child { color:var(--muted); }
.growth-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:clamp(32px,5vw,80px); align-items:start; }
.circle-steps { list-style:none; margin:0; padding:0; }
.circle-steps>li { display:flex; gap:22px; padding:22px 0; border-top:1px solid var(--line); }
.circle-steps>li>span { color:#b18f72; font:22px/1.3 Georgia,serif; }
.circle-steps h3 { font-size:18px; margin:0 0 8px; }
.circle-steps p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; }
.learning-methods { margin-top:24px; }
.learning-methods>h3 { font-size:20px; margin:0 0 20px; }
.learning-methods>ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.learning-methods li { border-top:1px solid #dbcabb; padding-top:14px; }
.learning-methods strong { font-size:15px; color:var(--deep); }
.learning-methods p { font-size:13px; line-height:1.9; color:var(--muted); margin:8px 0 0; }
.growth-contact { text-align:center; background:#f7f1e9; padding:28px 22px; border-radius:8px; scroll-margin-top:100px; }
.growth-contact h3 { font-size:22px; margin:8px 0 20px; }
.growth-contact img { display:block; width:199px; max-width:100%; height:auto; margin:0 auto 20px; border:1px solid #e5dcd2; background:white; }
.growth-contact>p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:1.8; }
.camp-section h2 { font-size:clamp(28px,3.3vw,42px); line-height:1.4; }
.trainer-profile { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr); gap:clamp(28px,5vw,80px); border-block:1px solid #d8c7b7; padding:36px 0; }
.trainer-identity h3 { font-size:36px; margin:8px 0 16px; }
.trainer-identity>p:not(.eyebrow) { font-size:15px; line-height:1.9; color:var(--muted); margin-bottom:26px; }
.trainer-identity .primary-btn { font-size:14px; padding:12px 18px; }
.trainer-copy h3 { font-size:24px; margin:0 0 20px; line-height:1.5; }
.trainer-copy>p { color:var(--muted); font-size:15px; line-height:2; margin:0 0 14px; }
.trainer-topics { display:flex; flex-wrap:wrap; gap:9px; margin:22px 0; }
.trainer-topics span { padding:6px 10px; background:#eee3d5; border-radius:4px; font-size:12px; color:#80634f; }
.trainer-copy .camp-consult-note { font-size:13px; padding-top:18px; border-top:1px solid #ded5ca; margin:0; }
#learning-consultation { scroll-margin-top:100px; }
.article-page-header { display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; padding:20px clamp(20px,5vw,72px); border-bottom:1px solid var(--line); }
.article-page-header .brand { font-size:15px; }
.article-page-header .brand img { width:42px; height:42px; object-fit:cover; }
.article-page-back { color:#8b5b3d; font-size:14px; }
.article-page-main { max-width:880px; padding:clamp(32px,5vw,64px) 24px 80px; margin:0 auto; min-height:65vh; }
.article-page-main h1 { font-size:clamp(28px,4vw,44px); line-height:1.45; margin:16px 0 20px; }
.article-published { color:#8b7b70; font-size:13px; display:block; padding-bottom:24px; border-bottom:1px solid var(--line); }
.article-summary { font-size:18px; line-height:1.9; color:#7a6556; margin:24px 0 30px; }
.article-body p { font-size:17px; line-height:2.1; margin:0 0 24px; overflow-wrap:anywhere; white-space:pre-line; }
.article-page-actions { margin-top:40px; border-top:1px solid var(--line); padding-top:24px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; color:#925835; }
@media(max-width:980px) { .skills-layout,.trainer-profile { grid-template-columns:minmax(0,1fr); gap:32px; } .circle-invite h3 br { display:none; } .growth-layout { grid-template-columns:minmax(0,1fr) 250px; gap:28px; } .learning-methods>ol { grid-template-columns:repeat(2,minmax(0,1fr)); } .growth-contact { padding:24px 16px; } }
@media(max-width:600px) { .growth-layout { grid-template-columns:minmax(0,1fr); } .growth-contact { max-width:360px; width:100%; margin:0 auto; } .learning-links { gap:12px 20px; font-size:13px; } .skill-article a { grid-template-columns:22px minmax(0,1fr) auto; gap:10px; padding:20px 0; } .skill-article h3 { font-size:18px; } .skill-article p { font-size:13px; } .trainer-identity h3 { font-size:30px; } .trainer-copy h3 { font-size:22px; } .learning-methods>ol { gap:20px 16px; } .article-body p { font-size:16px; line-height:2; } .article-summary { font-size:16px; } }