*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ef;color:#1d211d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}header{min-height:72px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d5cc;background:#f7f5efee;backdrop-filter:blur(12px);position:sticky;top:0;z-index:9}.brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.brand b{font-size:20px}.brand small{color:#777}nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;color:#666;font-size:14px;padding:10px 0;border-bottom:2px solid transparent;white-space:nowrap}nav a.active,nav a:hover{color:#111;border-color:#111}main{min-height:calc(100vh - 140px)}section{padding:80px 8vw}.hero{min-height:72vh;display:flex;align-items:center}.hero.simple{padding-top:9vw;padding-bottom:9vw}.pill,.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800}.hero h1,.pagehead h1{font-size:clamp(42px,6vw,78px);line-height:1.04;margin:20px 0}.hero em{font-style:normal;text-decoration:underline;text-decoration-thickness:7px;text-decoration-color:#d8e858}.hero p,.pagehead p{font-size:18px;line-height:1.8;max-width:760px;color:#5c625b}.pagehead{padding-top:95px;padding-bottom:55px}.pagehead.compact{padding-bottom:38px}.pagehead h1{max-width:1000px}.cards,.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.navcards a,.roles article{background:white;border:1px solid #dedbd2;border-radius:18px;padding:26px;text-decoration:none;color:inherit}.navcards a:hover{transform:translateY(-3px);transition:.2s}.navcards b{font-size:12px}.navcards h3,.roles h3{font-size:21px}.navcards p,.roles p{line-height:1.65;color:#666}.path{display:flex;justify-content:space-between;gap:12px}.path.big{margin:35px 0 45px}.path.big span{flex:1;background:#1d211d;color:#fff;text-align:center;padding:18px 10px;border-radius:999px}.dark{background:#1d211d;color:#f7f5ef}.timeline>div{display:grid;grid-template-columns:120px 180px 1fr;gap:30px;padding:24px 0;border-top:1px solid #555}.timeline time{color:#d8e858;font-size:14px}.timeline h3{margin:0;font-size:24px}.timeline p{margin:0;color:#c9cdc5;line-height:1.7}.roles{grid-template-columns:repeat(3,1fr)}.roles article span{font-size:30px}.roles button{border:0;background:#ecebe5;padding:9px 14px;border-radius:99px}.paper{background:#e8e5dc}.record-page{padding-top:24px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.record-card{background:#fff;border:1px solid #d7d3c9;border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(30,30,20,.05)}.record-section{padding:28px 30px;border-bottom:1px solid #e6e2d8}.record-section:last-child{border-bottom:0}.section-label{font-size:11px;font-weight:800;letter-spacing:.14em;color:#777;margin-bottom:20px}.field-grid{display:grid;gap:18px}.field-grid.two{grid-template-columns:1fr 1fr}.field{background:#faf9f5;border:1px solid #e5e2da;border-radius:14px;padding:18px;min-height:96px}.field.tall{min-height:138px}.field label{display:block;font-size:15px;font-weight:700;margin-bottom:22px}.write-line{height:1px;background:#878b82;width:100%;margin-top:18px}.write-line.faint{background:#d5d3cc}.quote-section{position:relative;padding-bottom:36px}.quote-mark{font-family:Georgia,serif;font-size:64px;line-height:.8;color:#d8e858}.quote-lines div,.next-lines div{height:1px;background:#8e928b;margin-top:24px}.next-step{background:#d8e858;display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:end}.next-step .section-label{color:#525649;margin-bottom:8px}.next-step h2{margin:0;font-size:28px}.record-notes{display:grid;gap:14px;position:sticky;top:94px}.note-card{background:#fff;border:1px solid #dedbd2;border-radius:18px;padding:22px}.note-card b{display:block;margin-bottom:10px}.note-card p{margin:0;color:#676c65;line-height:1.7;font-size:14px}ol{max-width:820px;padding:0;list-style:none;counter-reset:q}ol li{counter-increment:q;padding:19px 0;border-top:1px solid #ccc;font-size:19px}ol li:before{content:"0" counter(q);display:inline-block;width:55px;font-size:12px;font-weight:800}.success{margin-top:40px;max-width:820px;background:#d8e858;padding:28px;border-radius:16px}.success p{font-size:22px;line-height:1.5}footer{padding:34px 8vw;display:flex;justify-content:space-between;border-top:1px solid #ccc;color:#666}footer b{color:#111}@media(max-width:980px){header{padding:12px 22px;display:block}.brand{margin-bottom:8px}.brand small{display:none}nav{width:100%;overflow-x:auto;gap:18px;padding-bottom:2px;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}.record-page{grid-template-columns:1fr}.record-notes{position:static;grid-template-columns:1fr 1fr}.roles{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero,.pagehead{padding-left:22px;padding-right:22px}.hero h1,.pagehead h1{font-size:44px}.hero p,.pagehead p{font-size:16px}section{padding:56px 22px}.cards,.roles{grid-template-columns:1fr}.path.big{overflow-x:auto;justify-content:flex-start}.path.big span{min-width:110px}.timeline>div{grid-template-columns:65px 1fr;gap:10px}.timeline p{grid-column:2}.record-page{padding-top:12px}.record-section{padding:22px 18px}.field-grid.two{grid-template-columns:1fr}.next-step{grid-template-columns:1fr;gap:14px}.record-notes{grid-template-columns:1fr}.next-step h2{font-size:25px}footer{padding:28px 22px;flex-direction:column;gap:8px}} .claim-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.claim-chip{background:#eef0e7;border-radius:999px;padding:7px 10px;font-size:13px}.claim-chip button{border:0;background:transparent;font-size:16px;cursor:pointer}.claim-btn:disabled{opacity:.55;cursor:not-allowed}.storage-note{margin-top:24px;color:#777;font-size:13px}.field input,.field textarea,.quote-input,.next-step textarea{width:100%;border:1px solid #d8d5cc;border-radius:10px;background:white;padding:12px 13px;font:inherit;color:#1d211d;outline:none}.field input:focus,.field textarea:focus,.quote-input:focus,.next-step textarea:focus{border-color:#1d211d}.next-step textarea{min-height:90px}.form-actions{display:flex;align-items:center;gap:12px;padding:22px 30px;flex-wrap:wrap}.primary-btn,.secondary-btn,.saved-actions button{border:0;border-radius:999px;padding:11px 16px;font:inherit;cursor:pointer}.primary-btn{background:#1d211d;color:#fff}.secondary-btn,.saved-actions button{background:#ecebe5;color:#1d211d}#saveStatus{font-size:14px;color:#596151}.saved-records-section{padding:42px 0 0}.saved-records-section h2{font-size:30px;margin:10px 0 20px}.saved-records{display:grid;gap:12px}.saved-card{background:#fff;border:1px solid #dedbd2;border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center}.saved-card small{color:#888}.saved-card h3{margin:5px 0}.saved-card p{margin:0;color:#666}.saved-actions{display:flex;gap:8px}.empty-state{padding:28px;border:1px dashed #c9c6bc;border-radius:16px;color:#777;background:#fbfaf7}@media(max-width:700px){.form-actions{padding:18px}.saved-card{align-items:flex-start;flex-direction:column}.saved-actions{width:100%}.saved-actions button{flex:1}}
/* Mobile usability: no horizontal swipe required */
@media(max-width:700px){
  body{overflow-x:hidden}
  header{padding:14px 18px}
  nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;overflow:visible}
  nav a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 5px;border:1px solid #dedbd2;border-radius:10px;background:#fff;font-size:13px;text-align:center;white-space:normal;line-height:1.2}
  nav a.active{background:#1d211d;color:#fff;border-color:#1d211d}
  .path.big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible}
  .path.big span{min-width:0;width:100%;padding:13px 5px;font-size:14px}
}
/* Refined mobile navigation: quiet tab bar, not button grid */
@media(max-width:700px){
  header{padding:14px 18px 0;background:#f7f5ef;box-shadow:0 1px 0 #dedbd2}
  .brand{margin:0 0 12px}
  .brand b{font-size:22px}
  nav{
    display:flex;
    width:100%;
    gap:0;
    overflow:visible;
    border-top:1px solid #ebe8df;
  }
  nav a{
    flex:1;
    min-width:0;
    min-height:46px;
    padding:13px 3px 11px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#777;
    font-size:12px;
    font-weight:500;
    white-space:nowrap;
    line-height:1;
    position:relative;
  }
  nav a.active{
    background:transparent;
    color:#1d211d;
    font-weight:700;
    border:0;
  }
  nav a.active:after{
    content:"";
    position:absolute;
    left:20%;
    right:20%;
    bottom:0;
    height:3px;
    border-radius:3px 3px 0 0;
    background:#1d211d;
  }
}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-grid article{background:#fff;border:1px solid #dedbd2;border-radius:18px;padding:24px}.review-grid article>b{font-size:12px;letter-spacing:.1em}.review-grid h3{margin:20px 0 8px;font-size:17px}.review-grid textarea,.review-grid input{display:block;width:100%;border:1px solid #d8d5cc;border-radius:10px;padding:12px;font:inherit;margin:8px 0;background:#faf9f5}.review-grid textarea{min-height:90px}.review-grid label{display:block;padding:7px 0}.review-grid .next-review{background:#f0f3cf}@media(max-width:700px){.review-grid{grid-template-columns:1fr}.review-grid article{padding:20px}}
.lab-layout{padding-top:15px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.lab-log{background:#fff;border:1px solid #dedbd2;border-radius:22px;overflow:hidden}.lab-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:22px 26px;background:#1d211d;color:#fff}.lab-meta label,.lab-step label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.lab-meta input{width:100%;border:1px solid #555;background:#292e29;color:#fff;border-radius:9px;padding:10px;font:inherit}.lab-step{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:30px 28px;border-bottom:1px solid #e5e2da}.lab-num{width:38px;height:38px;border:1px solid #c9c6bc;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.lab-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#747a72}.lab-step h2{font-size:27px;margin:7px 0}.lab-step>div>p{color:#777;margin:0 0 18px}.lab-step textarea,.lab-step input{width:100%;border:1px solid #d8d5cc;border-radius:10px;padding:12px;font:inherit;background:#faf9f5}.lab-step textarea{min-height:95px;resize:vertical}.mini-row{display:flex;gap:15px;margin-top:12px;flex-wrap:wrap}.mini-row label{font-size:14px}.evidence-grid,.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.evidence-grid label,.experiment-grid label{font-weight:700;font-size:14px}.pattern-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.pattern{padding:14px;border-radius:13px}.pattern b{font-size:12px}.pattern textarea{margin-top:10px;background:#fff}.pattern.keep{background:#e7f0e5}.pattern.watch{background:#f5efd7}.pattern.change{background:#f3e4df}.experiment{background:#f3f5dd}.children-left{background:#1d211d;color:#fff}.children-left .lab-kicker,.children-left>div>p{color:#adb3aa}.children-left textarea{background:#292e29;border-color:#555;color:#fff;font-size:18px}.lab-aside{display:grid;gap:12px;position:sticky;top:100px}.note-card.accent{background:#d8e858}.log-history{padding-top:40px}.log-history h2{font-size:34px}.log-list{display:grid;gap:14px;max-width:1000px}.log-card{background:#fff;border:1px solid #dedbd2;border-radius:18px;padding:22px}.log-card-top{display:flex;justify-content:space-between}.log-card-top h3{font-size:24px;margin:4px 0}.log-card-top small{color:#777}.log-card-top button{border:0;background:#eee;border-radius:99px;padding:8px 12px}.log-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid #eee}.log-flow b{font-size:12px}.log-flow p{margin:5px 0;color:#555;line-height:1.5}.log-card blockquote{margin:18px 0 0;background:#f0f3cf;padding:15px;border-radius:12px}@media(max-width:980px){.lab-layout{grid-template-columns:1fr}.lab-aside{position:static;grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.lab-meta{grid-template-columns:1fr}.lab-step{grid-template-columns:1fr;padding:24px 18px}.lab-num{width:32px;height:32px}.lab-step h2{font-size:23px}.evidence-grid,.experiment-grid,.pattern-grid{grid-template-columns:1fr}.lab-aside{grid-template-columns:1fr}.log-flow{grid-template-columns:1fr}.log-flow>span{transform:rotate(90deg);justify-self:start}}
/* Learning log layout reset — calm, readable, mobile first */
.lab-layout{max-width:1080px;margin:0 auto;padding:12px 22px 64px;display:block}
.lab-log{max-width:780px;margin:0 auto;background:transparent;border:0;border-radius:0;overflow:visible}
.lab-meta{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:18px;margin-bottom:14px;border-radius:16px;background:#fff;color:#1d211d;border:1px solid #dedbd2}
.lab-meta label{color:#777}
.lab-meta input{background:#faf9f5;color:#1d211d;border:1px solid #dedbd2}
.lab-step{display:block;background:#fff;border:1px solid #dedbd2;border-radius:18px;padding:26px;margin:0 0 14px}
.lab-num{float:right;border:0;background:#f1f0e9;color:#666}
.lab-kicker{display:block;margin-bottom:5px}
.lab-step h2{font-size:23px;line-height:1.3;margin:4px 48px 8px 0}
.lab-step>div>p{font-size:14px;margin-bottom:18px}
.evidence-grid,.experiment-grid{grid-template-columns:1fr 1fr;gap:12px}
.pattern-grid{grid-template-columns:1fr;gap:9px}
.pattern{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;padding:12px 14px}
.pattern textarea{min-height:62px;margin:0}
.experiment{background:#fff}
.children-left{background:#1d211d;border-color:#1d211d}
.lab-aside{max-width:780px;margin:14px auto 0;position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lab-aside .note-card{padding:16px;font-size:13px}
.lab-aside .note-card p{font-size:13px;line-height:1.55}
.log-history{max-width:824px;margin:0 auto;padding:40px 22px 70px}
.log-history h2{font-size:28px;line-height:1.25}
@media(max-width:700px){
 .pagehead.compact{padding-top:42px;padding-bottom:28px}
 .pagehead.compact h1{font-size:34px;line-height:1.08;margin:14px 0}
 .lab-layout{padding:0 14px 48px}
 .lab-log{width:100%}
 .lab-meta{grid-template-columns:1fr 1fr;padding:14px;gap:10px}
 .lab-meta>div:first-child{grid-column:1/-1}
 .lab-step{padding:20px 16px;margin-bottom:10px;border-radius:15px}
 .lab-step h2{font-size:20px;margin-right:38px}
 .lab-num{width:29px;height:29px}
 .evidence-grid,.experiment-grid{grid-template-columns:1fr}
 .pattern{grid-template-columns:1fr;gap:5px}
 .pattern textarea{min-height:70px}
 .mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
 .mini-row label{margin:0;padding:9px 4px;background:#f5f4ef;border-radius:9px;text-align:center;font-size:12px}
 .lab-aside{grid-template-columns:1fr;margin-top:10px}
 .lab-aside .note-card{padding:14px}
 .log-history{padding:32px 14px 60px}
}
/* Review meta alignment */
.lab-meta{
  grid-template-columns:1fr;
  gap:0;
  padding:0;
  border-radius:18px;
  overflow:hidden;
}
.lab-meta>div{
  display:grid;
  grid-template-columns:110px 1fr;
  align-items:center;
  gap:18px;
  padding:16px 20px;
  border-bottom:1px solid #3b403b;
}
.lab-meta>div:last-child{border-bottom:0}
.lab-meta label{
  margin:0;
  font-size:13px;
  letter-spacing:.04em;
  color:#d3d7d1;
}
.lab-meta input{
  width:100%;
  height:48px;
  margin:0;
  padding:0 14px;
  border-radius:10px;
  background:#272c27;
  border:1px solid #4a504a;
  color:#fff;
  text-align:left;
  font-size:16px;
}
.lab-meta input[type="date"]{
  appearance:none;
  -webkit-appearance:none;
  text-align:left;
}
@media(max-width:700px){
  .lab-meta{display:block}
  .lab-meta>div{
    grid-template-columns:92px minmax(0,1fr);
    gap:12px;
    padding:14px 16px;
  }
  .lab-meta>div:first-child{grid-column:auto}
  .lab-meta input{height:46px;font-size:15px}
}.session-hub{padding-top:42px;padding-bottom:42px}.session-hub-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.session-status{font-size:12px;font-weight:700;background:#e6ead1;padding:7px 11px;border-radius:999px}.session-hub h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:16px 0}.session-intro{max-width:760px;color:#62675f;line-height:1.75;font-size:17px}.session-detail{padding-top:48px}@media(max-width:700px){.session-hub{padding:32px 22px}.session-hub h1{font-size:34px}.session-intro{font-size:15px}}.current-session{background:#fff;border:1px solid #dedbd2;border-radius:22px;margin:0 8vw 0;padding:38px}.session-status.upcoming{background:#d8e858}.session-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.session-facts span,.past-topics span{background:#f0efe9;border-radius:999px;padding:8px 12px;font-size:13px}.past-session{padding:65px 8vw;max-width:1100px;margin:auto}.past-session h2{font-size:clamp(30px,4vw,48px);margin:10px 0}.past-session>p{max-width:800px;color:#666;font-size:17px;line-height:1.75}.past-topics{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.past-highlight{margin-top:25px;padding:22px;border-left:4px solid #1d211d;background:#fff}.past-highlight p{margin:8px 0 0;color:#666;line-height:1.65}@media(max-width:700px){.current-session{margin:0 14px;padding:22px 18px}.past-session{padding:48px 22px}.past-session .session-hub-head{align-items:flex-start;gap:12px}.past-session h2{font-size:28px}}
.session-picker-label{display:block;margin:30px 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em}.session-picker{width:min(100%,720px);height:56px;border:1px solid #cbc8bf;border-radius:14px;background:#fff;padding:0 44px 0 16px;font:inherit;font-weight:650;color:#1d211d}.session-panel{display:none}.session-panel.active{display:block}.session-detail-light,.session01-summary{max-width:1100px;margin:auto;padding:55px 8vw}.session-purpose h2,.session01-summary>h2{font-size:clamp(28px,4vw,44px);line-height:1.15}.process-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:25px 0 40px}.process-row span{background:#1d211d;color:#fff;padding:11px 18px;border-radius:999px}.process-row i{font-style:normal;color:#999}.timeline.light{background:#fff;color:#1d211d}.timeline.light>div{border-color:#ddd}.session-guides,.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.session-guides article,.summary-grid article{border:1px solid #dedbd2;border-radius:16px;padding:20px;background:#fff}.session-guides p,.summary-grid p{color:#666;line-height:1.65}.session01-takeaway{margin-top:22px;background:#f0f3cf;border-radius:18px;padding:24px}.session01-takeaway p{line-height:1.7;margin-bottom:0}.resource-block{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:36px;padding:25px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.resource-block h2{margin:8px 0}.resource-block p{color:#666;max-width:650px}.resource-status{white-space:nowrap;background:#f0efe9;padding:10px 14px;border-radius:999px;font-size:13px}.past-session-detail{background:#fff;border-bottom:1px solid #dedbd2}@media(max-width:700px){.session-picker{height:52px;font-size:14px}.session-detail-light,.session01-summary{padding:40px 22px}.process-row{gap:6px}.process-row span{padding:9px 12px;font-size:13px}.session-guides,.summary-grid{grid-template-columns:1fr}.resource-block{align-items:flex-start;flex-direction:column}.resource-status{white-space:normal}}
/* Session 02 mobile timeline — compact cards, no oversized rows */
@media(max-width:700px){
  .session-detail-light{padding:30px 14px 44px}
  .session-purpose{padding:0 8px}
  .session-purpose h2{font-size:25px;line-height:1.25;margin-bottom:20px}
  .process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 28px}
  .process-row i{display:none}
  .process-row span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 4px;font-size:14px}
  .timeline.light{display:grid;grid-template-columns:1fr;gap:10px;background:transparent;padding:0}
  .timeline.light>div{display:grid;grid-template-columns:70px 1fr;column-gap:12px;row-gap:5px;padding:18px 16px;border:1px solid #dedbd2;border-radius:14px;background:#fff}
  .timeline.light time{grid-column:1;grid-row:1/3;font-size:14px;line-height:1.2;padding-top:4px;color:#899400}
  .timeline.light h3{grid-column:2;margin:0;font-size:21px;line-height:1.2}
  .timeline.light p{grid-column:2;margin:0;font-size:14px;line-height:1.65;color:#686c65}
  .session-guides{margin-top:18px}
}