.pn-page{padding:38px 22px 0}.pn-wrap{max-width:920px;margin:auto;min-height:calc(100dvh - 38px);display:flex;flex-direction:column;min-width:0}.pn-header{margin-bottom:30px}.pn-header h1{font:700 19px var(--mono);letter-spacing:1.4px;margin:0;padding-top:4px}.pn-page button,.pn-page select:not(.lang-select-ui){cursor:pointer}.pn-page button:not(.account-meta),.pn-filters select{border:1px solid var(--hair);background:#fff;color:var(--ink);border-radius:7px;padding:9px 12px;font:12px var(--mono)}.pn-page button:disabled{opacity:.45;cursor:default}.pn-page a{color:inherit}.pn-page a:focus-visible,.pn-page button:focus-visible,.pn-page textarea:focus-visible,.pn-page select:focus-visible{outline:2px solid #777;outline-offset:4px}#pn-status{font-size:12px;white-space:pre-wrap;margin:0 0 12px}#pn-status:empty{display:none}#pn-retry{align-self:start}#pn-hub,#pn-editor{min-width:0}.pn-document-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:14px 0 24px;border-bottom:3px double #d9d9d9}.pn-document-head dl{display:grid;grid-template-columns:65px 1fr;gap:5px 12px;font:11px var(--mono);margin:0}.pn-document-head dt,.pn-caption{color:#999}.pn-document-head dd{margin:0;font-weight:600;overflow-wrap:anywhere}.pn-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pn-tools a,.pn-tools button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border:0!important;padding:7px!important;background:transparent!important}.pn-tools svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pn-finding-block{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;padding:23px 0 30px}.pn-caption{font-size:11px;line-height:1.7}.pn-finding-block strong{font:700 12px var(--mono)}.pn-finding-block h2{font-size:14px;font-weight:400;line-height:1.8;margin:18px 0 8px}.pn-finding-block p{font-size:12px;line-height:1.8;white-space:pre-wrap;margin:0 0 10px;color:#666}.pn-inline-link{font-size:11px;text-underline-offset:4px}.pn-section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd}.pn-section-head h2{font:600 12px var(--mono);letter-spacing:.8px;margin:0}.pn-section-head a{font-size:11px}.pn-mirror{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.pn-mirror article{padding:20px 16px;border-right:1px solid #eee;min-width:0}.pn-mirror article:first-child{padding-left:0}.pn-mirror article:last-child{border:0}.pn-mirror p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.pn-mirror .mirror-answer{font-size:14px}.pn-mirror details{font-size:11px;color:#777}.pn-mirror a{font-size:11px}.pn-mirror .mirror-now{background:#fafafa}.pn-writing{margin-top:25px}.pn-question{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;align-items:baseline}.pn-question p{font-size:14px;line-height:1.9;margin:12px 0 24px}.pn-writing label{display:block;font:11px var(--mono);color:#999;margin:0 0 18px}.pn-writing textarea{display:block;width:100%;min-height:310px;resize:vertical;font:15px/2 var(--ui);color:#111;background:white;border:0;border-radius:0;padding:0 0 20px;outline-offset:5px;box-sizing:border-box}.pn-references{margin:40px 0 70px}.pn-reference{padding:18px 0;border-bottom:1px solid #eee}.pn-reference-head{display:flex;justify-content:space-between;gap:10px;font:11px var(--mono);color:#888}.pn-reference blockquote{font-size:13px;line-height:1.9;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.pn-reference mark{background:#eee;color:#111;padding:1px 2px}.pn-reference details{font-size:12px;line-height:1.8}.pn-reference details p{white-space:pre-wrap;overflow-wrap:anywhere}.pn-reference details button{margin-top:10px}.pn-reference .current-text{max-height:420px;overflow:auto}.pn-axis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:25px 0}.pn-page .pn-axis-card{border:0!important;border-radius:12px!important;background:#f8f8f8!important;text-align:left;padding:20px!important;min-height:98px;display:flex;flex-direction:column;gap:15px}.pn-axis-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px #555}.pn-axis-card span{color:#999;font-size:11px}.pn-filters{display:flex;flex-wrap:wrap;align-items:end;gap:15px}.pn-filters label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#888}.pn-list{list-style:none;margin:15px 0 35px;padding:0}.pn-list li{border-top:1px solid #eee}.pn-list a{display:grid;grid-template-columns:95px 95px minmax(0,1fr) 20px;align-items:baseline;gap:12px;padding:18px 0;text-decoration:none;font-size:13px}.pn-list .pn-list-text{min-width:0}.pn-list .pn-list-text strong{font-size:12px;font-weight:400;display:block;color:#777;margin-bottom:5px}.pn-list .pn-list-answer{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-page .site-footer{margin-top:auto;padding-top:35px}#pn-more,#pn-related-more,#pn-reference-more{margin:15px 0;align-self:start}[hidden]{display:none!important}
@media(max-width:600px){.pn-page{padding:24px 16px 0}.pn-wrap{min-height:calc(100dvh - 24px)}.pn-header{gap:12px}.pn-header h1{font-size:14px;letter-spacing:.8px}.pn-document-head{flex-wrap:wrap;padding-top:5px}.pn-document-head dl{font-size:10px}.pn-tools{margin-left:auto}.pn-finding-block{grid-template-columns:48px minmax(0,1fr);gap:10px}.pn-mirror{grid-template-columns:1fr}.pn-mirror article,.pn-mirror article:first-child{padding:16px 0;border-right:0;border-bottom:1px solid #eee}.pn-mirror .mirror-now{padding:16px}.pn-section-head{align-items:baseline;flex-wrap:wrap}.pn-question{grid-template-columns:32px minmax(0,1fr);gap:10px}.pn-writing textarea{min-height:300px;font-size:16px}.pn-page .pn-axis-card{padding:14px!important;min-height:85px;font-size:11px}.pn-list a{grid-template-columns:76px 1fr 15px;gap:6px;font-size:12px}.pn-list .pn-list-date{grid-column:1}.pn-list .pn-list-axis{grid-column:2}.pn-list .pn-list-text{grid-column:1/3;grid-row:2}.pn-list .pn-list-arrow{grid-column:3;grid-row:1/3}.pn-references{margin-bottom:45px}}
.pn-wrap{max-width:720px}.pn-header{margin-bottom:24px}.pn-header h1{font-size:18px;letter-spacing:1px}.pn-document-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:8px 0 18px}.pn-document-head dl{grid-template-columns:46px minmax(0,1fr);gap:4px 10px;font-size:10px;line-height:18px}.pn-document-head dd{white-space:nowrap}.pn-tools{align-self:end;gap:3px;flex-wrap:nowrap;transform:translateY(5px)}.pn-tools a,.pn-tools button{width:30px;height:30px;min-width:30px;padding:5px!important}.pn-tools #pn-delete[hidden]{display:flex!important;visibility:hidden}.pn-finding-block{grid-template-columns:46px minmax(0,1fr);align-items:baseline;gap:0 10px;padding:20px 0 0}.pn-finding-block>.pn-caption,.pn-finding-block>strong{font-family:var(--mono);font-size:11px;line-height:18px;margin:0;padding:0}.pn-finding-copy{grid-column:2;min-width:0}.pn-finding-block h2{font-size:13px;line-height:1.8;margin:14px 0 10px}.pn-finding-block #pn-evidence{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}.pn-finding-block #pn-evidence:empty{display:none}.pn-finding-block #pn-question{font-size:13px;line-height:1.8;margin:22px 0 18px;color:var(--ink)}.pn-writing{margin:0 0 30px}.pn-writing textarea{border:1px solid var(--line);border-radius:6px;background:#fdfdfd;min-height:280px;padding:16px;font:14px/1.9 var(--ui)}.pn-writing textarea::placeholder{color:#b0b0b0}.pn-reflection{margin:0 0 55px}.pn-reflection .pn-section-head{padding:8px 0;min-height:30px}.pn-reflection h2{font-size:10px}.pn-reflection #pn-hub-link{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.pn-reflection #pn-hub-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}.pn-mirror{display:block}.pn-history-row{display:grid;grid-template-columns:76px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:36px;padding:8px 0;text-decoration:none;border-bottom:1px solid #f3f3f3;font-size:12px;line-height:1.5}.pn-history-row time{font:10px var(--mono);color:#888}.pn-history-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-references{position:relative;margin:5px 0 55px;padding-top:17px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}.pn-references:before{content:'';position:absolute;left:0;top:0;width:80px;border-top:1px solid #ddd}.pn-references h2{font:10px var(--mono);color:#999;letter-spacing:.4px;margin:0;line-height:1.8}.pn-references p{font-size:11px;line-height:1.8;margin:0 0 4px;color:#888;overflow-wrap:anywhere}.pn-context-row{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:2px 8px;border-left:1px solid #ddd;padding-left:10px;margin:10px 0}.pn-context-row>.pn-caption{grid-column:1;font-size:10px}.pn-context-row p{grid-column:1;font-size:12px!important;line-height:1.7!important;margin:0!important;color:#666}.pn-context-row a{grid-column:2;grid-row:1/3;align-self:center;text-decoration:none;font-size:12px;color:#888}.pn-context-row mark{background:#eee;color:#111}.pn-page #pn-related-more{font-size:10px;padding:6px 9px}
@media(max-width:600px){.pn-page{padding-top:28px}.pn-header{margin-bottom:26px}.pn-header h1{font-size:14px}.pn-document-head{display:grid;grid-template-columns:minmax(0,1fr) auto;flex-wrap:nowrap;gap:5px}.pn-document-head dl{grid-template-columns:35px minmax(0,1fr);gap:4px 6px;font-size:9px;line-height:17px}.pn-tools{gap:0;margin:0}.pn-tools a,.pn-tools button{width:28px;min-width:28px;height:30px;padding:5px!important}.pn-tools svg{width:18px;height:18px}.pn-finding-block{grid-template-columns:35px minmax(0,1fr);gap:0 6px;padding-top:18px}.pn-finding-block h2,.pn-finding-block #pn-evidence,.pn-finding-block #pn-question{font-size:13px}.pn-writing textarea{font-size:16px;min-height:260px}.pn-history-row{grid-template-columns:70px minmax(0,1fr) 12px;gap:8px}.pn-references{grid-template-columns:66px minmax(0,1fr);gap:8px}.pn-reflection{margin-bottom:44px}}


/* PN editor — clean 2026-09-20 pass. Scoped to avoid cascade drift. */
.pn-wrap{max-width:720px}
.pn-header{margin-bottom:18px}
.pn-headbar{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:4px 0 12px}
.pn-header h1{margin:0;padding:0;font:700 18px/1.2 var(--mono);letter-spacing:1.2px;white-space:nowrap}
.pn-head-actions{display:flex;align-items:center;gap:12px}
.pn-page .pn-icon-link,.pn-page .pn-icon-button{box-sizing:border-box;display:grid;place-items:center;width:36px;height:40px;min-width:36px;min-height:40px;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#444;text-decoration:none;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.pn-page .pn-icon-button{appearance:none;-webkit-appearance:none;font:inherit;line-height:1}
.pn-page .pn-icon-link svg,.pn-page .pn-icon-button svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pn-page .pn-icon-link:active,.pn-page .pn-icon-button:active{background:#f7f7f7!important}
.pn-page .pn-icon-button:disabled{opacity:.35}

#pn-editor .pn-document-head{display:block;padding:18px 0 20px;border-bottom:1px solid #ddd}
#pn-editor .pn-document-head dl{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;row-gap:9px;margin:0;font-family:var(--mono)}
#pn-editor .pn-document-head dt{margin:0;color:#999;font-size:12px;font-weight:600;line-height:1.55;letter-spacing:.35px}
#pn-editor .pn-document-head dd{margin:0;color:#111;font-size:12px;font-weight:700;line-height:1.55;letter-spacing:.15px;min-width:0}
#pn-editor .pn-range-value{display:flex!important;align-items:baseline;gap:12px;flex-wrap:nowrap;white-space:nowrap}
#pn-editor .pn-range-value #pn-range-label{font:700 12px/1.55 var(--mono);color:#111}
#pn-editor .pn-range-value #pn-period{font:500 11px/1.55 var(--mono);color:#999;letter-spacing:.15px;white-space:nowrap}

#pn-editor .pn-finding-block{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:start;padding:22px 0 26px;border-bottom:1px solid #e5e5e5}
#pn-editor .pn-finding-label{padding-top:1px;color:#999;font:600 12px/1.55 var(--mono);letter-spacing:.35px}
#pn-editor .pn-finding-copy{min-width:0}
#pn-editor .pn-axis-value{display:block;margin:0 0 13px;color:#111;font:700 13px/1.55 var(--mono);letter-spacing:.35px}
#pn-editor .pn-finding-copy h2{margin:0 0 8px;font-size:13px;font-weight:400;line-height:1.8;color:#111}
#pn-editor .pn-finding-copy #pn-evidence{margin:0 0 5px;font-size:12.5px;line-height:1.8;color:#777;white-space:pre-wrap}
#pn-editor .pn-axis-metrics{display:grid;gap:2px;margin:5px 0 0}
#pn-editor .pn-axis-metrics p{margin:0!important;color:#888!important;font:700 10px/1.65 var(--mono)!important;letter-spacing:.3px;white-space:normal!important}
#pn-editor #pn-context{display:grid;gap:10px;margin:12px 0 0}
#pn-editor .pn-context-row{position:relative;margin:0;padding:0 24px 0 12px;border-left:1px solid #ddd}
#pn-editor .pn-context-row>.pn-caption{display:block;margin:0 0 4px;color:#999;font:10px/1.55 var(--mono)}
#pn-editor .pn-context-row p{margin:0!important;color:#666!important;font-size:12px!important;line-height:1.7!important}
#pn-editor .pn-context-row a{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#777;text-decoration:none;font-size:12px}
#pn-editor .pn-context-row mark{background:#eee;color:#111}
#pn-editor #pn-question{margin:20px 0 0;color:#111;font-size:13px;line-height:1.8}

#pn-editor .pn-writing-head{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:baseline;padding:15px 0 9px}
#pn-editor .pn-writing-head span{color:#999;font:600 11px/1.5 var(--mono);letter-spacing:.35px;white-space:nowrap}
#pn-editor .pn-writing-head strong{color:#777;font:700 11px/1.5 var(--mono);letter-spacing:.35px}
#pn-editor .pn-writing{margin:0;padding:0 0 18px;border:0;border-bottom:1px solid #ddd}
#pn-editor .pn-writing textarea{display:block;box-sizing:border-box;width:100%;height:240px;min-height:240px;max-height:240px;margin:0;padding:12px 0 0;resize:none!important;overflow:auto;border:0!important;border-radius:0!important;background:transparent!important;color:#111;font:14px/1.9 var(--ui);outline-offset:4px;box-shadow:none!important}
#pn-editor .pn-writing textarea::placeholder{color:transparent!important}

#pn-editor .pn-reflection{margin:0 0 26px}
#pn-editor .pn-mirror{display:block;border:0}
#pn-editor .pn-history-row{display:grid;grid-template-columns:72px minmax(0,1fr) 16px;align-items:center;gap:14px;min-height:42px;padding:10px 0;border:0;border-bottom:1px solid #eee;text-decoration:none;color:#111;font-size:12px;line-height:1.55}
#pn-editor .pn-history-row time{font:10px/1.5 var(--mono);color:#888;white-space:nowrap}
#pn-editor .pn-history-excerpt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pn-editor .pn-history-row>span:last-child{justify-self:end;color:#777}

#pn-editor .pn-references{position:static;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;margin:0 0 55px;padding:16px 0 0;border-top:1px solid #ddd}
#pn-editor .pn-references::before{content:none!important;display:none!important}
#pn-editor .pn-references h2{margin:0;color:#999;font:600 11px/1.7 var(--mono);letter-spacing:.35px}
#pn-editor #pn-reference-list{min-width:0}
#pn-editor .pn-references p{margin:0 0 5px;color:#888;font-size:11px;line-height:1.7;overflow-wrap:anywhere}

@media(max-width:600px){
 .pn-page{padding:28px 16px 0}
 .pn-headbar{grid-template-columns:32px minmax(0,1fr) auto;column-gap:12px}
 .pn-header h1{font-size:15px;letter-spacing:1px}
 .pn-head-actions{gap:8px}
 .pn-page .pn-icon-link,.pn-page .pn-icon-button{width:32px;min-width:32px;height:38px;min-height:38px}
 .pn-page .pn-icon-link svg,.pn-page .pn-icon-button svg{width:17px;height:17px}
 #pn-editor .pn-document-head dl,#pn-editor .pn-finding-block,#pn-editor .pn-writing-head,#pn-editor .pn-references{grid-template-columns:70px minmax(0,1fr);column-gap:12px}
 #pn-editor .pn-document-head dt,#pn-editor .pn-document-head dd{font-size:11px}
 #pn-editor .pn-range-value #pn-range-label{font-size:11px}
 #pn-editor .pn-range-value #pn-period{font-size:10px}
 #pn-editor .pn-finding-label{font-size:11px}
 #pn-editor .pn-axis-value{font-size:12px;margin-bottom:11px}
 #pn-editor .pn-finding-copy h2,#pn-editor #pn-question{font-size:13px}
 #pn-editor .pn-finding-copy #pn-evidence{font-size:12px}
 #pn-editor .pn-writing-head span,#pn-editor .pn-writing-head strong{font-size:10px}
 #pn-editor .pn-writing textarea{height:260px;min-height:260px;max-height:260px;font-size:15px;padding-top:10px}
 #pn-editor .pn-history-row{grid-template-columns:70px minmax(0,1fr) 14px;gap:12px}
}


/* 2026-09-20 final clarity pass: memo box + timeline/list reflection */
.pn-page .pn-head-actions{gap:10px}
.pn-page #pn-home-link svg{width:17px;height:17px;stroke-width:1.65}
.pn-page #pn-save-top svg{width:15px;height:15px;stroke-width:1.55}

#pn-editor .pn-writing-head{padding-top:18px;padding-bottom:10px}
#pn-editor .pn-writing{
  margin:0;
  padding:0;
  border:0;
}
#pn-editor .pn-writing textarea{
  box-sizing:border-box;
  width:100%;
  height:260px;
  min-height:260px;
  max-height:260px;
  padding:18px 18px;
  border:1px solid #dfdfdf!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111;
  font:14px/1.9 var(--ui);
  resize:none!important;
  overflow:auto;
  box-shadow:none!important;
}
#pn-editor .pn-writing textarea:focus-visible{outline:1px solid #888;outline-offset:2px}

#pn-editor .pn-reflection{
  margin:34px 0 34px;
  padding:0;
}
#pn-editor .pn-reflection-head{
  display:flex;
  align-items:center;
  min-height:28px;
  padding:0 0 10px;
  border-bottom:1px solid #dcdcdc;
}
#pn-editor .pn-reflection-head span{
  color:#999;
  font:600 10px/1.4 var(--mono);
  letter-spacing:.65px;
}
#pn-editor .pn-mirror{
  position:relative;
  display:block;
  padding-left:22px;
  border:0;
}
#pn-editor .pn-mirror::before{
  content:'';
  position:absolute;
  left:5px;
  top:0;
  bottom:0;
  width:1px;
  background:#e1e1e1;
}
#pn-editor .pn-history-row{
  position:relative;
  display:grid;
  grid-template-columns:86px minmax(0,1fr) 14px;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:12px 0;
  border:0;
  border-bottom:1px solid #ececec;
  text-decoration:none;
  color:#111;
  font-size:12px;
  line-height:1.55;
}
#pn-editor .pn-history-row::before{
  content:'';
  position:absolute;
  left:-21px;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-3.5px;
  border-radius:50%;
  background:#c7c7c7;
  box-shadow:0 0 0 4px #fff;
}
#pn-editor .pn-history-row time{
  font:600 10px/1.5 var(--mono);
  color:#8e8e8e;
  white-space:nowrap;
}
#pn-editor .pn-history-excerpt{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#222;
}
#pn-editor .pn-history-row>span:last-child{
  justify-self:end;
  color:#8e8e8e;
  font-size:12px;
}
#pn-editor .pn-history-row:hover{background:#fafafa}

