/* Augmented AI v0.7 — WordPress / Google Sites shared palette. */
#kodoka-ai-page{--green:#0d3028;--deep:#08261f;--cream:#ece5d3;--paper:#f6f2e7;--gold:#c9b77e;--muted:#c5d0c4;--line:#536a57;container:augmented / inline-size;isolation:isolate;box-sizing:border-box;max-width:100%;background:var(--green);color:var(--cream);font:18.67px/1.85 'Noto Sans JP','Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;text-align:left;overflow-wrap:anywhere}
#kodoka-ai-page *{box-sizing:border-box}
#kodoka-ai-page h2,#kodoka-ai-page h3{color:inherit;text-transform:none;letter-spacing:.025em;line-height:1.55}
#kodoka-ai-page h2{font-size:36px;font-weight:600;margin:18px 0 28px}
#kodoka-ai-page h3{font-size:26px;font-weight:600;margin:15px 0}
#kodoka-ai-page p{font-size:18.67px;line-height:1.85;margin:16px 0}
#kodoka-ai-page img{border:0;border-radius:0;max-width:100%}
#kodoka-ai-page a{color:inherit;text-decoration:none;box-shadow:none}
#kodoka-ai-page a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
#kodoka-ai-page section[id]{scroll-margin-top:90px}
#kodoka-ai-page .wrap{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}
#kodoka-ai-page .section{padding-block:80px}
#kodoka-ai-page .light{background:var(--cream);color:var(--green)}
#kodoka-ai-page .label,#kodoka-ai-page .eyebrow{font-size:14px;letter-spacing:.14em;color:var(--gold)}
#kodoka-ai-page .light .label{color:#58664e}
#kodoka-ai-page .local-nav{display:flex;flex-wrap:wrap;gap:18px 30px;padding-block:20px;font-size:16px}
#kodoka-ai-page .local-nav a{border-bottom:1px solid transparent}
#kodoka-ai-page .local-nav a:hover{border-color:var(--gold)}
#kodoka-ai-page .hero-new{position:relative;isolation:isolate;overflow:hidden;min-height:720px;display:flex;align-items:center}
#kodoka-ai-page .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#kodoka-ai-page .hero-new:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08261ff2 5%,#08261fc9 42%,#08261f22 90%)}
#kodoka-ai-page .hero-new .wrap{padding-block:70px}
#kodoka-ai-page .hero-new h2{font-size:clamp(36px,4.7cqw,58px);line-height:1.6;font-weight:500;margin:25px 0}
#kodoka-ai-page .hero-new h2 em{color:var(--gold);font-style:normal}
#kodoka-ai-page .hero-new p{max-width:670px}
#kodoka-ai-page .hero-caption{position:absolute;bottom:12px;right:18px;font-size:12px}
#kodoka-ai-page .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
#kodoka-ai-page .button,#kodoka-ai-page .pending{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;padding:14px 22px;font-size:17px;line-height:1.6;border:1px solid var(--cream)}
#kodoka-ai-page .button{background:var(--cream);color:var(--green);font-weight:600;transition:background .15s}
#kodoka-ai-page .button:hover{background:var(--gold)}
#kodoka-ai-page .pending{color:var(--gold);border-color:var(--line)}
#kodoka-ai-page .light .button{background:var(--green);color:var(--cream);border-color:var(--green)}
#kodoka-ai-page .light .button:hover{background:#244a3a}
#kodoka-ai-page .light .pending{color:#485b4d;border-color:#86977e}
#kodoka-ai-page .two-grid,#kodoka-ai-page .orgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#kodoka-ai-page .topic{background:var(--paper);border-top:3px solid #748776;padding:30px}
#kodoka-ai-page .num{font:italic 26px Georgia,serif;color:#687050}
#kodoka-ai-page .topic p,#kodoka-ai-page .org p{color:#354e3f}
#kodoka-ai-page .visual-lead{color:var(--muted)}
#kodoka-ai-page .orbit{position:relative;height:760px;max-width:1120px;margin:32px auto 0}
#kodoka-ai-page .orbit:before{content:'';position:absolute;inset:17% 23%;border:1px dashed #829471;border-radius:50%}
#kodoka-ai-page .orbit-core{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:260px;height:260px;border:1px solid #9b9c73;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#193d30;text-align:center}
#kodoka-ai-page .orbit-core>span{font-size:13px;color:var(--gold);letter-spacing:.08em}
#kodoka-ai-page .orbit-core strong{font-size:30px;line-height:1.5;margin:12px 0}
#kodoka-ai-page .orbit-core p{font-size:16px;margin:0;color:var(--muted)}
#kodoka-ai-page .orbit-nodes{list-style:none;margin:0;padding:0}
#kodoka-ai-page .node{position:absolute;width:270px;padding:20px 24px;background:#193d30;border:1px solid #65785d}
#kodoka-ai-page .node-1{top:0;left:calc(50% - 135px)}
#kodoka-ai-page .node-2{top:31%;right:0}
#kodoka-ai-page .node-3{bottom:0;right:12%}
#kodoka-ai-page .node-4{bottom:0;left:12%}
#kodoka-ai-page .node-5{top:31%;left:0}
#kodoka-ai-page .node-number{font:italic 23px Georgia,serif;color:var(--gold);display:flex;justify-content:space-between}
#kodoka-ai-page .node h3{font-size:23px;margin:8px 0}
#kodoka-ai-page .node p{font-size:17px;margin:0;color:var(--muted)}
#kodoka-ai-page .loop-caption{text-align:center;font-size:17px;color:var(--gold);margin-top:35px}
#kodoka-ai-page .scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}
#kodoka-ai-page .scene{background:var(--paper);border:1px solid #b7c1ac;overflow:hidden}
#kodoka-ai-page .scene-art{background:#d9dfcd;color:#355a45;padding:14px}
#kodoka-ai-page .scene:nth-child(2) .scene-art{background:#e4dcc3;color:#716d44}
#kodoka-ai-page .scene:nth-child(3) .scene-art{background:#dbe2d7;color:#355a45}
#kodoka-ai-page .scene:nth-child(4) .scene-art{background:#c8d8cf;color:#1b5144}
#kodoka-ai-page .scene-art svg{display:block;width:100%;height:160px}
#kodoka-ai-page .scene-copy{padding:28px}
#kodoka-ai-page .scene-copy>span{font-size:14px;letter-spacing:.12em;color:#596849}
#kodoka-ai-page .case-category{font-size:17px;font-weight:600;margin:10px 0}
#kodoka-ai-page .scene h3{font-size:28px;margin:14px 0}
#kodoka-ai-page .case-status{display:inline-block;color:#4c6048;font-size:15px;border:1px solid #a3b099;padding:3px 10px;margin-top:14px}
#kodoka-ai-page .quiet-principle{font-size:16px;color:#45563d;margin-top:26px}
#kodoka-ai-page .conversation{background:var(--green)}
#kodoka-ai-page .conversation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;align-items:center}
#kodoka-ai-page .voice{padding:22px 25px;background:var(--cream);color:var(--green);margin:22px 28px 28px 0;border-radius:18px 18px 18px 2px}
#kodoka-ai-page .voice:nth-child(2){margin-left:28px;margin-right:0;background:#cbd8c6;border-radius:18px 18px 2px 18px}
#kodoka-ai-page .voices small{display:block;text-align:right;color:var(--muted);font-size:14px}
#kodoka-ai-page .interview-strip,#kodoka-ai-page .record-gate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:32px;margin-top:45px}
#kodoka-ai-page .interview-strip span{font-size:14px;color:var(--gold);letter-spacing:.1em}
#kodoka-ai-page .interview-strip p,#kodoka-ai-page .record-gate p,#kodoka-ai-page .sharing-note{color:var(--muted);font-size:18px}
#kodoka-ai-page .interview-strip>.pending,#kodoka-ai-page .interview-strip>.button{max-width:300px;font-size:17px;letter-spacing:0}
#kodoka-ai-page .record-gate .actions{margin:0}
#kodoka-ai-page .intro{max-width:900px;margin-bottom:32px}
#kodoka-ai-page .org{border-top:1px solid #87967b;padding-top:25px}
#kodoka-ai-page .society{font-size:18px;font-weight:600;color:#4e6045}
#kodoka-ai-page .org h3{font-size:24px}
#kodoka-ai-page .org-note{margin-top:32px}
@container augmented (max-width:1000px){
 #kodoka-ai-page .orbit{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:30px;align-items:center}
 #kodoka-ai-page .orbit:before{display:none}
 #kodoka-ai-page .orbit-core{position:static;transform:none;width:100%;height:auto;min-height:280px;border-radius:12px;padding:20px}
 #kodoka-ai-page .node{position:relative;inset:auto;width:100%;margin:14px 0}
 #kodoka-ai-page .orbit-nodes{border-left:1px dashed #829471;padding-left:24px}
 #kodoka-ai-page .node:before{content:'';position:absolute;left:-30px;top:32px;width:10px;height:10px;border-radius:50%;background:var(--gold)}
 #kodoka-ai-page .interview-strip,#kodoka-ai-page .record-gate{grid-template-columns:1fr}
}
@container augmented (max-width:680px){
 #kodoka-ai-page .wrap{width:calc(100% - 40px)}
 #kodoka-ai-page .section{padding-block:52px}
 #kodoka-ai-page h2{font-size:30px}
 #kodoka-ai-page h3,#kodoka-ai-page .scene h3{font-size:25px}
 #kodoka-ai-page p{font-size:18px}
 #kodoka-ai-page .local-nav{gap:12px 20px;font-size:15px}
 #kodoka-ai-page .two-grid,#kodoka-ai-page .scene-grid,#kodoka-ai-page .orgs,#kodoka-ai-page .conversation-grid,#kodoka-ai-page .orbit{grid-template-columns:1fr}
 #kodoka-ai-page .hero-new{min-height:740px}
 #kodoka-ai-page .hero-art{object-position:65% center}
 #kodoka-ai-page .hero-new:after{background:linear-gradient(180deg,#08261ff2 0%,#08261fd6 60%,#08261f55 100%)}
 #kodoka-ai-page .hero-new h2{font-size:34px}
 #kodoka-ai-page .hero-new .wrap{padding-block:50px}
 #kodoka-ai-page .actions{flex-direction:column;align-items:stretch}
 #kodoka-ai-page .topic,#kodoka-ai-page .scene-copy{padding:24px}
 #kodoka-ai-page .orbit-core{min-height:220px}
 #kodoka-ai-page .node p{font-size:17px}
 #kodoka-ai-page .loop-caption{text-align:left}
 #kodoka-ai-page .interview-strip>.button,#kodoka-ai-page .interview-strip>.pending{max-width:100%}
}
@media(prefers-reduced-motion:reduce){#kodoka-ai-page *{transition:none!important;scroll-behavior:auto!important}}

/* v0.8: final approved illustration, intrinsic ratio, compact spacing. */
#kodoka-ai-page .cycle-section{padding-top:36px;padding-bottom:36px}
#kodoka-ai-page .cycle-section .label{margin-bottom:16px}
#kodoka-ai-page .cycle-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#kodoka-ai-page .cycle-figure{margin:0}
#kodoka-ai-page .cycle-figure a{display:block;line-height:0}
#kodoka-ai-page .cycle-figure a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
#kodoka-ai-page .cycle-figure img{display:block;width:100%;max-width:100%;height:auto;border-radius:8px}
#kodoka-ai-page .cycle-figure figcaption{margin-top:16px;text-align:center;font-size:16px;line-height:1.7;color:var(--muted)}
#kodoka-ai-page .cycle-zoom{display:block;font-size:14px;margin-top:4px}

/* v0.9: deep-green canvas and clearer routes to the activity site. */
body.augmented-ai-page,body.augmented-ai-page .site-content,body.augmented-ai-page .content-area,body.augmented-ai-page .site-main,body.augmented-ai-page .entry-content{background:#0d3028;color:#ece5d3}
#kodoka-ai-page .light{background:var(--green);color:var(--cream)}
#kodoka-ai-page .light .label,#kodoka-ai-page .society{color:var(--gold)}
#kodoka-ai-page .topic,#kodoka-ai-page .scene{background:#153c32;color:var(--cream);border-color:#536a57}
#kodoka-ai-page .topic p,#kodoka-ai-page .org p,#kodoka-ai-page .quiet-principle{color:var(--muted)}
#kodoka-ai-page .num,#kodoka-ai-page .scene-copy>span{color:var(--gold)}
#kodoka-ai-page .scene-art,#kodoka-ai-page .scene:nth-child(n) .scene-art{background:#1b4438;color:var(--gold)}
#kodoka-ai-page .light .button{background:var(--cream);color:var(--green);border-color:var(--cream)}
#kodoka-ai-page .light .button:hover{background:var(--gold);color:var(--deep)}
#kodoka-ai-page .local-nav{gap:12px 24px;font-size:15px}
#kodoka-ai-page .local-nav .nav-detail{color:var(--gold);border-bottom:1px solid #6d795b}
#kodoka-ai-page #kodoka-about> .wrap>h2{font-size:clamp(22px,2.7cqw,32px);letter-spacing:0}
#kodoka-ai-page .scene h3{font-size:22px;letter-spacing:0}
#kodoka-ai-page .cycle-figure figcaption{font-size:22px;font-weight:500;color:var(--cream);margin-top:22px}
#kodoka-ai-page #kodoka-scope .intro{margin-bottom:8px}
#kodoka-ai-page .quiet-principle{font-size:18px;max-width:1100px;margin-top:8px}
#kodoka-ai-page .record-gate{grid-template-columns:1fr}
@container augmented (max-width:1100px){
 #kodoka-ai-page .scene-grid{grid-template-columns:1fr}
 #kodoka-ai-page .scene{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch}
 #kodoka-ai-page .scene-art{display:flex;align-items:center}
 #kodoka-ai-page .scene-art svg{height:auto}
}
@container augmented (max-width:680px){
 #kodoka-ai-page #kodoka-about> .wrap>h2{font-size:28px}
 #kodoka-ai-page .scene{display:block}
 #kodoka-ai-page .scene-art svg{height:120px}
 #kodoka-ai-page .scene h3{font-size:22px}
 #kodoka-ai-page .cycle-figure figcaption{font-size:20px;text-align:left}
}

/* v0.10: compact laboratory footer and right-aligned return link. */
body.augmented-ai-page main.container > a[href="https://msl.w.chuo-u.ac.jp/"]{display:none}
#kodoka-ai-page .local-nav .lab-return{margin-left:auto;color:var(--cream);white-space:nowrap;font-weight:600}
#kodoka-ai-page .lab-footer{background:var(--deep);border-top:1px solid var(--line);padding:38px 0 34px}
#kodoka-ai-page .lab-footer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
#kodoka-ai-page .lab-footer-brand strong{display:block;font-size:18px;letter-spacing:.08em;color:var(--gold)}
#kodoka-ai-page .lab-footer-brand p{font-size:15px;margin:9px 0 3px}
#kodoka-ai-page .lab-footer-brand small{font-size:12px;line-height:1.7;color:var(--muted)}
#kodoka-ai-page .lab-footer h2{font-size:16px;margin:0 0 12px;letter-spacing:.05em;color:var(--gold)}
#kodoka-ai-page .lab-footer nav a{display:block;font-size:14px;line-height:1.8;margin:7px 0;color:var(--cream)}
#kodoka-ai-page .lab-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
@container augmented (max-width:760px){
 #kodoka-ai-page .lab-footer-grid{grid-template-columns:1fr 1fr;gap:24px}
 #kodoka-ai-page .lab-footer-brand{grid-column:1/-1}
 #kodoka-ai-page .local-nav .lab-return{margin-left:auto}
}
@container augmented (max-width:400px){#kodoka-ai-page .lab-footer-grid{grid-template-columns:1fr}}

/* v0.11: minimal return links and copyright. */
#kodoka-ai-page .lab-footer-simple{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;align-items:center}
#kodoka-ai-page .footer-return-links{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:flex-end}
#kodoka-ai-page .footer-return-links a{margin:0;white-space:nowrap}
#kodoka-ai-page .footer-copyright{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.8;border-top:1px solid var(--line);padding-top:18px}
@container augmented (max-width:760px){
 #kodoka-ai-page .lab-footer-simple{grid-template-columns:1fr}
 #kodoka-ai-page .footer-return-links{justify-content:flex-start}
}

/* v0.12: alternating warm beige / green sections on a deep-green canvas. */
#kodoka-ai-page .light{background:#d8c9a8;color:#0d3028}
#kodoka-ai-page .light .label,#kodoka-ai-page .light .society,#kodoka-ai-page .light .num,#kodoka-ai-page .light .scene-copy>span{color:#435740}
#kodoka-ai-page .light .topic,#kodoka-ai-page .light .scene{background:#e5d9be;color:#0d3028;border-color:#8b9274}
#kodoka-ai-page .light .topic p,#kodoka-ai-page .light .org p,#kodoka-ai-page .light .quiet-principle{color:#354e3f}
#kodoka-ai-page .light .scene:nth-child(n) .scene-art{background:#c4cbb4;color:#244a3a}
#kodoka-ai-page .light .scene:nth-child(even) .scene-art{background:#cbbd96;color:#354e3f}
#kodoka-ai-page .light .button{background:#0d3028;color:#ece5d3;border-color:#0d3028}
#kodoka-ai-page .light .button:hover{background:#244a3a;color:#f6f2e7}
#kodoka-ai-page .light a:focus-visible{outline-color:#0d3028}
#kodoka-ai-page .light .org{border-color:#7a8467}


/* v0.13: immediate interview entry and centered copyright. */
#kodoka-ai-page .footer-copyright{text-align:center}
#kodoka-ai-page .interview-strip{grid-template-columns:1fr}