/* 2026-11-02 시작 셋째 카드 '내 자료함' 세로 3열 (인스타그램 저장함 방식) */
@layer daytoyear-type{
html body #start #archive-card .ag-stage{justify-content:flex-start!important;align-items:stretch!important;padding:16px!important;overflow:hidden!important;flex-direction:column!important}
@media (min-width:1100px){html body #start .answer-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html body .ag{display:grid;gap:10px;width:100%;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
html body .ag-h{display:grid;gap:0}html body .ag-h b{font-size:16px!important;font-weight:600;color:#16201E;line-height:1.35}html body .ag-h span{font-size:12px!important;color:#5F6964;line-height:1.4}
html body .ag-seg{display:flex;gap:5px;flex-wrap:nowrap;overflow:hidden}html body .ag-seg span{flex:none;border:1px solid #E1E3DD;border-radius:999px;padding:0 9px;font-size:12px!important;line-height:22px;color:#3C3C43}html body .ag-seg span.on{background:#16201E;color:#fff;border-color:#16201E}
html body .ag-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
html body .ag-tile{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:#EEF0EC}
html body .ag-cap{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 5px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;display:grid;line-height:1.25}
html body .ag-cap span{font-size:10px!important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body .ag-cap .m{font-weight:400;opacity:.85}
html body .ag-pg{position:absolute;inset:9% 13% 30%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12);padding:10% 9%;display:grid;gap:8%;align-content:start}
html body .ag-pg i,html body .ag-post i{display:block;height:3px;border-radius:2px;background:#DADDD7}html body .ag-pg i.hl{background:#E8D3B5}html body .ag-pg i.s,html body .ag-post i.s{width:60%}
html body .ag-b{position:absolute;top:5px;right:5px;font-size:8px!important;font-weight:700;border-radius:3px;padding:0 4px;line-height:14px}html body .ag-b.pdf{background:#C8473B;color:#fff}html body .ag-b.dur{top:auto;bottom:5px;background:rgba(0,0,0,.6);color:#fff;z-index:2}
html body .ag-yt .ag-vid{position:absolute;inset:0;background:linear-gradient(160deg,#3B4B45,#1C2422)}html body .ag-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:24px;height:17px;background:#fff;border-radius:5px;opacity:.92}html body .ag-play::after{content:"";position:absolute;left:10px;top:4.5px;border-left:7px solid #1C2422;border-top:4px solid transparent;border-bottom:4px solid transparent}
html body .ag-x{background:#fff;box-shadow:inset 0 0 0 1px #E5E5EA}html body .ag-post{position:absolute;inset:10% 11% 30%;display:grid;gap:9%;align-content:start}html body .ag-post b{font-size:12px!important;line-height:1;color:#16201E}html body .ag-post i{background:#D1D1D6}
html body .ag-sub{background:#F4EFE6}html body .ag-letter b.lt{font-size:8px!important;letter-spacing:.08em;color:#8A6418}html body .ag-letter i{background:#DCCDB4}
html body .ag-memo-t{position:absolute;inset:10% 9% 30%;font-size:10px!important;color:#3C3C43;line-height:1.45}html body .ag-tile.ag-memo{background:#FBF7E8}
html body .ag-yt .ag-cap{padding-right:42px}
}