#pn-editor .pn-references{
  margin-top:4px;
  padding-top:18px;
  border-top:1px solid #dcdcdc;
}

@media(max-width:600px){
  .pn-page #pn-home-link svg{width:17px;height:17px}
  .pn-page #pn-save-top svg{width:15px;height:15px}
  #pn-editor .pn-writing textarea{height:280px;min-height:280px;max-height:280px;font-size:15px;padding:16px 16px;border-radius:9px!important}
  #pn-editor .pn-reflection{margin-top:30px}
  #pn-editor .pn-mirror{padding-left:20px}
  #pn-editor .pn-mirror::before{left:5px}
  #pn-editor .pn-history-row{grid-template-columns:78px minmax(0,1fr) 12px;gap:10px;min-height:56px}
  #pn-editor .pn-history-row::before{left:-19px}
}


/* 2026-09-21 utility header + notes list + RM-style toast */
.pn-header{margin:0 0 24px!important}
.pn-toolbar{
  position:sticky;top:max(10px,env(safe-area-inset-top));z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 24px;padding:7px 9px;
  border:1px solid rgba(220,220,220,.72);border-radius:18px;
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);
  box-shadow:0 5px 24px rgba(0,0,0,.045);
}
.pn-toolbar-left{display:flex;align-items:center;gap:4px;min-width:0}
.pn-page .pn-toolbar .pn-icon-link,.pn-page .pn-toolbar .pn-icon-button{
  display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;min-width:34px;min-height:34px;
  margin:0;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#222;box-shadow:none!important;
}
.pn-page .pn-toolbar .pn-icon-link:active,.pn-page .pn-toolbar .pn-icon-button:active{background:rgba(0,0,0,.045)!important}
.pn-page .pn-toolbar .pn-back svg{width:18px;height:18px;stroke-width:1.8}
.pn-page .pn-toolbar .pn-list-home svg{width:18px;height:18px;stroke-width:1.65}
.pn-page .pn-toolbar .pn-save-icon svg{width:16px;height:16px;stroke-width:1.55}
.pn-header h1{margin:0 0 24px!important;padding:0!important;font:700 18px/1.2 var(--mono)!important;letter-spacing:1.2px!important;white-space:nowrap}
.pn-toolbar .meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;white-space:nowrap;padding-top:0}
.pn-toolbar .lang-wrapper{display:flex;align-items:center;gap:8px}
.pn-toolbar .lang-label{font-size:10px;color:var(--muted);font-weight:700;font-family:var(--mono);position:relative;top:1px}
.pn-toolbar .lang-select-ui{padding:4px 28px 4px 10px;font-size:11px;font-weight:900;font-family:var(--mono);border:1px solid var(--line);border-radius:6px;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;outline:none}

