.memo-main{min-width:0;padding:30px;width:100%}
.memo-intro h1{margin:8px 0 10px;font-size:clamp(27px,3vw,38px);letter-spacing:-.025em}
.memo-intro>p:last-child{color:var(--muted);line-height:1.6;margin:0 0 24px}
.memo-preferences{display:grid;gap:12px}
.memo-workspace .memo-detail{margin:0;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.memo-detail summary{display:flex;align-items:center;gap:16px;cursor:pointer;padding:20px;list-style:none}
.memo-detail summary::-webkit-details-marker{display:none}
.memo-detail summary::marker{content:''}
.memo-detail summary strong{flex:1;min-width:0;font-size:18px}
.memo-icon{flex-shrink:0;color:var(--accent,#0085ff)}
.memo-detail .memo-icon,.memo-extra .memo-icon{color:#c69635}
.memo-detail summary:hover{background:var(--accent-soft)}
.memo-detail summary:focus-visible,.memo-main a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.memo-toggle{position:relative;width:18px;height:18px;flex-shrink:0;color:var(--muted)}
.memo-toggle::before,.memo-toggle::after{content:'';position:absolute;left:1px;top:8px;width:16px;height:2px;border-radius:2px;background:currentColor}
.memo-toggle::after{transform:rotate(90deg)}
.memo-detail[open] .memo-toggle::after{display:none}
.memo-detail-body{padding:0 22px 20px 66px;line-height:1.6}
.memo-detail-body p{margin:0 0 12px}.memo-detail-body p:last-child{margin-bottom:0}
.memo-detail-body ul{padding-left:20px;margin:0}.memo-detail-body li+li{margin-top:6px}
.memo-detail-body .memo-warning{color:var(--ink);border-left:3px solid #c69635;padding:8px 12px;background:var(--accent-soft);border-radius:0 8px 8px 0}
.memo-app-buttons{display:flex;flex-wrap:wrap;align-items:start;gap:24px;margin-top:18px}
.memo-app-buttons figure{margin:0;max-width:100%;text-align:center}.memo-app-icon{height:64px;display:flex;align-items:center;justify-content:center}
.memo-app-icon img{width:auto;max-width:180px;height:auto;max-height:64px;border-radius:6px;object-fit:contain}
.memo-app-buttons figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.memo-section{margin-top:32px}.memo-section h2,.memo-help h2{font-size:clamp(22px,2.3vw,27px);margin:0 0 18px;letter-spacing:-.015em}
.memo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.memo-feature{display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid var(--line);background:var(--paper);border-radius:14px;min-width:0}
.memo-feature h3,.memo-extra h3{font-size:18px;margin:0 0 8px;line-height:1.35}
.memo-feature p,.memo-extra p{margin:0;color:var(--muted);line-height:1.5}
.memo-extra{position:relative;display:flex;align-items:flex-start;flex-direction:column;padding:22px;border:1px solid #c6963566;border-radius:16px;background:var(--paper)}
.memo-extra>.memo-icon{margin-bottom:12px}.memo-badge{display:inline-flex;max-width:100%;font-size:12px;padding:5px 10px;border-radius:8px;background:#c6963514;border:1px solid #c6963544;color:var(--ink);margin:0 0 14px}
.memo-extra p{margin-bottom:18px}.memo-extra a{margin-top:auto;font-weight:700}
.memo-help{margin-top:32px;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--paper)}
.memo-help nav{display:flex;gap:12px 24px;flex-wrap:wrap}.memo-help a{font-weight:600;line-height:1.6}
.memo-footer{margin-top:24px;text-align:center}
@media(max-width:700px){.memo-main{padding:20px 4px}.memo-detail summary{padding:17px 14px;gap:12px}.memo-detail summary strong{font-size:16px}.memo-detail-body{padding:0 16px 18px}.memo-grid{grid-template-columns:1fr}.memo-feature,.memo-extra{padding:18px}.memo-help{padding:18px}.memo-help nav{flex-direction:column;gap:14px}.memo-app-buttons{gap:18px}.memo-app-icon{height:48px}.memo-app-icon img{max-height:48px;max-width:136px}.memo-footer .button{width:100%}}