#container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:860px;box-sizing:border-box;margin:0 auto;padding:clamp(2rem,5vw,4rem);gap:1.5rem;color:#e8e6dc;font-family:Sora,sans-serif}#textbox{width:100%;padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 1px #ffffff0a inset,0 4px 16px #0006;font-size:1rem;line-height:1.75;text-align:left}#textbox h2{font-family:"Instrument Serif",serif;font-size:1.6rem;font-weight:400;color:#cc785c;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(204,120,92,.2)}#textbox h3{font-family:"Instrument Serif",serif;font-size:1.25rem;font-weight:400;color:#d9917a;margin-bottom:.75rem}#textbox p{color:#e8e6dc;font-size:1rem;line-height:1.75;margin-bottom:.9rem}#textbox ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}#textbox ul router-link,#textbox ul a{display:inline-block;text-decoration:none;transition:text-decoration .2s ease}#textbox .text,#textbox a{color:#cc785c;font-family:Sora,sans-serif;font-weight:500;text-decoration:none;transition:text-decoration .2s ease,color .2s ease}#textbox .text:hover,#textbox a:hover{text-decoration:underline;color:#d9917a}#notebookIframe{width:100%;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0003;margin-bottom:.75rem;transition:border-color .25s ease,box-shadow .25s ease}#notebookIframe:hover{border-color:#cc785c4d;box-shadow:0 4px 16px #0006}#textbox iframe{width:100%;height:800px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0003;transition:border-color .25s ease,box-shadow .25s ease}#textbox iframe:hover{border-color:#cc785c4d;box-shadow:0 4px 16px #0006}@media (max-width: 768px){#container{padding:1.5rem 1rem;gap:1.25rem}#textbox{padding:1.5rem}#textbox h2{font-size:1.35rem}#textbox p{font-size:.95rem}#notebookIframe{height:420px}#textbox iframe{height:500px}}@media (max-width: 480px){#container{padding:1rem .75rem}#textbox{padding:1.25rem}#textbox h2{font-size:1.2rem}#notebookIframe{height:320px}#textbox iframe{height:380px}}