/*
Theme Name: BlueTurtle Guide
Theme URI: https://i-blueturtle.com
Author: BlueTurtle
Description: Codex, Claude Code, Antigravity를 처음 배우는 사람을 위한 단계형 WordPress 테마.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: blueturtle-guide
*/

:root{--ink:#14233a;--muted:#5e6e82;--blue:#1769e0;--blue-dark:#0b3f91;--aqua:#c9f5ef;--sky:#eef6ff;--sand:#fff8e8;--line:#dce5ef;--white:#fff;--bg:#f7fafc;--radius:22px;--shadow:0 18px 45px rgba(20,35,58,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Pretendard","Noto Sans KR",system-ui,-apple-system,sans-serif;line-height:1.72;word-break:keep-all}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:999;padding:12px 18px;background:#fff;border-radius:8px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.08rem;white-space:nowrap}.turtle-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 46% 54%;background:var(--aqua);color:var(--blue-dark);font-size:23px}.main-nav{display:flex;gap:7px;margin-left:auto}.main-nav a{display:block;padding:10px 12px;border-radius:10px;font-weight:700;font-size:.94rem}.main-nav a:hover,.main-nav .current-menu-item a{background:var(--sky);color:var(--blue)}.header-search{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.header-search input{border:0;padding:9px 12px;width:185px;outline:none}.header-search button{border:0;background:var(--ink);color:#fff;padding:9px 12px;cursor:pointer}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--sky);border-radius:10px;padding:9px 12px;font-weight:800}.hero{background:linear-gradient(135deg,#eaf4ff 0%,#effdfa 54%,#fff8e8 100%);padding:82px 0 68px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.eyebrow,.chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#fff;color:var(--blue-dark);padding:7px 12px;font-size:.82rem;font-weight:800;border:1px solid rgba(23,105,224,.18)}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,5vw,4.6rem);margin:20px 0 18px}h2{font-size:clamp(1.75rem,3vw,2.65rem)}.hero p{font-size:1.14rem;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;background:var(--blue);color:#fff;font-weight:850;border:1px solid var(--blue)}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-card h2{font-size:1.2rem;margin:8px 0 18px}.route-item{display:flex;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.route-num{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--sky);color:var(--blue);font-weight:900}.section{padding:74px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section-head h2{margin:0}.section-head p{margin:5px 0 0;color:var(--muted)}.status-grid,.tool-grid,.post-grid{display:grid;gap:20px}.status-grid{grid-template-columns:repeat(4,1fr)}.tool-grid{grid-template-columns:repeat(3,1fr)}.post-grid{grid-template-columns:repeat(3,1fr)}.card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.status-card .icon{font-size:1.65rem}.card h3{margin:12px 0 8px;font-size:1.14rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.card-link{display:inline-block;margin-top:14px;color:var(--blue);font-weight:850}.tool-card{min-height:270px;display:flex;flex-direction:column}.tool-card.codex{border-top:5px solid #1769e0}.tool-card.claude{border-top:5px solid #d97745}.tool-card.antigravity{border-top:5px solid #7357d9}.tool-card .tool-icon{font-weight:950;font-size:1.45rem}.tool-card ul{padding-left:19px;color:var(--muted)}.tool-card .button{margin-top:auto;align-self:flex-start}.course-band{background:var(--ink);color:#fff}.course-band .section-head p{color:#bdc9d8}.course-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:course}.course-step{position:relative;background:#203451;border:1px solid #38506e;border-radius:18px;padding:22px}.course-step:before{counter-increment:course;content:counter(course);display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--aqua);color:var(--blue-dark);font-weight:950}.course-step h3{font-size:1.05rem}.course-step p{color:#cad4e1;font-size:.9rem}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.meta span{font-size:.78rem;background:var(--sky);color:var(--blue-dark);padding:5px 9px;border-radius:99px;font-weight:750}.post-card{padding:0;overflow:hidden}.post-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--sky),var(--aqua));display:grid;place-items:center;font-size:2.8rem}.post-content{padding:22px}.post-card h3{font-size:1.17rem}.verified{font-size:.8rem;color:var(--muted);margin-top:14px}.search-band{padding:56px 0;background:var(--sand)}.big-search{display:flex;max-width:780px;margin:22px auto 0;background:#fff;border:2px solid var(--ink);border-radius:16px;overflow:hidden}.big-search input{flex:1;border:0;padding:16px 18px;outline:0}.big-search button{border:0;background:var(--ink);color:#fff;padding:0 23px;font-weight:800}.site-footer{background:#101d30;color:#d7e0eb;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.site-footer h2,.site-footer h3{color:#fff}.site-footer ul{list-style:none;padding:0}.site-footer a:hover{color:var(--aqua)}.footer-note{border-top:1px solid #2d3e54;margin-top:35px;padding-top:22px;font-size:.85rem}.content-wrap{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:50px;padding:55px 0}.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(25px,5vw,55px)}.article h1{font-size:clamp(2rem,4vw,3.2rem)}.article-content h2{margin-top:2em}.article-content h3{margin-top:1.7em}.article-content a{color:var(--blue);text-decoration:underline}.article-content pre{overflow:auto;background:#122238;color:#edf5ff;padding:20px;border-radius:14px}.article-content blockquote{margin:25px 0;padding:18px 22px;border-left:5px solid var(--blue);background:var(--sky)}.lesson-box{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0;padding:18px;border-radius:16px;background:var(--sky)}.lesson-box div{font-size:.85rem}.lesson-box strong{display:block}.safety{padding:18px 20px;border-radius:14px;background:var(--sand);border-left:5px solid #f2b84b;margin:24px 0}.sidebar .widget{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px}.sidebar h3{margin-top:0;font-size:1rem}.sidebar ul{padding-left:18px}.archive-head{padding:52px 0 15px}.pagination{margin:35px 0}.nav-links{display:flex;gap:8px}.page-numbers{padding:8px 13px;border-radius:9px;background:#fff;border:1px solid var(--line)}.page-numbers.current{background:var(--blue);color:#fff}.empty{padding:45px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center}
@media(max-width:960px){.header-search{display:none}.hero-grid,.content-wrap{grid-template-columns:1fr}.hero-card{transform:none}.status-grid,.course-list{grid-template-columns:repeat(2,1fr)}.tool-grid,.post-grid{grid-template-columns:1fr 1fr}.sidebar{display:none}}
@media(max-width:720px){.container{width:min(100% - 26px,var(--max))}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:13px;right:13px;top:65px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow);flex-direction:column}.main-nav.open{display:flex}.hero{padding:58px 0 48px}.status-grid,.tool-grid,.post-grid,.course-list,.footer-grid{grid-template-columns:1fr}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column}.lesson-box{grid-template-columns:1fr 1fr}.big-search button{padding:0 14px}.article{border-radius:16px;padding:23px}}