#pn-editor .pn-writing-head{display:block!important;padding:18px 0 10px!important}
#pn-editor .pn-writing-head #pn-now-label{display:block;color:#999;font:600 11px/1.5 var(--mono);letter-spacing:.35px;white-space:nowrap}

#pn-editor .pn-reflection{margin:28px 0 34px!important;padding:0!important}
#pn-editor .pn-reflection-head{display:none!important}
#pn-editor .pn-mirror{position:static!important;display:block!important;padding:0!important;border:1px solid #e6e6e6!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
#pn-editor .pn-mirror::before{content:none!important;display:none!important}
#pn-editor .pn-history-row{
  position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 18px!important;gap:12px!important;align-items:center!important;
  min-height:66px!important;padding:13px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid #ececec!important;
  background:#fff!important;text-decoration:none!important;color:#111!important;
}
#pn-editor .pn-history-row:last-child{border-bottom:0!important}
#pn-editor .pn-history-row::before{content:none!important;display:none!important}
#pn-editor .pn-history-copy{display:grid;gap:4px;min-width:0}
#pn-editor .pn-history-excerpt{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#171717;font-size:13px;line-height:1.45;font-weight:600}
#pn-editor .pn-history-date{display:block;color:#999;font:10px/1.45 var(--mono);white-space:nowrap}
#pn-editor .pn-history-arrow{justify-self:end;color:#9a9a9a;font-size:17px;line-height:1}
#pn-editor .pn-history-row:hover{background:#fafafa!important}

