.wh-saved-page{max-width:760px;margin:0 auto;padding:60px 24px;font-family:inherit;}
.wh-saved-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #111;}
.wh-saved-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:8px;}
.wh-saved-header h1{font-family:Georgia,’Times New Roman’,serif;font-size:28px;font-weight:bold;color:#111;margin:0;line-height:1.2;}
.wh-clear-btn{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999;border:1px solid #ddd;background:transparent;padding:8px 14px;cursor:pointer;font-family:inherit;transition:all .2s;}
.wh-clear-btn:hover{border-color:#c00;color:#c00;}
.wh-saved-list{display:flex;flex-direction:column;gap:0;}
.wh-saved-item{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-bottom:1px solid #ebebeb;}
.wh-saved-item-img{width:100px;height:70px;object-fit:cover;flex-shrink:0;background:#f0f0f0;}
.wh-saved-item-img-placeholder{width:100px;height:70px;background:#f0f0f0;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.wh-saved-item-body{flex:1;}
.wh-saved-item-cat{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c00;margin-bottom:6px;}
.wh-saved-item-title{font-family:Georgia,’Times New Roman’,serif;font-size:17px;font-weight:bold;color:#111;margin-bottom:8px;line-height:1.35;}
.wh-saved-item-title a{color:#111;text-decoration:none;}
.wh-saved-item-title a:hover{color:#c00;}
.wh-saved-item-meta{font-size:12px;color:#999;}
.wh-saved-item-remove{background:none;border:none;cursor:pointer;color:#ccc;padding:4px;transition:color .2s;flex-shrink:0;margin-top:2px;}
.wh-saved-item-remove:hover{color:#c00;}
.wh-saved-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#aaa;}
.wh-saved-empty p{font-size:15px;color:#aaa;margin:0;}
.wh-link-btn{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111;text-decoration:none;border:1.5px solid #111;padding:10px 18px;transition:all .2s;}
.wh-link-btn:hover{background:#111;color:#fff;}
@media(max-width:600px){.wh-saved-item-img,.wh-saved-item-img-placeholder{display:none;}.wh-saved-header{flex-direction:column;align-items:flex-start;gap:16px;}}
(function(){
var saved=[];
try{saved=JSON.parse(localStorage.getItem(‘wh_saved_posts’))||[];}catch(e){}
var list=document.getElementById(‘wh-saved-list’);
var empty=document.getElementById(‘wh-saved-empty’);
function render(){
list.innerHTML=”;
if(!saved.length){empty.style.display=’flex’;return;}
empty.style.display=’none’;
saved.forEach(function(post,i){
var el=document.createElement(‘div’);
el.className=’wh-saved-item’;
var img=post.img
?’
‘
:’
‘;
el.innerHTML=img+
‘
‘+
(post.cat?’
‘+post.cat+’
‘:”)+
‘
‘+
‘
‘+post.date+’
‘+
‘
‘+
‘
‘;
list.appendChild(el);
});
list.querySelectorAll(‘.wh-saved-item-remove’).forEach(function(btn){
btn.addEventListener(‘click’,function(){
saved.splice(parseInt(btn.dataset.idx),1);
localStorage.setItem(‘wh_saved_posts’,JSON.stringify(saved));
render();
});
});
}
render();
document.getElementById(‘wh-clear-all’).addEventListener(‘click’,function(){
if(confirm(‘Remove all saved articles?’)){
saved=[];localStorage.removeItem(‘wh_saved_posts’);render();
}
});
})();
