#future-page .plan-example { margin:1.5rem 0; border:1px solid #b6cad8; background:#f7fafc; }
#future-page .plan-example>summary { padding:1.1rem 1.2rem; font-weight:700; color:#23445b; cursor:pointer; }
#future-page .plan-example>div { padding:0 1.2rem 1.2rem; }
#future-page .plan-example h3 { font:600 clamp(20px,2.5vw,28px)/1.5 var(--serif); }
#future-page .plan-notebook { padding:1.2rem; margin:1.5rem 0; border:1px solid #cfdae2; border-top:3px solid #385d76; }
#future-page .plan-notebook h3 { margin:.3rem 0 1rem; }
#future-page .notebook-name,#future-page #notebook-saved { display:flex; align-items:end; gap:.8rem; }
#future-page .plan-notebook label { display:block; font-size:1rem; min-width:0; font-weight:600; }
#future-page .notebook-name>label,#future-page #notebook-saved>label { flex:1; }
#future-page .plan-notebook :is(input:not([type=file]),select) { display:block; box-sizing:border-box; width:100%; min-width:0; padding:.7rem; margin-top:.35rem; font:inherit; color:#18354a; border:1px solid #9db4c4; background:white; border-radius:3px; }
#future-page .plan-notebook button { flex-shrink:0; }
#future-page .plan-notebook summary { cursor:pointer; font-weight:650; padding:.8rem 0; }
#future-page .plan-notebook details { border-top:1px solid #d9e2e8; margin-top:.8rem; }
#future-page .plan-notebook #notebook-plans>summary { color:#23445b; }
#future-page #notebook-history h4 { font:600 1.15rem/1.5 var(--sans); margin:1.3rem 0 .5rem; overflow-wrap:anywhere; }
#future-page .notebook-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
#future-page .notebook-comparison>div { min-width:0; padding:1rem; background:#f5f8fa; border-top:3px solid #9db4c4; }
#future-page .notebook-comparison>div+div { background:#fbf7f2; border-color:#be9269; }
#future-page .notebook-record-label { font-size:.9rem; color:#506477; }
#future-page .notebook-comparison dl { margin:.5rem 0; }
#future-page .notebook-comparison dl>div { border-bottom:1px solid #d6dfe5; padding:.7rem 0; }
#future-page .notebook-comparison dt { font-weight:650; color:#23445b; margin:0 0 .3rem; }
#future-page .notebook-comparison dd { margin:0; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
#future-page .notebook-import input { display:block; max-width:100%; font:inherit; font-weight:400; margin-top:.4rem; }
#future-page .plan-notebook .plan-status:empty { display:none; }
@media(max-width:760px){
  #future-page .notebook-name,#future-page #notebook-saved { display:block; }
  #future-page .notebook-name>button,#future-page #notebook-saved>button { margin-top:.8rem; }
  #future-page .notebook-comparison { grid-template-columns:1fr; }
  #future-page .plan-notebook,#future-page .plan-example>div { padding:1rem; }
}
@media print { #future-page .plan-notebook,#future-page .plan-example { display:none!important; } }