.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#111;color:#fff;padding:10px 12px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:9999;font-family:var(--mono);font-weight:900;letter-spacing:.3px;white-space:nowrap}
.toast.show{opacity:.92}

@media(max-width:600px){
 .pn-page{padding-top:22px!important}
 .pn-toolbar{top:max(8px,env(safe-area-inset-top));margin-bottom:22px;padding:6px 8px;border-radius:16px}
 .pn-page .pn-toolbar .pn-icon-link,.pn-page .pn-toolbar .pn-icon-button{width:32px;min-width:32px;height:32px;min-height:32px}
 .pn-page .pn-toolbar .pn-back svg,.pn-page .pn-toolbar .pn-list-home svg{width:17px;height:17px}
 .pn-page .pn-toolbar .pn-save-icon svg{width:15px;height:15px}
 .pn-toolbar .lang-label{font-size:9px}.pn-toolbar .lang-select-ui{font-size:10px;padding:4px 25px 4px 8px}
 .pn-header h1{font-size:15px!important;margin-bottom:22px!important}
 #pn-editor .pn-history-row{min-height:64px!important;padding:12px 14px!important}
 #pn-editor .pn-history-excerpt{font-size:13px}
}


/* 2026-09-21 floating controls refinement */
.pn-header{margin:0 0 24px!important;overflow:visible!important}
.pn-toolbar{
  position:sticky!important;
  top:max(10px,env(safe-area-inset-top))!important;
  z-index:80!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  margin:0 0 26px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none;
}
.pn-toolbar-left{
  pointer-events:auto;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  padding:5px 7px!important;
  border:1px solid rgba(218,218,218,.78)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.76)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  box-shadow:0 5px 22px rgba(0,0,0,.05)!important;
}
.pn-toolbar>.meta-right{
  pointer-events:auto;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.pn-toolbar>.meta-right .lang-wrapper{display:flex!important;align-items:center!important;gap:8px!important}
.pn-toolbar>.meta-right .lang-label{font-size:10px!important;color:var(--muted)!important;font-weight:700!important;font-family:var(--mono)!important;position:relative!important;top:1px!important}
.pn-toolbar>.meta-right .lang-select-ui{
  padding:4px 28px 4px 10px!important;
  font-size:11px!important;
  font-weight:900!important;
  font-family:var(--mono)!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
  appearance:none!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center!important;
  cursor:pointer!important;
  outline:none!important;
  color:#111!important;
}
.pn-header h1{
  margin:0 0 24px!important;
  padding:0!important;
  font:700 18px/1.2 var(--mono)!important;
  letter-spacing:1.2px!important;
  white-space:nowrap!important;
}

/* IN VIEW: Notes-style list, no timeline line, no outer stroke */
#pn-editor .pn-reflection{margin:28px 0 34px!important;padding:0!important}
#pn-editor .pn-inview-title{
  margin:0 0 10px!important;
  color:#999!important;
  font:600 11px/1.5 var(--mono)!important;
  letter-spacing:.45px!important;
}
#pn-editor .pn-mirror{
  position:static!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(17,17,17,.025)!important;
  overflow:hidden!important;
}
#pn-editor .pn-mirror::before{content:none!important;display:none!important}
#pn-editor .pn-history-row{
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:66px!important;
  padding:13px 16px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,17,.055)!important;
  background:transparent!important;
  text-decoration:none!important;
  color:#111!important;
}
#pn-editor .pn-history-row:last-child{border-bottom:0!important}
#pn-editor .pn-history-row::before{content:none!important;display:none!important}
#pn-editor .pn-history-copy{display:grid!important;gap:4px!important;min-width:0!important}
#pn-editor .pn-history-excerpt{display:block!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#171717!important;font-size:13px!important;line-height:1.45!important;font-weight:600!important}
#pn-editor .pn-history-date{display:block!important;color:#999!important;font:10px/1.45 var(--mono)!important;white-space:nowrap!important}
#pn-editor .pn-history-arrow{justify-self:end!important;color:#9a9a9a!important;font-size:17px!important;line-height:1!important}
#pn-editor .pn-history-row:hover{background:rgba(17,17,17,.018)!important}

@media(max-width:600px){
  .pn-toolbar{top:max(8px,env(safe-area-inset-top))!important;margin-bottom:24px!important}
  .pn-toolbar-left{padding:4px 6px!important;border-radius:17px!important}
  .pn-toolbar>.meta-right .lang-label{font-size:9px!important}
  .pn-toolbar>.meta-right .lang-select-ui{font-size:10px!important;padding:4px 25px 4px 8px!important}
  .pn-header h1{font-size:15px!important;margin-bottom:22px!important}
  #pn-editor .pn-inview-title{font-size:10px!important;margin-bottom:9px!important}
  #pn-editor .pn-history-row{min-height:64px!important;padding:12px 14px!important}
}


