.fragment-panel{margin:22px auto;padding:22px;border:1px solid #cce2fb;border-radius:20px;background:linear-gradient(130deg,#f0f8ff,#fff);color:#102b55;font:14px/1.6 system-ui;max-width:1100px}.fragment-panel h2,.fragment-panel h3{font-size:20px!important;margin:0 0 8px}.fragment-panel p{font-size:12px;color:#567297;margin:7px 0}.fragment-line{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.fragment-line b{font-size:20px;color:#0868ef}.fragment-line a{color:#0868ef;font-weight:750;font-size:13px}.fragment-panel details summary{cursor:pointer;font-weight:800}.fragment-panel label{display:block;font-size:12px;font-weight:750;margin:12px 0 5px}.fragment-panel textarea,.fragment-panel select{width:100%;background:#fff;border:1px solid #c9ddf7;border-radius:10px;padding:10px;font:13px/1.6 system-ui;color:#102b55}.fragment-panel textarea{min-height:80px;resize:vertical}.fragment-panel button{border:0;border-radius:10px;padding:11px 17px;background:#0968eb;color:white;font-weight:750;margin-top:13px}.fragment-status{font-size:12px;color:#1764b5;margin-top:12px;overflow-wrap:anywhere}.fragment-panel .small-note{font-size:11px}.fragment-badge{display:inline-flex;padding:4px 9px;background:#e4f2ff;color:#0967d8;border-radius:20px;font-size:11px;font-weight:800}.fragment-milestones{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.fragment-milestones span{border:1px solid #d7e6f9;color:#617f9f;border-radius:13px;padding:7px 11px;font-size:11px}.fragment-milestones .unlocked{color:#0965cb;background:#e7f4ff;border-color:#b3d8ff}.fragment-panel[hidden]{display:none}@media(max-width:600px){.fragment-panel{margin:16px;padding:18px}.tool-page .fragment-panel{margin-left:0;margin-right:0}}