/* Prevent long code and table content from forcing the article grid wider on mobile. */
.content-wrap>*{min-width:0}.article{min-width:0}.article-content{min-width:0}.article-content table{display:block;max-width:100%;overflow-x:auto}.article-content pre{max-width:100%;overflow-x:auto}


/* BlueTurtle Korean editorial visual system 2026-07-11 */
.hero{position:relative;isolation:isolate;overflow:hidden;background-color:#f7f0df;background-image:linear-gradient(90deg,rgba(250,246,235,.98) 0%,rgba(250,246,235,.94) 39%,rgba(250,246,235,.38) 62%,rgba(250,246,235,.08) 100%),url('https://i-blueturtle.com/wp-content/uploads/2026/07/blueturtle-korean-ai-study-hero.png');background-size:cover;background-position:center}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:7px;z-index:-1;background:linear-gradient(90deg,#183e66 0 25%,#477f73 25% 50%,#cf6549 50% 75%,#d5b069 75%)}
.hero-grid{position:relative;z-index:1}.hero-grid>div:first-child{max-width:680px}.hero-card{background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.article-content figure{margin:2rem 0}.article-content figure img{display:block;width:100%;border-radius:18px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(20,35,58,.10)}.article-content figcaption{margin-top:.65rem;color:var(--muted);font-size:.86rem;text-align:center}
.article-content .wp-block-embed{margin:2rem 0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(20,35,58,.08)}.article-content iframe{max-width:100%;border-radius:12px}
.article-content .bt-screen-guide{margin:1.8rem 0;padding:20px 22px;background:#f2f8f7;border:1px solid #cde1dc;border-left:5px solid #477f73;border-radius:14px}.article-content .bt-screen-guide strong{display:block;margin-bottom:6px;color:#183e66}
.article-content .bt-video-note{margin:1.8rem 0;padding:20px 22px;background:#fff7e9;border:1px solid #ead8b8;border-radius:14px}.article-content .bt-figure-label{display:inline-flex;margin-bottom:10px;padding:5px 10px;border-radius:99px;background:#183e66;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.02em}
@media(max-width:720px){.hero{background-image:linear-gradient(180deg,rgba(250,246,235,.98) 0%,rgba(250,246,235,.94) 62%,rgba(250,246,235,.55) 100%),url('https://i-blueturtle.com/wp-content/uploads/2026/07/blueturtle-korean-ai-study-hero.png');background-position:66% center}.hero-grid>div:first-child{padding-bottom:175px}.hero-card{margin-top:-125px}.article-content figure{margin:1.5rem 0}}

.bt-auto-series-nav{margin:2rem 0 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--sky)}.bt-auto-series-nav strong{display:block;margin-bottom:12px}.bt-auto-series-nav div{display:flex;gap:10px;flex-wrap:wrap}.bt-auto-series-nav a{display:inline-flex;padding:8px 12px;border-radius:10px;background:#fff;text-decoration:none;font-weight:800}

.bt-auto-cover{width:100%;height:100%;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:24px;background:linear-gradient(145deg,#153858,#34766d 62%,#d2a65f);color:#fff;text-align:left}.bt-auto-cover small{font-size:.72rem;letter-spacing:.14em;font-weight:800;opacity:.85}.bt-auto-cover strong{font-size:3.6rem;line-height:1;margin:8px 0;font-weight:950}.bt-auto-cover em{font-size:.82rem;font-style:normal;opacity:.82}