/* 2026-09-21 header hierarchy — static controls + full meta-right */
.pn-header{
  display:block!important;
  width:100%!important;
  margin:0 0 24px!important;
  overflow:visible!important;
}
.pn-toolbar{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:auto!important;
}
.pn-toolbar-left{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  min-width:0!important;
  margin:0!important;
  padding:3px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.pn-page .pn-toolbar .pn-icon-link,
.pn-page .pn-toolbar .pn-icon-button{
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:24px!important;
  min-width:24px!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#222!important;
  box-shadow:none!important;
}
.pn-page .pn-toolbar .pn-icon-link:active,
.pn-page .pn-toolbar .pn-icon-button:active{opacity:.48!important;background:transparent!important}
.pn-page .pn-toolbar .pn-back svg,
.pn-page .pn-toolbar .pn-list-home svg,
.pn-page .pn-toolbar .pn-save-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  stroke-width:1.65!important;
}
.pn-toolbar>.meta-right{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.pn-toolbar>.meta-right .lang-wrapper{display:flex!important;align-items:center!important;gap:8px!important}
.pn-toolbar>.meta-right .lang-label{
  font-size:10px!important;
  color:var(--muted)!important;
  font-weight:700!important;
  font-family:var(--mono)!important;
  position:relative!important;
  top:1px!important;
}
.pn-toolbar>.meta-right .lang-select-ui{
  padding:4px 28px 4px 10px!important;
  font-size:11px!important;
  font-weight:900!important;
  font-family:var(--mono)!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
  appearance:none!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center!important;
  cursor:pointer!important;
  outline:none!important;
}
.pn-toolbar>.meta-right .metadata{
  display:block!important;
  font-family:var(--mono)!important;
  font-size:10px!important;
  color:var(--muted2)!important;
  text-align:right!important;
  line-height:1.4!important;
  font-weight:700!important;
}
.pn-title-row{
  display:block!important;
  margin:46px 0 42px!important;
  padding:0!important;
}
.pn-title-row h1,
.pn-header .pn-title-row h1{
  margin:0!important;
  padding:0!important;
  font:700 18px/1.2 var(--mono)!important;
  letter-spacing:1.2px!important;
  white-space:nowrap!important;
}

@media(max-width:600px){
  .pn-page{padding-top:22px!important}
  .pn-toolbar{gap:18px!important}
  .pn-toolbar-left{gap:20px!important;padding-top:2px!important}
  .pn-page .pn-toolbar .pn-icon-link,
  .pn-page .pn-toolbar .pn-icon-button{width:22px!important;min-width:22px!important;height:26px!important;min-height:26px!important}
  .pn-page .pn-toolbar .pn-back svg,
  .pn-page .pn-toolbar .pn-list-home svg,
  .pn-page .pn-toolbar .pn-save-icon svg{width:17px!important;height:17px!important}
  .pn-toolbar>.meta-right .lang-label{font-size:9px!important}
  .pn-toolbar>.meta-right .lang-select-ui{font-size:10px!important;padding:4px 25px 4px 8px!important}
  .pn-toolbar>.meta-right .metadata{font-size:9px!important;line-height:1.4!important}
  .pn-title-row{margin:42px 0 38px!important}
  .pn-title-row h1,.pn-header .pn-title-row h1{font-size:15px!important;letter-spacing:1px!important}
}

/* Compact shared header and Home Word Index card metrics. */
body.pn-page .pn-header{margin-bottom:18px!important;padding:0!important}
body.pn-page .pn-toolbar{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:0!important}
body.pn-page .pn-toolbar-left{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 0 0!important;min-width:0}
body.pn-page .pn-toolbar-left h1{margin:0!important;padding:0!important;font:700 18px/1.3 var(--mono)!important;letter-spacing:.8px!important}
body.pn-page .pn-header .meta-right{--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--line:#e7e7e7;--muted2:#9a9a9a;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important;white-space:nowrap!important;padding-top:8px!important}
body.pn-page .pn-header .meta-right .lang-label{font-size:10px!important;font-weight:700!important;font-family:var(--mono)!important;top:1px!important}
body.pn-page .pn-header .meta-right .lang-select-ui{padding:4px 28px 4px 10px!important;font-size:11px!important;font-weight:900!important;font-family:var(--mono)!important;border:1px solid var(--line)!important;border-radius:6px!important}
body.pn-page .pn-header .meta-right .metadata{font-family:var(--mono)!important;font-size:10px!important;color:var(--muted2)!important;text-align:right!important;line-height:1.4!important;font-weight:700!important}
body.pn-page #pn-editor .pn-document-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;padding:10px 0 20px!important}
body.pn-page #pn-editor .pn-document-head dl{grid-template-columns:58px minmax(0,1fr)!important;gap:7px 12px!important;min-width:0}
body.pn-page .pn-code-tools{display:flex;align-items:center;gap:8px}
body.pn-page .pn-code-tools .pn-icon-link,body.pn-page .pn-code-tools .pn-icon-button{box-sizing:border-box;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:#444!important}
body.pn-page .pn-code-tools svg{width:17px!important;height:17px!important}
body.pn-page .pn-range-value{flex-wrap:wrap!important;min-width:0;white-space:normal!important}
body.pn-page .pn-axis-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;min-height:224px;align-content:start;margin:0!important}
body.pn-page button.pn-axis-card{box-sizing:border-box!important;position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;border:0!important;border-radius:16px!important;background:#fafafa!important;padding:14px 12px 14px 26px!important;min-height:112px!important;height:auto!important;min-width:0!important;font:700 12px/1.4 var(--mono)!important;color:#111!important;text-align:left!important}
body.pn-page button.pn-axis-card::before{content:"";position:absolute;left:12px;top:14px;width:2px;height:40px;background:#111}
body.pn-page button.pn-axis-card span{font:11px/1.4 var(--mono)!important;color:#999!important;margin:0!important}
body.pn-page button.pn-axis-card[aria-pressed="true"]{box-shadow:inset 0 0 0 1px #aaa!important}
body.pn-page .pn-filters{display:flex!important;justify-content:flex-end!important;gap:0!important;margin:16px 0 8px!important}
body.pn-page #pn-range{border:1px solid var(--line);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;padding:5px 24px 5px 10px;font-family:var(--mono);font-size:10px;font-weight:900;color:#111;appearance:none;outline:none;cursor:pointer;min-height:26px}
@media(max-width:600px){
 body.pn-page .pn-toolbar-left h1{font-size:13px!important;letter-spacing:.4px!important}
 body.pn-page .pn-toolbar-left{gap:4px!important}
 body.pn-page #pn-editor .pn-document-head dl{grid-template-columns:43px minmax(0,1fr)!important;gap:6px 8px!important;font-size:10px!important}
 body.pn-page .pn-range-value{gap:4px 8px!important;font-size:10px!important}
 body.pn-page .pn-code-tools{gap:7px}
 body.pn-page .pn-axis-grid{gap:5px!important}
 body.pn-page button.pn-axis-card{padding:12px 9px 12px 22px!important;border-radius:14px!important}
 body.pn-page button.pn-axis-card::before{left:9px;top:12px;height:36px}
}
@media(min-width:601px){body.pn-page button.pn-axis-card{padding-left:30px!important}body.pn-page button.pn-axis-card::before{left:16px}}
@media(max-width:350px){
 body.pn-page .pn-toolbar{gap:6px!important}
 body.pn-page .pn-toolbar-left h1{font-size:11px!important;letter-spacing:0!important}
 body.pn-page button.pn-axis-card{padding:10px 6px 10px 18px!important;font-size:10px!important}
 body.pn-page button.pn-axis-card::before{left:6px;top:10px;height:34px}
}

/* PN hub: compact axis bars and a single list header. */
body.pn-page .pn-header .lang-select-ui{color:#3478f6!important;-webkit-text-fill-color:#3478f6!important}
body.pn-page .pn-axis-grid{gap:22px 10px!important;min-height:0!important;margin:10px 0 30px!important}
body.pn-page button.pn-axis-card{position:relative;display:grid!important;grid-template-columns:2px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:7px!important;align-content:center!important;justify-content:stretch!important;min-height:64px!important;height:auto!important;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
body.pn-page button.pn-axis-card::before{content:"";position:static;grid-column:1;grid-row:1/3;align-self:stretch;width:2px;height:auto;min-height:42px;background:#111}
body.pn-page button.pn-axis-card span.pn-axis-name{grid-column:2;grid-row:1;margin:0!important;color:#111!important;-webkit-text-fill-color:#111!important;font:700 12px/1.35 var(--mono)!important;white-space:nowrap}
body.pn-page .pn-axis-count{grid-column:2;grid-row:2;margin:0!important;color:#999!important;font:500 10px/1.35 var(--mono)!important;white-space:nowrap}
body.pn-page button.pn-axis-card[aria-pressed="true"]{background:rgba(17,17,17,.035)!important;box-shadow:none!important}
body.pn-page button.pn-axis-card[aria-pressed="true"]::before{width:2px}
body.pn-page .pn-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:0 0 10px}
body.pn-page .pn-list-head .pn-caption{margin:0;min-width:0}
body.pn-page .pn-list-head #pn-range{flex:0 0 auto}
body.pn-page #pn-editor .pn-writing{border-bottom:0!important;padding-bottom:0!important}
body.pn-page #pn-editor .pn-reflection{margin-top:24px!important}
body.pn-page #pn-editor .pn-references{margin-top:32px!important;padding-top:18px!important}
body.pn-page .pn-delete-icon svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.pn-page .pn-heading{min-width:0;padding-top:8px}
body.pn-page .pn-title-line{display:flex;align-items:center;gap:8px;min-width:0}
body.pn-page .pn-title-line h1{margin:0!important;padding:0!important;color:#111!important;font:700 24px/1.2 var(--ui)!important;letter-spacing:-.45px!important;white-space:nowrap!important;text-transform:none!important}
body.pn-page .pn-title-line .pn-back{width:24px!important;min-width:24px!important;height:30px!important;min-height:30px!important}
body.pn-page .pn-tagline{margin:10px 0 0 32px;color:#333;font-size:13px;line-height:1.55;font-weight:400;word-break:keep-all}
body.pn-page .pn-signature{margin:5px 0 0 32px;color:#777;font-size:13px;line-height:1.5;font-weight:400}
body.pn-page .pn-delete-icon{margin-left:0!important;color:#777!important}
@media(max-width:600px){
 body.pn-page .pn-axis-grid{gap:18px 6px!important;margin-top:8px!important;margin-bottom:26px!important}
 body.pn-page button.pn-axis-card{padding:6px 5px!important;column-gap:9px!important;min-height:58px!important}
 body.pn-page button.pn-axis-card::before{min-height:40px}
 body.pn-page button.pn-axis-card span.pn-axis-name{font-size:10px!important}
 body.pn-page .pn-axis-count{font-size:9px!important}
 body.pn-page .pn-code-tools{gap:8px!important}
 body.pn-page .pn-code-tools .pn-icon-link,body.pn-page .pn-code-tools .pn-icon-button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:9px!important}
 body.pn-page #pn-editor .pn-document-head{gap:5px!important}
 body.pn-page #pn-editor .pn-references{margin-top:28px!important}
 body.pn-page .pn-heading{padding-top:6px}
 body.pn-page .pn-title-line{gap:6px}
 body.pn-page .pn-title-line h1{font-size:20px!important;letter-spacing:-.35px!important}
 body.pn-page .pn-tagline{margin:9px 0 0 28px;font-size:11.5px;line-height:1.55}
 body.pn-page .pn-signature{margin:4px 0 0 28px;font-size:11.5px}
}

/* Header follows the UPDATED row; language stays above it. */
body.pn-page .pn-header .pn-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px!important;row-gap:10px!important}
body.pn-page .pn-header .pn-toolbar>.meta-right{display:contents!important}
body.pn-page .pn-header .pn-toolbar>.pn-back{grid-column:1;grid-row:1;align-self:start;margin-top:8px!important}
body.pn-page .pn-header .lang-wrapper{grid-column:2;grid-row:1;padding-top:8px}
body.pn-page .pn-header .metadata{grid-column:2;grid-row:2;align-self:start}
body.pn-page .pn-header .pn-heading{grid-column:1;grid-row:2;padding-top:0!important}
body.pn-page .pn-heading>h1{margin:0!important;padding:0!important;color:#111!important;font:700 24px/1.2 var(--ui)!important;letter-spacing:-.45px!important;white-space:nowrap!important;text-transform:none!important}
body.pn-page .pn-tagline{margin-left:0!important}
body.pn-page .pn-signature{margin-left:0!important}
body.pn-page .pn-list-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
body.pn-page #pn-clear-axis{padding:3px 0;border:0;border-bottom:1px solid #ccc;border-radius:0;background:transparent;color:#777;font:10px/1.5 var(--ui);white-space:nowrap}

@media(max-width:600px){body.pn-page .pn-heading>h1{font-size:20px!important;letter-spacing:-.35px!important}}
@media(max-width:350px){body.pn-page .pn-heading>h1{font-size:17px!important}body.pn-page .pn-tagline,body.pn-page .pn-signature{margin-left:0!important;font-size:10px}}

/* Match the Reflection Monthly header typography exactly. */
body.pn-page .pn-header .pn-heading{
  padding:0 0 0 10px!important;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif!important;
  letter-spacing:-.2px!important
}
body.pn-page .pn-header .pn-heading>h1{
  margin:0 0 6px!important;
  padding:0!important;
  font-family:inherit!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:-.2px!important
}
body.pn-page .pn-header .pn-tagline{
  margin:0 0 5px!important;
  color:#444!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.65!important;
  letter-spacing:-.2px!important;
  white-space:normal!important;
  word-break:keep-all!important
}
body.pn-page .pn-header .pn-signature{
  margin:0 0 1px!important;
  color:#6b6b6b!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.65!important;
  letter-spacing:-.2px!important
}
body.pn-page .pn-header .lang-label,
body.pn-page .pn-header .lang-select-ui,
body.pn-page .pn-header .metadata{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
  letter-spacing:-.2px!important
}
body.pn-page .pn-header .lang-label{font-size:10px!important;font-weight:700!important}
body.pn-page .pn-header .lang-select-ui{font-size:11px!important;font-weight:900!important}
body.pn-page .pn-header .metadata{font-size:10px!important;font-weight:700!important;line-height:1.4!important}
@media(max-width:600px){
  body.pn-page .pn-header .pn-heading{padding-left:10px!important}
  body.pn-page .pn-header .pn-heading>h1{font-size:22px!important}
  body.pn-page .pn-header .pn-tagline{font-size:13px!important}
  body.pn-page .pn-header .pn-signature{font-size:12px!important}
  body.pn-page .pn-header .lang-label{font-size:10px!important}
  body.pn-page .pn-header .lang-select-ui{font-size:11px!important}
  body.pn-page .pn-header .metadata{font-size:10px!important}
}

body.pn-page #upgradeModal .modal-close{
      border:none;
      background:none;
      padding:0;
      width:28px;
      height:28px;
      font-size:22px;
      line-height:1;
      cursor:pointer;
      color:#111;
    }
body.pn-page #upgradeModal .btn-ghost,body.pn-page #upgradeModal .btn-solid{
      flex:1;
      border-radius:12px;
      padding:12px 14px;
      font-family:var(--mono);
      font-size:11px;
      font-weight:900;
      letter-spacing:0.5px;
      cursor:pointer;
    }
body.pn-page #upgradeModal .btn-ghost{
      border:1px solid var(--line);
      background:#fff;
      color:#111;
    }
body.pn-page #upgradeModal .plan-btn{
      width:100%;
      border:none;
      border-radius:14px;
      padding:14px 16px;
      background:#111;
      color:#fff;
      text-align:left;
      cursor:pointer;
      font-family:var(--ui);
    }
body.pn-page #upgradeModal .plan-btn.secondary{
      background:#222;
    }
body.pn-page #upgradeModal .plan-btn small{
      display:block;
      font-family:var(--mono);
      font-size:10px;
      font-weight:900;
      letter-spacing:0.5px;
      opacity:0.8;
      margin-bottom:4px;
    }
body.pn-page #upgradeModal .plan-btn strong{
      display:block;
      font-size:14px;
      font-weight:800;
      line-height:1.35;
      letter-spacing:-0.2px;
    }

body.pn-page .pn-list-head[hidden]{display:none!important}
body.pn-page .pn-notes-title{color:#111;font:700 12px/1.35 var(--mono)}
body.pn-page #pn-count{color:#999;font:500 10px/1.35 var(--mono)}
body.pn-page.pn-free #pn-delete{display:none!important}
body.pn-page.pn-free #pn-answer{cursor:pointer}
@media(max-width:600px){body.pn-page .pn-notes-title,body.pn-page.pn-free .pn-axis-name{font-size:10px}}
/* Align the heading with the first axis bar in both membership views. */
body.pn-page .pn-header .pn-heading{padding-left:8px!important}
@media(max-width:600px){
 body.pn-page .pn-header .pn-heading{padding-left:5px!important}
}
/* Shared hub geometry and aligned document labels. */
body.pn-page button.pn-axis-card{min-height:82px!important;padding:14px 12px!important;border-radius:12px!important;row-gap:8px!important}
body.pn-page .pn-axis-grid{gap:4px 6px!important;min-height:0!important;margin-left:-12px!important;margin-right:-12px!important}
body.pn-page .pn-list-head{padding-bottom:0!important}
body.pn-page .pn-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto}
body.pn-page #pn-clear-axis{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111;font:700 12px/1.35 var(--mono)!important;white-space:nowrap}
body.pn-page #pn-clear-axis:disabled{color:#bbb!important;font-size:9px!important;font-weight:500!important;opacity:1;border:0!important}
body.pn-page #pn-notes{margin-top:4px!important}
body.pn-page .pn-empty{padding:20px 0 24px;white-space:pre-line}
body.pn-page .pn-header .pn-heading{padding-left:0!important}
body.pn-page .pn-header .pn-toolbar>.pn-back{transform:translateX(-10px)}
body.pn-page #pn-editor .pn-document-head dt,
body.pn-page #pn-editor .pn-finding-label,
body.pn-page #pn-editor .pn-writing-head #pn-now-label,
body.pn-page #pn-editor .pn-references h2{font:600 11px/1.55 var(--mono)!important;letter-spacing:.35px!important;color:#999;padding-top:0}
body.pn-page .pn-note-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
body.pn-page .pn-note-row>a{grid-template-columns:95px 85px minmax(0,1fr);min-width:0}
body.pn-page .pn-row-actions{display:flex;gap:10px;padding-top:12px}
body.pn-page .pn-row-actions>a,body.pn-page .pn-row-actions>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:29px;height:32px;padding:6px;border:0;border-radius:6px;background:transparent;color:#888}
body.pn-page .pn-row-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
 body.pn-page button.pn-axis-card{min-height:76px!important;padding:13px 10px!important;border-radius:11px!important;column-gap:9px!important}
 body.pn-page .pn-axis-grid{margin-left:-10px!important;margin-right:-10px!important}
 body.pn-page .pn-header .pn-toolbar>.pn-back{transform:translateX(-9px)}
 body.pn-page .pn-note-row>a{grid-template-columns:72px minmax(0,1fr);gap:8px}
 body.pn-page .pn-note-row .pn-list-text{grid-column:1/3}
 body.pn-page .pn-list-controls{gap:14px}
 body.pn-page #pn-clear-axis{font-size:10px!important}
 body.pn-page #pn-clear-axis:disabled{font-size:9px!important}
 body.pn-page .pn-row-actions{gap:8px}
 body.pn-page .pn-list-summary{gap:6px}
}
/* One value column for document metadata, axis and references. */
body.pn-page #pn-editor{--pn-label-width:72px;--pn-label-gap:14px}
body.pn-page #pn-editor .pn-document-head dl,
body.pn-page #pn-editor .pn-finding-block,
body.pn-page #pn-editor .pn-references{grid-template-columns:var(--pn-label-width) minmax(0,1fr)!important;column-gap:var(--pn-label-gap)!important}
body.pn-page #pn-range{transform:translateY(-2px)}
body.pn-page #upgradeModalBody{white-space:normal;font-size:clamp(10px,3.35vw,14px);letter-spacing:-.2px}
@media(max-width:600px){body.pn-page #pn-editor{--pn-label-width:70px;--pn-label-gap:12px}}
body.pn-page #pn-editor .pn-writing textarea{height:140px;min-height:140px!important;max-height:none!important;overflow-y:hidden!important;resize:none!important}
body.pn-page #pn-editor .pn-writing{margin-top:12px!important}
body.pn-page .pn-keywords{margin:0 0 12px}
body.pn-page #pn-keyword-add{padding:5px 0;border:0;background:transparent;font:11px/1.5 var(--ui);color:#666}
body.pn-page #pn-keyword-entry{display:flex;box-sizing:border-box;width:100%;gap:8px;align-items:center;margin:8px 0;border:1px solid #ddd;border-radius:9px;padding:4px 6px 4px 0}
body.pn-page #pn-keyword-entry[hidden]{display:none}
body.pn-page #pn-keyword-input{box-sizing:border-box;min-width:0;max-width:none;width:100%;flex:1;padding:7px 16px;border:0;border-radius:9px;background:transparent;font:16px/1.5 var(--ui)}
body.pn-page #pn-keyword-confirm{padding:7px 10px;font:11px/1.5 var(--ui)}
body.pn-page #pn-keyword-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;margin-bottom:12px}
body.pn-page .pn-keyword-chip{display:inline-flex;max-width:100%;align-items:center;border:1px solid #eee;border-radius:7px;overflow:hidden}
body.pn-page .pn-keyword-chip button{border:0;border-radius:0;padding:5px 8px;background:transparent;color:#888;font:11px/1.5 var(--ui);overflow-wrap:anywhere;min-width:0}
body.pn-page .pn-keyword-chip button[aria-pressed=true]{background:#f3f3f3;color:#222}
body.pn-page .pn-keyword-chip .pn-keyword-remove{padding:5px 7px;color:#999}
body.pn-page #pn-editor .pn-writing-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body.pn-page #pn-editor #pn-answer[hidden],body.pn-page #pn-saved-answer[hidden]{display:none!important}
body.pn-page #pn-editor .pn-writing textarea{border:1px solid #ddd!important}
body.pn-page #pn-saved-answer{box-sizing:border-box;min-height:140px;padding:16px;border:0;border-radius:9px;background:#f8f8f8;color:#111;font:14px/1.9 var(--ui);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
body.pn-page .pn-keyword-static{padding:5px 8px;border:0;border-radius:7px;background:#f8f8f8;color:#222;font:11px/1.5 var(--ui);overflow-wrap:anywhere;cursor:pointer}
body.pn-page #pn-saved-answer:focus-visible,body.pn-page .pn-keyword-static:focus-visible{outline:2px solid #777;outline-offset:3px}
@media(max-width:600px){body.pn-page #pn-saved-answer{font-size:15px}}
body.pn-page #pn-notes .pn-list-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;min-width:0}
body.pn-page #pn-notes .pn-list-keyword{display:inline-block;max-width:100%;padding:3px 7px;border:0;border-radius:6px;background:#f7f7f7;color:#777;font:11px/1.5 var(--ui);overflow-wrap:anywhere}
body.pn-page #pn-notes .pn-list-keyword-more{color:#999;font:11px/1.5 var(--mono)}


/* 2026-09-23 PN state/entry refinement */
body.pn-page .pn-axis-item{
  position:relative;
  min-width:0;
}
body.pn-page .pn-axis-item .pn-axis-card{
  width:100%!important;
  padding-right:38px!important;
}
body.pn-page .pn-axis-add{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#777!important;
}
body.pn-page .pn-axis-add svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.pn-page .pn-axis-add:active{opacity:.45!important}
body.pn-page .pn-axis-add:disabled{opacity:.18!important;cursor:default!important}

/* The Notes row has one navigation target; delete remains the only separate action. */
body.pn-page .pn-note-row>a{
  grid-template-columns:95px 85px minmax(0,1fr) 22px!important;
  min-width:0!important;
}
body.pn-page .pn-list-open-icon{
  grid-column:4;
  grid-row:1/3;
  align-self:center;
  justify-self:end;
  display:grid;
  place-items:center;
  width:22px;
  height:32px;
  color:#888;
}
body.pn-page .pn-list-open-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.pn-page .pn-row-actions{align-self:start}
body.pn-page .pn-row-actions>button{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:29px;
  height:32px;
  padding:6px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#888;
}

/* FROM NOW actions: view = edit, edit/new = delete + save. */
body.pn-page .pn-edit-icon svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.pn-page #pn-editor .pn-writing-actions{flex:0 0 auto}

/* Current keyword: one integrated input with an icon, not a text button. */
body.pn-page #pn-keyword-add{
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  font:12px/1.5 var(--ui)!important;
  color:#666!important;
}
body.pn-page #pn-keyword-entry{
  display:flex!important;
  box-sizing:border-box!important;
  width:100%!important;
  gap:0!important;
  align-items:stretch!important;
  margin:8px 0!important;
  padding:0!important;
  border:1px solid #ddd!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden!important;
  transition:border-color .12s ease,box-shadow .12s ease!important;
}
body.pn-page #pn-keyword-entry[hidden]{display:none!important}
body.pn-page #pn-keyword-entry:focus-within{
  border-color:#ddd!important;
  box-shadow:none!important;
}
body.pn-page #pn-keyword-input{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  flex:1 1 auto!important;
  padding:11px 16px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111!important;
  font:16px/1.5 var(--ui)!important;
  outline:none!important;
  box-shadow:none!important;
}
body.pn-page #pn-keyword-input:focus,
body.pn-page #pn-keyword-input:focus-visible{outline:none!important;box-shadow:none!important}
body.pn-page #pn-keyword-confirm{
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0 8px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#0a84ff!important;
  color:#fff!important;
  box-shadow:none!important;
  outline:none!important;
}
body.pn-page #pn-keyword-confirm:active{opacity:.78!important}
body.pn-page #pn-keyword-confirm:focus-visible{outline:none!important}
body.pn-page #pn-keyword-confirm svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.pn-page #pn-keyword-chips{margin-bottom:12px!important}

/* Saved state is a record, not an input. */
body.pn-page #pn-saved-answer{cursor:default!important}
body.pn-page .pn-keyword-static{cursor:default!important}
body.pn-page #pn-saved-answer:focus-visible,
body.pn-page .pn-keyword-static:focus-visible{outline:none!important}

/* Keep past PN layout intact; only add the keywords saved on that row. */
body.pn-page #pn-editor .pn-history-keywords{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  min-width:0;
}
body.pn-page #pn-editor .pn-history-keyword{
  display:inline-block;
  max-width:100%;
  padding:2px 6px;
  border:0;
  border-radius:6px;
  background:rgba(17,17,17,.035);
  color:#777;
  font:10px/1.45 var(--ui);
  overflow-wrap:anywhere;
}
body.pn-page #pn-editor .pn-history-keyword-more{
  color:#999;
  font:10px/1.45 var(--mono);
}

/* English copy is intentionally compact on mobile. */
html[lang="en"] body.pn-page .pn-header .pn-tagline{white-space:nowrap!important}
html[lang="en"] body.pn-page #upgradeModalBody{white-space:nowrap!important}

@media(max-width:600px){
  body.pn-page .pn-axis-add{right:5px!important;top:14.5px!important;width:26px!important;min-width:26px!important}
  body.pn-page .pn-axis-item .pn-axis-card{padding-right:32px!important}
  body.pn-page .pn-note-row>a{
    grid-template-columns:72px minmax(0,1fr) 22px!important;
    gap:8px!important;
  }
  body.pn-page .pn-note-row .pn-list-date{grid-column:1!important;grid-row:1!important}
  body.pn-page .pn-note-row .pn-list-axis{grid-column:2!important;grid-row:1!important}
  body.pn-page .pn-note-row .pn-list-text{grid-column:1/3!important;grid-row:2!important}
  body.pn-page .pn-list-open-icon{grid-column:3!important;grid-row:1/3!important}
}


/* 2026-09-23 PN micro-layout refinement */
/* Home NOTES: the whole note (except delete) is one link; both affordance icons sit on the row's optical midline. */
body.pn-page .pn-note-row{position:relative!important;align-items:center!important}
body.pn-page .pn-note-row>a{position:relative!important;padding-right:30px!important}
body.pn-page .pn-list-open-icon{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:auto!important;
  justify-self:auto!important;
  width:24px!important;
  height:32px!important;
}
body.pn-page .pn-row-actions{align-self:center!important;padding-top:0!important}

/* Home AXIS +: sit on the AXIS NAME line, sized to the label and drawn a little bolder. */
body.pn-page .pn-axis-add{
  right:9px!important;
  top:15.5px!important;
  transform:none!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
}
body.pn-page .pn-axis-add svg{
  width:13.5px!important;
  height:13.5px!important;
  stroke-width:2.65!important;
}
body.pn-page .pn-axis-item .pn-axis-card{padding-right:29px!important}

/* FROM NOW action order: view = edit + trash, edit/new = trash + save. */
body.pn-page #pn-editor.pn-view-mode #pn-edit{order:1!important}
body.pn-page #pn-editor.pn-view-mode #pn-delete{order:2!important}
body.pn-page #pn-editor:not(.pn-view-mode) #pn-save-top{order:1!important}
body.pn-page #pn-editor:not(.pn-view-mode) #pn-delete{order:2!important}

/* IN VIEW: a little more breathing room between memo, chips and date. */
body.pn-page #pn-editor .pn-history-copy{gap:6px!important}
body.pn-page #pn-editor .pn-history-excerpt{line-height:1.58!important}
body.pn-page #pn-editor .pn-history-keyword,
body.pn-page #pn-editor .pn-history-keyword-more{line-height:1.52!important}
body.pn-page #pn-editor .pn-history-date{line-height:1.55!important}

@media(max-width:600px){
  body.pn-page .pn-axis-add{right:7px!important;top:14.5px!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important}
  body.pn-page .pn-axis-add svg{width:11.5px!important;height:11.5px!important;stroke-width:2.75!important}
  body.pn-page .pn-axis-item .pn-axis-card{padding-right:26px!important}
  body.pn-page .pn-note-row>a{padding-right:28px!important}
}